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
XHTML - neuzavřené elementy
pořadí
příjmení
jméno
1
Anděl
Gabriel
pořadí
příjmení
jméno
1
Anděl
Gabriel
Skokana, ještě když žije, ujímá se policie
Varování bylo marné. Skokanskou éru ukončily až nové tramvaje ...
Skokana, ještě když žije, ujímá se policie
Varování bylo marné. Skokanskou éru ukončily až nové tramvaje ...
XHTML – chyby ●
zápis pouze malými písmeny
Skokana, ještě když žije, ujímá se policie
Varování bylo marné. Skokanskou éru ukončily až nové tramvaje ...
Skokana, ještě když žije, ujímá se policie
Varování bylo marné. Skokanskou éru ukončily až nové tramvaje ...
●
nepřípustné křížení elementů
Skokana, ještě když žije, ujímá se <strong>policie
Varování bylo marné. Skokanskou éru ukončily až nové tramvaje ...
Skokana, ještě když žije, ujímá se <strong>policie
Varování bylo marné. Skokanskou éru ukončily až nové tramvaje ...
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
Skokana, ještě když žije, ujímá se policie
Varování bylo marné. Skokanskou éru ukončily až nové tramvaje ...
Skokana, ještě když žije, ujímá se policie
Varování bylo marné. Skokanskou éru ukončily až nové tramvaje ...
●
nepřípustné křížení elementů
Skokana, ještě když žije, ujímá se <strong>policie
Varování bylo marné. Skokanskou éru ukončily až nové tramvaje ...
Skokana, ještě když žije, ujímá se <strong>policie
Varování bylo marné. Skokanskou éru ukončily až nové tramvaje ...
Deklarace typu XHTML dokumentu ●
XHTML 1.0 Strict ●
●
XHTML 1.0 Transitional ●
●
XHTML 1.0 Frameset ●
Kořenový element ●
právě jeden kořenový element (podmínka XML)
●
povinné atributy xmlns a lang ●
určení jmenného prostoru
●
určení jazyka dokumentu
●
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 –
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)