Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675
Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS kaskádové styly pro webdesignéry.. Mobil Media, 2003. STANÍČEK P.: CSS kompletní průvodce.. Computer Press, 2003. W3Schools Online Web Tutorials http://www.w3schools.com/ Dokumenty WWW konsorcia, http://www.w3c.org/.
Podmínky udělení kreditu samostatná tvorba projektu dle zadání prezenční obhajoba projektu
HTML aplikace SGML (Standard Generalized Markup Language) 1989 CERN HyperText Markup Language od verze 3.2 (1997) v péči W3C verze 4.01 (1999) měla být poslední verze 5 (plánováno na 2010 2012) dovoluje zápis v rozporu se standardy XML benevolentní k tvůrcům problematické zpracování browsery
XHTML formát založený na pravidlech zápisu XML striktní pravidla pro zápis elementů i atributů snazší zpracování technickými prostředky rozšiřitelný verze XTHML 1.0 (2000, rev. 2002) Strict/Transitional/Frameset nejrozšířenější a v současnosti preferovaná XHTML 1.1 (2007) téměř oproštěn od dědictví HTML
XHTML pravidla zápisu elementů povinná deklarace typu dokumentu povinné určení jmenného prostoru (namespace) elementy shodné s HTML povinný zápis malými písmeny povinné uzavírání elementů zákaz křížení elementů klientské skripty umístěny do <![CDATA[ ]]>
XHTML - neuzavřené elementy <table> <tr><th>pořadí<th>příjmení<th>jméno <tr><td>1<td>anděl<td>gabriel <table> <tr><th>pořadí</th><th>příjmení</th><th>jméno</th></tr> <tr><td>1</td><td>anděl</td><td>gabriel</td></tr> <p> Skokana, ještě když žije, <br>ujímá se policie <p> Varování bylo marné. Skokanskou éru ukončily až nové tramvaje... <p> Skokana, ještě když žije, <br />ujímá se policie</p> <p> Varování bylo marné. Skokanskou éru ukončily až nové tramvaje...</p>
XHTML chyby zápis pouze malými písmeny <P> Skokana, ještě když žije, <Br />ujímá se policie</p> <p> Varování bylo marné. Skokanskou éru ukončily až nové tramvaje...</p> <p> Skokana, ještě když žije, <br />ujímá se policie</p> <p> Varování bylo marné. Skokanskou éru ukončily až nové tramvaje...</p> nepřípustné křížení elementů <p> Skokana, ještě když žije, ujímá se <strong>policie</p></strong> <p> Varování bylo marné. Skokanskou éru ukončily až nové tramvaje...</p> <p> Skokana, ještě když žije, ujímá se <strong>policie</strong></p> <p> Varování bylo marné. Skokanskou éru ukončily až nové tramvaje...</p>
XHTML atributy elementů rovněž malými písmeny žádné atributy pro formátování vzhledu není možný zkrácený zápis hodnoty atributů povinně v uvozovkách zvláštní atribut id nesmí se opakovat nesmí začínat číslicí
XHTML chyby zápis pouze malými písmeny <p Id= odstavec >Skokana, ještě když žije, <br />ujímá se policie</p> <p> Varování bylo marné. Skokanskou éru ukončily až nové tramvaje...</p> <p id= odstavec > Skokana, ještě když žije, <br />ujímá se policie</p> <p> Varování bylo marné. Skokanskou éru ukončily až nové tramvaje...</p> nepřípustné křížení elementů <p> Skokana, ještě když žije, ujímá se <strong>policie</p></strong> <p> Varování bylo marné. Skokanskou éru ukončily až nové tramvaje...</p> <p> Skokana, ještě když žije, ujímá se <strong>policie</strong></p> <p> Varování bylo marné. Skokanskou éru ukončily až nové tramvaje...</p>
Deklarace typu XHTML dokumentu XHTML 1.0 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> XHTML 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- transitional.dtd"> XHTML 1.0 Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset// EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">
Kořenový element <html> právě jeden kořenový element (podmínka XML) povinné atributy xmlns a lang určení jmenného prostoru určení jazyka dokumentu <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
Povinné součásti XHTML element head titulek XHTML dokumentu title metadata XHTML dokumentu meta odkazy na vnější zdroje (link) vložené skripty a CSS předpisy (script a style) element body zobrazitelné prvky stránky párové elementy obsahují vnořené elementy
hlavička XHTML dokumentu element title (povinný) obsahuje titulek stránky neměl by se v rámci webu opakovat element meta (povinný) určení jazyka a kódování dokumentu reload a přesměrování informace pro vyhledávače a údaje o stránce pravidla ukládání do cache a vypršení platnosti neobsahují další elementy
hlavička XHTML dokumentu element link (nepovinný) převážně používán odkaz na CSS definice vztahů mezi dokumenty webu element script (nepovinný) odkaz na externí soubor s klientským skriptem JavaScript, VisualBasic uvozuje a uzavírá skript vložený do XHTML <![CDATA[... kód skriptu... ]]>
Tělo XHTML dokumentu kompletně v elementu body nadpisy text s odkazy seznamy tabulky obrázky média
Formátování textu nadpisy h1 h6 odstavce p zvýraznění em a strong elementy bez sémantického významu div span
XHTML základní atributy společné pro všechny elementy id unikátní identifikátor (odkazy, CSS, aktivní skripty) class element v jedné nebo více třídách (CSS formátování, skriptování) style vložený kaskádový styl (CSS) title skrytý popisek elementu (v prohlížečích zobrazovaný jako tooltip)