Tvorba WWW stránek HTML - XHTML Každá Internetová stránka (WWW stránka) je vytvořena pomocí programovacího jazyka HTML (Hypertext Markup Language). Každá.

Prezentace na téma: "Tvorba WWW stránek HTML - XHTML Každá Internetová stránka (WWW stránka) je vytvořena pomocí programovacího jazyka HTML (Hypertext Markup Language). Každá."— Transkript prezentace:

1 Tvorba WWW stránek HTML - XHTML Každá Internetová stránka (WWW stránka) je vytvořena pomocí programovacího jazyka HTML (Hypertext Markup Language). Každá Internetová stránka (WWW stránka) je vytvořena pomocí programovacího jazyka HTML (Hypertext Markup Language). Mohou být použité i jiné programovací jazyky jako XML, XHTML apod. Mohou být použité i jiné programovací jazyky jako XML, XHTML apod. Jednotlivým příkazům jazyka HTML se říká tagy (elementy). Jednotlivým příkazům jazyka HTML se říká tagy (elementy). Podle tagů prohlížeč zobrazuje příslušné části dokumentu. Podle tagů prohlížeč zobrazuje příslušné části dokumentu.

2 Ověření bezchybnosti napsaného kódu Pro ověření bezchybnosti napsaného kódu lze použít tzv. validátory. Pro ověření bezchybnosti napsaného kódu lze použít tzv. validátory. Nejznámější je validátor z konsorcia W3C – http://validator.w3c.org. Nejznámější je validátor z konsorcia W3C – http://validator.w3c.org. http://validator.w3c.org Výhodou je, že validátor zobrazí, na kterém programovém řádku je chyba. Výhodou je, že validátor zobrazí, na kterém programovém řádku je chyba.

3 Ověření bezchybnosti napsaného kódu Obr. 2 Obr. 1

4 Ověření bezchybnosti napsaného kódu Validátor vypíše čísla řádků, kde jsou chyby, včetně jejich popisu. Validátor vypíše čísla řádků, kde jsou chyby, včetně jejich popisu. Obr. 3

5 Jazyk XHTML XHTML je zkratkou EXtensible HyperText Markup Language XHTML je zkratkou EXtensible HyperText Markup Language XHTML je vyvinut coby nástupce HTML XHTML je vyvinut coby nástupce HTML XHTML je téměř shodný se značkovacím jazykem HTML 4.01 XHTML je téměř shodný se značkovacím jazykem HTML 4.01 XHTML je přísnější a čistější než jazyk HTML XHTML je přísnější a čistější než jazyk HTML XHTML je HTML definované jako aplikace XML XHTML je HTML definované jako aplikace XML

6 Podmínky užití jazyka XHTML Všechny značky musí být vzájemně správně vnořeny Všechny značky musí být vzájemně správně vnořeny špatně správně špatně správně Všechny značky musí být ukončené koncovou značkou Všechny značky musí být ukončené koncovou značkou špatně správně špatně správně

7 Podmínky užití jazyka XHTML U značek, u kterých není uzavírací značka, musí být daná značka uzavřena nejlépe způsobem U značek, u kterých není uzavírací značka, musí být daná značka uzavřena nejlépe způsobem např.: např.: Všechny značka musí být psány malými písmeny Všechny značka musí být psány malými písmeny špatně správně špatně správně

8 Podmínky užití jazyka XHTML Hodnoty atributů musí být v uvozovkách Hodnoty atributů musí být v uvozovkách špatně správně špatně správně Používat externí skripty a šablony stylů Používat externí skripty a šablony stylů

9 Verze XHTML XHTML 1.0 striktní (strict) XHTML 1.0 striktní (strict) Velmi těžké udělat validní stránku Velmi těžké udělat validní stránku XHTML 1.0 přechodové (transitional) XHTML 1.0 přechodové (transitional) Nejpoužívanější verze Nejpoužívanější verze XHTML 1.0 pro rámy (frameset) XHTML 1.0 pro rámy (frameset) Nepoužívá se – rámy na stránkách se doporučuje nepoužívat Nepoužívá se – rámy na stránkách se doporučuje nepoužívat XHTML 1.1 XHTML 1.1 Ještě více omezující než XHTML 1.0 strict Ještě více omezující než XHTML 1.0 strict

10 Otázky k opakování 1. Jakým jazykem může být tvořena www stránka? 2. Jaký je rozdíl mezi jazykem HTML a XHTML? 3. Jakým způsobem lze ověřit bezchybnost zapsaného kódu? 4. Jaké jsou podmínky užití jazyka XHTML?

11 Použité zdroje BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, 2011. BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, 2011. BLÁBOLIL, Roman. Www.blabik.cz: Podpora výuky: „Tvorba www stránek“ [online]. 20. ledna 2013 11:30. Dostupný z WWW: http://www.blabik.cz/vyuka/ict/35_Tvorba_WWW_stranek.pdf http://www.blabik.cz/vyuka/ict/35_Tvorba_WWW_stranek.pdf Použité obrázky: Vlastní