Úvod do aplikací internetu a přehled možností při tvorbě webu

Rozměr: px

Začít zobrazení ze stránky:

Download "Úvod do aplikací internetu a přehled možností při tvorbě webu"

Miloslava Dvořáková
před 8 lety
Počet zobrazení:

1 CVT6 01a Úvod do aplikací internetu a přehled možností při tvorbě webu

2 Internet a www Internet? Služby www ftp telnet NetNews konference IM komunikace Chaty Remote Access P2P aplikace Online games Videokonference IP telefonie Online audio/video streaming Jedna z nejvyužívanějších služeb internetu www world wide web Jednoduchý přístup a použití (internetové prohlížeče) Přístup k obrovskému množství informací Možnosti prezentace, reklamy, zábavy, business,

3 Adresace v internetu Doménová adresa Hierarchické upořádání Srozumitelné pro uživatele internetu hyperion.ped.muni.cz IP adresa Logická identifikace uzlů (počítačů) Vzájemná převoditelnost DNS (domain name system) Domény v internetu Domény 1. úrovně (TLD top level domain): generické (com, net, edu, ) národní (cz, at, fr, de, ) Přidělování doménových jmen Každá doména má svého správce a případně skupinu registrátorů Správce/registrátor přiděluje domény nižších řádů v rámci své domény Např.

4 URL Uniform resource locator Kompletní adresace informací na internetu Udává: protokol + adresu + přesné umístění dokumentu protocol://[login_name[:heslo]@]adresa_serveru[:port][cesta]

5 HTTP - HyperText Transfer Protocol Protokol? HTTP slouží k přenášení dokumentů na internetu a zobrazování www stránek Pracuje systémem klient-server RFC 1945, RFC 2068 Klient: www prohlížeč (browser) zasílá požadavky (HEAD, GET, POST) a zpracovává příchozí informace od serveru a interpretuje je Server: http server (aplikace zpracovávající požadavky)

6 Klient www prohlížeč

7 Server http Nezbytný pro provoz www stránek (ne přístup k nim!) Využití poskytovatele web hostingu (prostor na serveru) nebo vlastní server Server aplikace zpracovávající požadavky Př. Apache web server, IIS (MS internet information server, )

8 HTML hypertext markup language Značkovací jazyk pro tvorbu www stránek W3C (World Wide Web Consortium) několik standardizovaných verzí (X)HTML HTML interpretují www prohlížeče Validátor aplikace ověřující validitu (splnění normy

9 (X)HTML Používá tzv. tagy (značky) Tagy slouží k formátování textu (mají atributy) <img src="obrazek1.gif" height="5" alt="" /> Verze:., HTML 4.0, XHTML 1.0, XHTML 1.1, Varianty verzí: Transitional, Strict, Frameset Verze je zapsána v hlavičce dokumentu <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

10 CSS cascading style sheets Soubor metod ke grafické úpravě HTML dokumentu Nahrazuje některé tagy či jejich atributy Patří pod W3C možno ověřit validitu Široké možnosti formátování stránek Více způsobů zápisu do dokumentu Novější verze XHTML nepřipouštějí formátovací atributy tagů => nutnost CSS

11 Dynamické www stránky Využití skriptů a skriptovacích či programovacích jazyků Interpretované jazyky Zpracovávané serverem Např. PHP Zpracovávané klientem Např. JavaScript

12 Databáze SŘBD data + software pro manipulaci s daty Typy databází: síťové, objektové, relační, Relační databáze nejpoužívanější data ukládána ve formě relací (tabulky a jejich vztahy) SQL - (Structured Query Language) Nutná podpora databáze na serveru a v programovacím jazyku Kombinace PHP+MySQL

13 Další možnosti a souvislosti tvorby www stránek Grafika!!! Vizuální úprava stránek Tvorba uceleného grafického vzhledu, tlačítek apod. Programy pro práci s grafikou (např. Photoshop) FLASH grafický (vektorový) formát pro prezentace na webu Zabezpečení stránek a kontrola přístupu k datům Zabezpečené přihlašování uživatelů do webových aplikací

14 Vlastní tvorba WYSIWYG editory What you see is what you get zjednodušení tvorby webu v režimu kdy rovnou vidíme jak bude stránka vypadat Často omezené možnosti Nepřehledný a mnohonásobně větší kód Klasické HTML editory Přímý zápis HTML kódu nutná znalost Jasná kontrola nad tím co píšeme Editory zvýrazňují syntaxi + popř. nápověda Možnost editace i dalších jazyků (JavaScript, PHP, CSS, ) Kombinace

15 Editory HTML

16 KONEC

Podobné dokumenty

Úvod do tvorby internetových aplikací

CVT6 01a Úvod do tvorby internetových aplikací Osnova předmětu (X)HTML a tvorba webu pomocí přímého zápisu kódu Tvorba web designu a skládání stránek z kousků Skriptovací jazyky na webu Návrh software