Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
1
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.cz petr.zamostny@vscht.czpetr.zamostny@vscht.cz
2
Internetové publikování XHTML – elementy, atributy, entity
3
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Struktura XHTML stránky <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...... Prolog XML Definice typu dokumentu – použitý standard Vlastní dokument
4
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Definice Typu Dokumentu »Určuje standard podle kterého je dokument psán »Vymezuje elementy, které se mohou použít »Určuje pravidla vnoření elementů
5
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Definice Typu Dokumentu »Transitional (volnější) » <!DOCTYPE html » PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" » "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> »Strict (přísnější, nepovoluje HTML formátování ) » <!DOCTYPE html » PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" » "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> »Frameset (rámce http://www.vscht.cz/kot/cz/ip/frameset.html)http://www.vscht.cz/kot/cz/ip/frameset.html » <!DOCTYPE html » PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" » "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
6
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Vlastní dokument – element Vlastní dokument – element »Musí obsaovat deklaraci jmenného prostoru xmlns=http://www.w3.org/1999/xhtmlhttp://www.w3.org/1999/xhtml »Pokud se deklarace vynechá nedochází k problémům, jedná-li se o čisté XHTML......
7
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Prolog XML »Určuje verzi XML a kódování pro programy které by dokument zpracovával jako XML »Není povinná, ale některé editory (PSPad) ji vkládají »Může působit problémy na některých instalacích MSIE »Doporučení: neuvádět/smazat „Deklarace XML není vyžadována ve všech XML dokumentech; nicméně doporučujeme všem XHTML autorům používat XML deklaraci ve všech svých dokumentech. Takováto deklarace je potřebná, je-li kódování dokumentu jiné než UTF-8 nebo UTF-16 a nadřazeným protokolem nebylo určeno jiné. Toto je ukázka XHTML dokumentu, obsahujícího XML deklaraci.“
8
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Standardní atributy »Lze je použít pro všechny elementy s výjimkou base, head, html, meta, param, script, style a title »Zjednodušeně: lze je použít u všech viditelných elementů
9
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Standardní atributy »class – definuje třídu (skupinu) elementů do které element patří »id – přiřazuje elementu unikátní identifikátor („pojmenovává jej“) »style – umožňuje přímo vepsat styl elementu »Výše uvedené atributy mají význam pro aplikaci stylů (vzhledu, umístění) a nastavení dynamického chování »title – definuje popisek elementu, který se zobrazí v bublině, ukáže-li se na element myší
10
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Jazykové atributy »Lze je použít pro všechny elementy s výjimkou base, br, frame, frameset, hr, iframe, param a script »dir – nabývá hodnot ltr | rtl a určuje směr toku textu zleva doprava nebo zprava doleva »lang – identifikuje jazyk ve kterém je psán obsah elementu
11
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Kódování znaků »Počítače přirozeně pracují pouze s čísly »Zprostředkování práce se znaky »definice párování číslo ~ znak »soubor definic = kódová stránka, kódování »počet znaků které může kódování obsahovat = 2 bity »Původní kódování – ASCIIASCII »7 bitové, 128 znaků
12
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Kódování znaků »Osmibitová rozšíření – 256 znaků »různá kódování pro různé jazyky podle různých standardů »Různá kódování češtiny »CP852 »osmibitové kódování češtiny v systému MS-DOS »ISO 8859-2 »osmibitové kódování češtiny v UNIXových systémech »Windows-1250 »osmibitové kódování češtiny používané v systémech Microsoft Windows
13
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Kódování znaků »Nelze použít více kódování najednou »Vícebytová kódování (vícekrát 8 bit na 1 znak) »utf-8 »proměnná délka jednotky, min 8 bitů »kompatibilní s ASCII »utf-16 »proměnná délka jednotky, min 16 bitů »nekompatibilní s ASCII, varianty »další, např. kódování čínštiny
14
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Nastavení kódování »Specifikace použitého kódování v dokumentu » »Specifikace kódování před/při uložení souboru
15
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity …Nastavení kódování »Kódování souboru »Určuje fyzický způsob reprezentace znaků neobsažených v ASCII v souboru »Označení kódování v dokumentu »Informuje prohlížeč a umožňuje mu automaticky zvolit správné zobrazení »Obě kódování musí být nastavena stejně
16
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Prvky HTML jazyka »Znakové entity »Znaky které neumíme zadat z klávesnice »Znaky jejichž použití je vyhrazeno HTML », & »Příklad » &název_entity; » >> » << » && » “" » Pevná mezera » &#číslo_unicode_znaku; » ←← »Й Й
17
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Prvky HTML jazyka »Entity definované XHTML »http://www.w3.org/TR/xhtml1/DTD/xhtml-lat1.enthttp://www.w3.org/TR/xhtml1/DTD/xhtml-lat1.ent »http://www.w3.org/TR/xhtml1/DTD/xhtml-symbol.enthttp://www.w3.org/TR/xhtml1/DTD/xhtml-symbol.ent »http://www.w3.org/TR/xhtml1/DTD/xhtml-special.enthttp://www.w3.org/TR/xhtml1/DTD/xhtml-special.ent »Přehlednější v češtině (písmenné) »http://www.jakpsatweb.cz/html/entity.htmlhttp://www.jakpsatweb.cz/html/entity.html »http://www.jakpsatweb.cz/html/entity-vsechny.htmlhttp://www.jakpsatweb.cz/html/entity-vsechny.html
18
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Prvky HTML jazyka »Entity zadané číslem znaku v tabulce UNICODE - http://en.wikipedia.org/wiki/Unicode http://en.wikipedia.org/wiki/Unicode »Seznam znaků »http://alanwood.net/unicode/http://alanwood.net/unicode/ »Tyto znaky se zobrazí správně pokud je podporuje prohlížeč a jsou dostupné v použitém fontu
19
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Tvořte validní kód »Zvykněte si u každé stránky,kterou vytvoříte ověřit její validitu »http://validator.w3.org/http://validator.w3.org/ »Validace uploadem souboru nemusí fungovat správně při použití MSIE
20
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Publikace stránky na WWW »Návod na publikaci na serveru VŠCHT »http://www.vscht.cz/homepage/vc/index/howto/h omeadresarehttp://www.vscht.cz/homepage/vc/index/howto/h omeadresare
21
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Tabulky záhlaví sloupce 1 záhlaví sloupce 2 buňka 1 buňka 2 buňka 3 buňka 4
22
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Strukturování Sklizeň ovoce Hrušky Jablka Celkem 25 17 Petr 10 Pavel 15 7
23
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Rozměry tabulky Implicitní chování 1. buňka 2. trochu větší buňka Pevná šířka 1. buňka 2. trochu větší buňka Šířka v % okna 1. buňka 2. trochu větší buňka
24
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Ohraničení tabulky Bez okraje 1. buňka 2. buňka 3. buňka 4. buňka S okrajem 1. buňka 2. buňka 3. buňka 4. buňka Vnější okraj tabulky 1. buňka 2. buňka 3. buňka 4. buňka Vnitřní okraj tabulky 1. buňka 2. buňka 3. buňka 4. buňka
25
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Zarovnání tabulky Vodorovné zarovnání buňka zarovnaná vlevo buňka zarovnaná vpravo buňka zarovnaná na střed buňka zarovnaná do bloku Svislé zarovnání buňka zarovnaná nahoru buňka zarovnaná na střed buňka zarovnaná dolů buňka zarovnaná na základní čáru
26
N111031 Internetové publikování 3. XHTML – atributy, další elementy, entity Sloučení buněk tabulky buňka buňka buňka buňka buňka expandovaná buňka buňka buňka buňka buňka buňka buňka buňka
Podobné prezentace
