Tvorba efektních www stránek pro každého Od historie až po současnost… Úvod Porovnání Validace Prohlížeče Závěr
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Vznik HTML 1991, vychází z SGML nástroj pro spojování dokumentů z různých zdrojů zkratka HTML –HyperText Markup Language –hypertextový značkovací jazyk jazyk sice ochuzený, avšak jednoduchý popisuje –co má být na stránce umístěno –jak má stránka vypadat o vzhledu však bohužel rozhoduje klient - prohlížeč problémy –menší důraz na informace –větší důraz na vzhled webových stránek vývoj zajišťuje World-Wide-Web Consorcium ale od verze 4.01 už se dále nevyvíjí
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Vznik XML 1998, vychází z SGML zkratka XML –eXtensible Markup Language –rozšiřitelný značkovací jazyk umožňuje mimo jiné –vytvářet vlastní značky (předem žádné nedefinuje) –zpracovávat data pro předčítání nevidomým –vytvářet neomezené množství různých výstupů na základě oddělených dat (CSS, XSLT) vyvíjen jako –prostředek na překonání nedostatků a omezení prvků v HTML –standardní formát pro zpracování dat odděluje formátovací značky od sémantických –vzhled a obsah problémy při tvorbě vlastních značek
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Vznik XHTML 2000, vychází z HTML 4 se striktnější syntaxí zkratka XHTML –eXtensible Hypertext Markup Language –rozšiřitelný hypertextový značkovací jazyk výhody: –má dané standardní značky –umožňuje přidávat nové –snadnější přechod než na XML –zpětně kompatibilní s předchozími jazyky založen na tom,že –pravidla XML jsou jednoduchá –povědomí o HTML značné snaha o: –zpřehlednění syntaxe –zavedení pořádku –snadnou přenositelnost –zobrazitelnost na jiných platformách než PC
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Obecný úvod html soubor je obyčejný text proložený značkami, kterým se říká tagy tagy určují, co a jak bude na stránce umístěno rozdělení: –párové, nepárové –sémantické, formátovací příklady: Zde je obsah nějakého odstavce., možnost použití atributů Mgr. Marek Osuchowski
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Syntaxe HTML nezáleží na velikosti písma tagy, které prohlížeč nezná, ignoruje na začátku tagu nesmí být mezera dvě mezery po sobě mají stejný význam jako jedna mezera jména atributů je vhodné dávat do uvozovek nebo do apostrofů speciální znaky se do zdroje zadávají jako posloupnost znaků začínající znakem ’&’ a končící středníkem komentář se do zdroje vkládá mezi značky ‘ ‘ obsahem značky může být další značka zákaz křížení tagů
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Syntaxe XHTML všechny tagy musí být uzavřené, párové i nepárové tagy, které jsou nepárové je potřeba doplnit lomítkem všechny atributy musí mít svou hodnotu obsah atributů musíme uzavírat do uvozovek pozor na správné vnořování tagů tagy i atributy se musí psát malými písmeny nemůžeme používat speciální znaky přímo v textu stránky musí začínat platnou deklarací typu dokumentu
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Struktura stránky v HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> Moje první stránka v HTML Můj první odstavec
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Struktura stránky v XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="cs" lang="cs"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> Moje první stránka v XHTML Můj první odstavec
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr !Doctype každý HTML i XHTML dokument musí uvést své DTD –Document Type Definition dává prohlížeči informace: –jaké elementy má používat –kdy je může použít –jaké jsou jejich vlastnosti –jak má s nimi zacházet ačkoliv tento prvek je součástí (X)HTML dokumentu, platí pro něj jiná pravidla, a proto jej není potřeba ukončovat
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr !Doctype 3 základní definice DTD: HTML 4.01: striktní přechodová s podporou rámců XHTML 1.0, resp. 1.1: striktní <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " přechodová <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " s podporou rámců <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Tabulka
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Validace proces, při kterém jsou dokumenty ověřovány proti příslušným DTD validace je ověření shody dokumentu se schématem validator načte vaši stránku, zjistí vůči jakému DTD (Strict/Transitional/Frameset) ji má validovat a přehledně vypíše seznam nalezených chyb, případně zprávu o tom, že je stránka validní jádrem validátoru je parser –program nebo programátorská knihovna
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Důvody validace nekompatibilita mezi prohlížeči nečitelnost obsahu stránek na jiných zařízeních zmatek v HTML kódu absence struktury problémy internetovým vyhledávačům velikost html souborů řešení, postup –oddělení obsahu a formy –strukturování dokumentů –čistý a standardům vyhovující kód
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr On-line a off-line validátory on-line validace – – možnosti validace ze souboru z webu přímo z textového pole off-line validace –PSPad –plugin do prohlížeče Mozilla Firefox
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Historie prohlížečů WorldWideWeb –1991 –první prohlížeč webových stránek –autor Tim Berners-Lee –přejmenován na Nexus Mosaic – –původně pro Unix –prvotní základ pro Netscape Navigator i IE
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Současnost prohlížečů Internet Explorer + verze IE 7 - otázky bezpečnosti Mozilla Firefox + stovky pluginů Opera + snaha o striktní dodržování standardů Safari -původně určen pro platformu Apple +nyní i pro Windows
Tvorba efektních www stránek pro každého Úvod Porovnání Validace Prohlížeče Závěr Děkuji za pozornost!