K0891-obsah.qxd
4.12.2003 13:56
Page vii
Obsah Úvod
1
ČÁST 1 HTML 1 Základy HTML a kaskádových stylů
5
Struktura dokumentu HTML – obsah a forma
7 7 8 9 10 10 10 12
Podstata XHTML – správné formátování
15
Typy dokumentů v XHTML Porovnání zápisu dokumentu HTML a XHTML Jak ověřit, zda dokument vyhovuje doporučením
Použití kaskádových stylů Zápis předpisů v tabulce stylů Přiřazení předpisu stylu ke třídám prvků Přiřazení předpisů stylů k prvkům s identifikátorem Dědičnost stylů Zápis kontextového selektoru Použití stylů z externích zdrojů Definice stylu prvku v jeho atributu Jak se vytváří kaskáda stylů
2
5
Prvky dokumentu Jméno prvku Atributy prvku Obsah prvku, hierarchie prvků Zastupující jednotky (entity) Komentáře Význam některých prvků Obsah a forma – typy dokumentů HTML
Text Nadpisy, odstavce, bílý prostor Zdůrazněné části textu Důležité části textu Úryvek a přímá řeč Předformátovaný text Označení změn Speciální části a bloky textu
16 17 17
19 20 21 23 24 26 26 28 28
31 31 33 34 36 39 40 41
K0891-obsah.qxd
4.12.2003 13:56
Page viii
viii
Obsah
3
Seznamy Nečíslovaný seznam Číslovaný seznam Definiční seznam Kombinované seznamy
4
5
Tabulky
43 44 46 47
49
Jednoduchá tabulka Tabulka s nadpisem, s popisem sloupců a řádků Tabulka se styly Spojení buněk tabulky
49 51 53 55
Spojení buněk v jednom řádku Spojení buněk v jednom sloupci Spojení buněk na několika řádcích a sloupcích
55 57 59
Test zobrazení tabulek
61
Původní řešení Upravené řešení Komentář k úpravám
62 65 68
Obrázky Orámování obrázku Přerušení obtékání textu
71 71 75
Velikost obrázku
76
Jednotky délky
77
Pozice obrázku Pořadí zobrazení Překrývání obrázků a textu
Obrázek pozadí Obrázek na celé ploše pozadí Obrázek vytvářející na pozadí řádek Obrázek vytvářející na pozadí sloupec
Obrázek jako objekt
6
43
77 79 80
82 82 83 84
84
Vazby a kotvy – hypertext
87
Navigace v rozsáhlém dokumentu Spojení více částí do jednoho celku Rámy
87 90 93
K0891-obsah.qxd
4.12.2003 13:56
Page ix
ix
Obsah
7
Formuláře Prvek form Označení polí – fieldset Vstupní pole
99 99 99
Textové pole Zadání hesla Skryté údaje Zaškrtávací políčka Přepínače
100 100 100 100 100
Rozbalovací seznam Textová oblast Vstup souboru Tlačítka
ČÁST 2 DHTML 1 Změna dokumentu v obsluze událostí Změna atributů prvků při obsluze událostí myši Zvýraznění textu po klepnutí myší Změna barvy textu při pohybu myší Vyhodnocení testu
Změna obsahu prvků Počítadlo klepnutí Sledování pohybu myši – výpis na pevné místo Sledování pohybu myši – výpis do stavového řádku Sledování pohybu myši – výpis do překrývajícího okénka Přepínání zkratek a vysvětlujícího textu Změna obsahu dokumentu v čase
Přerušení šíření události Zachycení a uvolnění událostí
2
97
Zobrazení a skrytí částí dokumentu Zobrazení a skrytí prvků div Zobrazení a skrytí jednoho prvku div Zobrazení a skrytí více prvků div Společné ovládání více prvků div Zevšeobecněné řešení Objektově orientované řešení
Rozbalovací seznamy – stromy Řešení vytvořením nové třídy Řešení definováním chování (behavior) prvků
101 101 101 101
103 103 103 107 108
110 110 111 113 114 116 120
122 125
129 129 129 131 135 139 142
148 150 152
K0891-obsah.qxd
4.12.2003 13:56
Page x
x
Obsah Rozšíření chování prvků doplněním atributů
Pomoc v překrývajících okénkách Řešení vytvořením třídy Řešení definováním chování prvků
3
Vytvoření a obsluha menu Jednoduché menu Řešení s funkcemi pro obsluhu událostí Řešení definováním chování prvků
Více bloků menu na jedné stránce Třída pro obsluhu událostí Chování prvků
Menu v překrývajících okénkách Kód stránky HTML Definice stylů pro skrývané menu Třída CSkryvaneMenu
4
Dynamické obrázky Změna atributů obrázku Výměna dvou obrázků Zvýraznění obrázku Prezentace – změna obrázků stisknutím klávesy a klepnutím Prezentace – změna obrázků časovým automatem
Přemiso ování obrázků Přemisování jednoho obrázku Přemisování několika obrázků – obsluha událostí Přemisování několika obrázků – definice chování
5
Oživení tabulek Označení části tabulky Označení Označení Označení Označení Označení
buněk řádků sloupců buněk, řádků i sloupců jedné části
Vzájemná výměna částí tabulky Výměna buněk Výměna řádků Výměna sloupců
Vkládání a rušení částí tabulky Změna obsahu buňky Vložení nové buňky
155
157 158 162
165 165 165 168
169 170 173
178 179 181 182
189 189 189 190 192 194
197 197 199 202
205 205 205 208 209 211 212
213 214 216 218
219 219 222
K0891-obsah.qxd
4.12.2003 13:56
Page xi
xi
Obsah Vložení nového řádku Vložení nového sloupce Vložení a zrušení
6
„Chytré“ vstupy Podpora pro zadávání údajů Zadávání klepnutím na text Zadávání klepnutím na obrázek Přizpůsobivé velikosti Okamžité zpracování zadávaných údajů Chytrá tlačítka
Kontrola zadaných údajů Zjištění hodnoty přepínače Kontrola zadání čísla Kontrola hodnoty čísla v zadaném intervalu
Místo závěru odpovědi na několik otázek Jaký prohlížeč je třeba použít pro ověření příkladů? Jaké jsou příčiny nefunkčnosti příkladů v jiných prohlížečích? Kde jsou zdroje informací o HTML a DHTML?
Rejstřík
224 226 228
233 233 233 235 237 239 241
243 244 245 246
251 251 251 252
253
