obsah.qxd
30.9.2005
9:31
StrÆnka iii
Obsah KAPITOLA I
Web bez tajemství Kde se vzal web a jeho stránky Kouzlo jménem HTML Jak stránky připravovat Webová grafika Web aktivní a interaktivní Na straně serveru Jak studovat tuto knihu Pro zopakování slovníček
Stručná historie World Wide Webu
1 2 3 5 6 6 6 6 7
7
KAPITOLA II
Zásady správné tvorby webových stránek
9
Jaký bude účel návštěvy vašich stránek?
10
„Strukturalisti“ a „prezentátoři“
11
Kdo jsou lidé čtoucí vaše stránky?
11
Mám myslet na specifický prohlížeč?
11
Myslete na rychlost připojení a průchodnost linek
12
Příkaz dne: zjednodušujte
13
Jak umísovat do textu odkazy
13
Manipulujeme s obrázky
15
Imagemapy? Raději ne!
16
Pro snadnou plavbu webovou stránkou
17
Myslete na bezpečnost
17
Kontrolujte a ověřujte – stali jste se vydavateli!
18
Netiquette není jen slušnost v síti
19
Hierarchie a obsah
20
obsah.qxd
iv
30.9.2005
9:31
StrÆnka iv
Obsah
Vytváříme WWW stránky
KAPITOLA III
Učíme se jazyk HTML
23
Standardy a verze HTML
24
Microsoft nebo Netscape?
24
Pravidla syntaxe HTML
25
Tagy a odkazy
Lekce 1: Základní části stránky Struktura stránky Tag HTML Tagy HEAD a BODY Tag TITLE a stručně ostatní tagy v sekci HEAD
Sekce HEAD podrobněji
25
26 26 27 27 27
29
Tag ISINDEX Tag BASE Tag META Tag LINK Tagy SCRIPT a STYLE
29 29 30 31 31
Co obsahuje část BODY
31
Lekce 2: Tag BODY
33
Obrázek na pozadí stránky Pruh vlevo pomocí pozadí
33 34
Fixování obrázku na pozadí
35
Barva pozadí a textu Jak se zadávají barvy? Okraje stránky
Lekce 3: Nadpisy Nadpisy Zarovnání nadpisu Další elementy v nadpisu
Lekce 4: Text a jeho základní formátování Odstavce a zalomení řádek
Lekce 5: Tagy pro formátování odstavců a textových bloků Tag BLOCKQUOTE – bloky rozsáhlejších citací Tag DIV – části dokumentů s jednotným zarovnáním Tag PRE – přesné zobrazení předformátovaného textu
Lekce 6: Formátování textových řetězců Řezy – tučné písmo a kurziva Písmo podtržené, přeškrtnuté, malé, velké, horní a dolní index CODE – text neproporcionálním písmem
35 35 36
37 37 38 38
38 39
41 41 41 42
43 43 44 44
obsah.qxd
30.9.2005
9:31
StrÆnka v
Vytváříme WWW stránky
Obsah
Lekce 7: Tagy FONT, BASEFONT pro formátování řetězců a méně časté tagy Tag FONT – velikosti a barva Tag BASEFONT – velikost základního písma stránky Tagy STRONG a EM – stejné jako B a I Tag DFN – vysvětlení pojmu Tag ADDRESS – uvedení adresy Tagy SAMP, BD, TT a VAR – totéž jako CODE Jak zobrazovat speciální znaky?
Lekce 8: Seznamy a výčty UL – běžný, nečíslovaný výčet Vnořené seznamy OL – číslovaný seznam Definiční výčet – DL, DT a DD MENU a DIR – podobně jako nečíslovaný výčet
Lekce 9: Kouzlení s vodorovnou linkou, sloupce a mezery HR – vodorovná linka SPACER – definování prázdného místa MULTICOL – jednoduché zadávání více sloupců
Lekce 10: Práce s odkazy Tag A – anchor čili kotva Odkaz na externí soubor Další atributy tagu A: TITLE, REV, REL, URN a METHODS Atribut TARGET – jak se otevírá okno Odkazy na jiné místo aktuálního dokumentu: A NAME Odkazy na jiný dokument a místo v něm
Lekce 11: Obrázky
v
46 46 47 47 48 48 48 49
49 49 50 50 51 52
53 53 54 55
55 55 56 58 59 60 60
61
Tag IMG Zarovnání obrázku a jeho velikost Další parametry při vkládání obrázků Videoklipy místo obrázků
61 61 63 64
Lekce 12: Tvorba vzhledu formulářů
65
Tag INPUT – zatím bez skriptů Textová oblast – TEXTAREA Roletka s výběrem ze seznamu – SELECT
65 67 68
Lekce 13: Co se nevešlo Komentáře Prolog: Typ dokumentu Applet je pro Javu Zvuk na pozadí: BGSOUND Rolující text: MARQUEE Vložení zásuvných modulů: EMBED OBJECT – vkládání objektů
68 68 69 70 70 70 71 72
obsah.qxd
vi
30.9.2005
9:31
StrÆnka vi
Obsah
Vytváříme WWW stránky
KAPITOLA IV
Tabulky, rámy a styly Vytváříme tabulky Tag TABLE Vytváříme řádky tabulky – TR Formátujeme buňky tabulky – TD Hlavička tabulky – TH Formátování sloupců: COLGROUP Nadpis tabulky – CAPTION Tabulky prakticky
Rámy neboli frames Vzhůru k rámům Nastavení rámů – FRAMESET Zanoření tagu FRAMESET Tag NOFRAMES Tag FRAME – obsah i forma rámu Pozor na nevýhody rámů Plovoucí rámy – IFRAME
Pracujeme se styly – CSS, Cascading Style Sheets Od Internet Exploreru 3.0 výše Základní koncept CSS Syntaxe parametrů v definici stylu Písmo a jeho vlastnosti Barvy textu a pozadí
73 74 75 77 77 80 80 81 81
83 84 86 87 88 89 90 91
92 92 93 95 96 98
Formátování textu
100
Vlastnosti rámečku
102
Šířka, výška a umístění elementu
106
Klasifikace do kategorií Délkové jednotky
Seskupování, dědičnost, třídy (CLASS) a identifikátory (ID) Třídy čili class ID coby unikátní popisovač Komentáře u CSS Pseudo-elementy Kaskádové styly Dopředná kompatibilita CSS Import stylů Doporučená literatura Příklady použití CSS Učíme se pracovat s písmy Pozadí pomocí stylů
106 107
108 109 110 111 111 111 112 112 112 113 114 114
obsah.qxd
30.9.2005
9:31
StrÆnka vii
Vytváříme WWW stránky
Kaskádovací styly, druhá verze Nové funkce v CSS2
Obsah
vii
115 116
KAPITOLA V
HTML 4.01 Stručný přehled změn Argumenty použitelné všeobecně Označení verze HTML Element HEAD Element TITLE Element META Element BODY
Text a jeho strukturování Element ACRONYM – zkratka Element ABBR – zkratka Element Q – jako BLOCKQUOTE Elementy INS a DEL Tabulky Elementy THEAD, TBODY a TFOOT Element COL Pojmenování buněk tabulky Novinky při formátování obsahu buněk Element A a jeho rozšíření Vkládání objektů – OBJECT Rámy
Formuláře Element INPUT Element ISINDEX Element BUTTON Elementy SELECT a OPTION Element OPTGROUP Element TEXTAREA Element LABEL Elementy FIELDSET a LEGEND Skripty – interaktivita do webových stránek Element SCRIPT A jaké mohou být ony události?
123 124 124 125 125 126 126 126
127 127 128 128 128 128 129 129 130 130 131 131 132
132 132 133 133 134 135 135 135 136 137 137 140
KAPITOLA VI
DHTML
141
Dynamické HTML
142
Proč zrovna DHTML
142
obsah.qxd
30.9.2005
9:31
StrÆnka viii
Obsah
viii
Vytváříme WWW stránky
Kde a kdy?
142
Jak se to celé programuje
143
Co byste měli znát, než budete číst dál
143
Jdeme na to
143
Aby to bylo efektní
148
Načasujte si to
149
Kam já to jenom dal?
151
Ještě jednou s obrázky
153
Pracujeme s daty
155
Malá tečka nakonec
157
KAPITOLA VII
XML
159
XML – Extensible Markup Language
160
Historie vzniku XML
160
Vytvoření dokumentu XML
161
Zobrazení dokumentu XML
164
Kaskádové styly XSL transformace
164 165
Definice typů
171
Zpracování dokumentu XML v programech
173
Objektový model dokumentu
Kam XML směřuje
174
178
KAPITOLA VIII
FrontPage 2003 editor stránek WWW Co všechno umí FrontPage 2003? FrontPage jako nástroj pro správu webu
FrontPage Web Jak přenést stránky na server WWW? První spuštění Několik pohledů Pohled Složky Pohled Hypertextové odkazy Pohled Úkoly Jak přidat další úkol Menu Soubor
179 180 181
181 182 182 183 185 186 187 188 190
obsah.qxd
30.9.2005
9:31
StrÆnka ix
Vytváříme WWW stránky
Jak tisknout z FrontPage 2003 Menu Nástroje
Obsah
ix
192 192
Vytváříme stránku WWW
193
Vaše první stránka
194
Vkládání obrázku do stránky Zarovnání jednotlivých prvků stránky WWW Vlastnosti celé stránky FrontPage 2003 jako standardní aplikace Windows Menu Úpravy Menu Zobrazit Co dalšího nabízí FrontPage 2003 Další možnosti oživení vašich stránek Zmenšené náhledy obrázků Namalujte si tabulku V jednom duchu Rámce
198 199 199 200 200 201 202 202 203 203 205 205
KAPITOLA IX
Grafika na World Wide Webu
205
Grafika pro WWW
206
Základní formáty grafiky a otázky barevnosti
206
Používané pojmy GIF JPEG PNG
Barvy 216 barev v paletě Netscape
Obrázek a co si s ním můžeme dovolit Mapy na straně klienta Obrázek jako nástroj
Jednotlivé kategorie grafiky Podklad stránky Ikonky a tlačítka Animované GIFy
206 207 207 208
208 209
211 212 214
215 215 216 217
Základní grafické prostředky jazyka HTML
220
Písma – nejjednodušší grafický prvek Tabulky – základní prostředek grafického návrhu Tabulky a Navigator
220 224 228
Kaskádované styly – CSS Tipy pro práci se styly
Programy použitelné pro tvorbu webové grafiky
228 229
230
obsah.qxd
30.9.2005
9:31
StrÆnka x
Obsah
x
Vytváříme WWW stránky
KAPITOLA X
Macromedia Flash MX Úvod O technologii Macromedia Flash Kdy použít Flash a kdy HTML Rozdíl mezi verzemi Flash MX 2004 a Flash MX Professional 2004
Prostředí programu Popis obrazovky Nastavení vlastností dokumentu
Kreslení Kreslení základních objektů Tvorba a úpravy složitějších objektů Vytváření symbolů Efekty symbolů Převod bitmapové grafiky na vektorovou Knihovna objektů (Library)
Animace Vrstvy a časová osa Tvorba animací
Zvuky a hudba
231 232 232 232 233
233 233 234
234 235 238 240 241 242 242
243 243 246
249
Vkládání zvuku do časové osy Tvorba zvuku na tlačítku
249 250
Programování v ActionScriptu
251
Co je ActionScript Akce na Movie Clipech Akce na tlačítkách Akce na časové ose Základní příkazy složky Actions
251 251 252 252 252
Export hotové prezentace
255
Závěr
258
KAPITOLA XI
WAP a WML
259
Něco o WAPu
260
Vytváříme první WAPovou stránku
261
Formátování textu Komentáře Navigace mezi kartami Obrázky do WML stránky Tabulky pro lepší umístění textu
261 262 263 265 266
obsah.qxd
30.9.2005
9:31
StrÆnka xi
Vytváříme WWW stránky
Formuláře ve WAPu Problémy s češtinou Kde umístit své vlastní WML stránky? Jaké programy použít pro vytváření WML?
Zdroje na Internetu
Obsah
xi
267 268 268 269
270
KAPITOLA XII
Skutečné programování v prostředí Internetu
271
Java
272
JavaScript
273
Visual Basic Script
273
Server side jazyky
273
ActiveX
273
Programování na straně serveru WWW – CGI, Perl, C++…
274
KAPITOLA XIII
Úvod do jazyka JavaScript Úvod do jazyka JavaScript Trocha historie a výhledů do budoucnosti Začínáme První příklad – změna barvy textu Změna obsahu prvku Vytvoříme funkci Objekty Skripty ve více blocích Práce s časem a obrazem Kontrola zadaných hodnot Jak dál
275 276 276 277 278 278 280 281 284 285 289 291
KAPITOLA XIV
Apache, PHP 5 a MySQL Apache Stručná charakteristika Struktura Apache Jak Apache pracuje? Distribuce Apache Instalace Apache v systémech Unix a Linux Instalace Apache v systémech Microsoft Windows Konfigurace Apache
293 294 294 295 295 295 296 297 297
obsah.qxd
30.9.2005
9:31
StrÆnka xii
Obsah
xii
Spuštění Apache v prostředí Unix a Linux Spuštění Apache v prostředí Microsoft Windows Příklad vytvoření publikovatelného adresáře
PHP Jak PHP pracuje Interpretace PHP Instalace a konfigurace PHP Test instalace PHP Vlastní konfigurace PHP Základy syntaxe a příkazy PHP Předání parametrů do PHP-skriptu
MySQL Instalace Spuštění a zastavení MySQL v prostředí Unix a Linux Spuštění a zastavení MySQL v prostředí Microsoft Windows Správa databází a tabulek
PHP a MySQL Připojení k serveru MySQL Výběr databáze Vykonání příkazu SQL Zobrazení dat z SQL-příkazu v PHP-skriptu Ukončení připojení k serveru MySQL Některé další funkce pro práci se serverem MySQL Vše v jednom příkladu
Rejstřík
Vytváříme WWW stránky
302 303 305
306 306 308 308 311 311 312 331
335 335 336 337 338
342 342 342 343 343 344 345 345
347
