Internetové publikování

Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: [email protected]

Internetové publikování XHTML – elementy, atributy, entity

Grafika

http://www.vscht.cz/kot/resources/studijni-materialy/ip-s-001/p07.html N111031 Internetové publikování

3. XHTML – atributy, atributy, další další elementy, entity

Grafika » img – vložení obrázku » Atributy » src – URL souboru s obrázkem » alt – alternetivní textová reprezentace » Pro uživatele kteří nemohou/nechtějí zobrazovat obrázky

» height, width – výška a šířka obrázku » Umožní prohlížeči rozvrhnout stránku ještě předtím než se načtou obrázky » Lze použít i ke změně velikosti obrázku … ..ale neexistuje rozumný důvod proč to dělat

N111031 Internetové publikování


Struktura XHTML stránky ... ...

Deklarace XML Definice typu dokumentu – použitý standard Vlastní dokument N111031 Internetové publikování


Definice Typu Dokumentu » Určuje standard podle kterého je dokument psán » Vymezuje elementy, které se mohou použít



Definice Typu Dokumentu » Transitional » » »

» Strict »

» Frameset »



Vlastní dokument – element ... ...

» Musí obsaovat deklaraci jmenného prostoru xmlns=http://www.w3.org/1999/xhtml » Pokud se deklarace vynechá nedochází k problémům, jedná-li se o čisté XHTML



Deklarace 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.“



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ů



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ší N111031 Internetové publikování


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



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; » ← » Й

← Й



Prvky HTML jazyka » Entity definované XHTML » http://www.w3.org/TR/xhtml1/DTD/xhtml-lat1.ent » http://www.w3.org/TR/xhtml1/DTD/xhtml-symbol.ent » http://www.w3.org/TR/xhtml1/DTD/xhtml-special.ent

» Entity zadané číslem znaku v tabulce UNICODE http://en.wikipedia.org/wiki/Unicode » Seznam znaků » http://alanwood.net/unicode/

» Tyto znaky se zobrazí správně pokud je podporuje prohlížeč a jsou dostupné v použitém fontu



Jak začít tvořit první stránku » Spustíme textový editor (PSPad, poznámkový blok) » Vytvoříme nový soubor » Zapíšeme/zkopírujeme DTD » Zapíšeme/zkopírujeme povinné elementy » Vložíme obsah » Nastavíme kódování » Uložíme soubor N111031 Internetové publikování


Nastavení kódování » Specifikace použitého kódování v dokumentu » <meta http-equiv="content-type" content="text/html; charset=utf-8" />

» Specifikace kódování před/při uložení souboru



…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ě



Tvořte validní kód » Zvykněte si u každé stránky ,kterou vytvoříte ověřit její validitu » http://validator.w3.org/

» Validace uploadem souboru nemusí fungovat správně při použití MSIE N111031 Internetové publikování


Publikace stránky na WWW » Návod na publikaci na serveru VŠCHT » http://www.vscht.cz/homepage/vc/index/howto/h omeadresare



Tabulky

záhlaví sloupce 1 záhlaví sloupce 2

buňka 1 buňka 2

buňka 3 buňka 4



Strukturování



Sklizeň ovoce

Hrušky Jablka

Celkem 25 17

Petr 10 10

Pavel 15 7

Rozměry tabulky
Implicitní chování
1. buňka 2. trochu větší buňka

Pevná šířka

Šířka v % okna



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



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



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



buňka	buňka	buňka	buňka
buňka	expandovaná buňka		buňka
buňka	expandovaná buňka		buňka
buňka	buňka	buňka	buňka

Internetové publikování

Recommend Documents