Obsah Začínáme Učebnice Adobe Dreamweaver CS3 . . . . . . . . . . . . . . . . . 9 Předpoklady ke studiu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Instalace programu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10 Kopírování souborů učebnice . . . . . . . . . . . . . . . . . . . . .10 Nastavení předvoleb . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10 Další zdroje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11 Certifikace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11 1
Rychlý úvod do Dreamweaveru Výběr úvodního CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16 Uložení stránky . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .17 Změna titulu stránky. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .18 Změna nadpisu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .18 Vkládání textu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .19 Vkládání nových obrázků . . . . . . . . . . . . . . . . . . . . . . . . .20 Odkazy na jiné stránky . . . . . . . . . . . . . . . . . . . . . . . . . . . .22 Výběr a úprava šablon CSS . . . . . . . . . . . . . . . . . . . . . . . .24 Náhled stránky v prohlížeči. . . . . . . . . . . . . . . . . . . . . . . .32 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .36
2
Jak si přizpůsobíme pracovní plochu Prohlídka pracovní plochy . . . . . . . . . . . . . . . . . . . . . . . .39 Vlastní pracovní plocha . . . . . . . . . . . . . . . . . . . . . . . . . . .54 Inspektor Vlastnosti. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .55 Nastavení panelů nástrojů . . . . . . . . . . . . . . . . . . . . . . . .58 Přizpůsobení předvoleb . . . . . . . . . . . . . . . . . . . . . . . . . . .63 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .66
K1535.indd 3
15.1.2008 11:18:10
4 OBSAH
3
Používáme kaskádové styly Definice webového místa v Dreamweaveru . . . . . . . .69 Náhled na zpracovaný soubor . . . . . . . . . . . . . . . . . . . . .71 Připojení externí šablony . . . . . . . . . . . . . . . . . . . . . . . . . .74 Jak se vytvářejí nová pravidla CSS. . . . . . . . . . . . . . . . . .76 Použití stylů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .82 Změna vlastností . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .83 Šablony se styly pro tisk . . . . . . . . . . . . . . . . . . . . . . . . . . .84 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .93
4
Práce s textem Náhled na zpracovaný soubor . . . . . . . . . . . . . . . . . . . . .97 Jak se zadávají nadpisy a hlavní text . . . . . . . . . . . . . . .98 Import externího textu . . . . . . . . . . . . . . . . . . . . . . . . . .102 Vytváření uspořádaných seznamů a neuspořádaných seznamů . . . . . . . . . . . . . . . . . . . . . .105 Hledání a nahrazování textu. . . . . . . . . . . . . . . . . . . . . .107 Vytváření tabulek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .110 Import tabulkových dat . . . . . . . . . . . . . . . . . . . . . . . . . .114 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .118
5
Návrhy s obrázky Náhled na zpracovaný soubor . . . . . . . . . . . . . . . . . . . .121 Vkládání obrázků . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122 Obrázky na pozadí . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .127 Optimalizace grafiky . . . . . . . . . . . . . . . . . . . . . . . . . . . . .129 Vkládáme překreslení s programem Fireworks . . . . .135 Vkládání souborů Photoshop . . . . . . . . . . . . . . . . . . . . .139 Kopírování a vkládání z Photoshopu . . . . . . . . . . . . . .142 Využíváme program Bridge . . . . . . . . . . . . . . . . . . . . . .144 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .148
K1535.indd 4
15.1.2008 11:18:12
OBSAH 5
6
Vkládání odkazů Náhled na zpracovaný soubor . . . . . . . . . . . . . . . . . . . .151 Odkazy na stránky v rámci webu . . . . . . . . . . . . . . . . .153 Externí odkazy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .155 E-mailové odkazy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .156 Odkazujeme na určitá místa na webové stránce . . .157 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .161
7
Tvoříme rozvržení (layout) stránky Náhled na zpracovaný soubor . . . . . . . . . . . . . . . . . . . .163 Prvky div, které tvoří rozvržení . . . . . . . . . . . . . . . . . . . .164 Export stylů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .185 Pravítko a vodítka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .187 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .192
8
Interaktivní stránky Jak se chová Dreamweaver . . . . . . . . . . . . . . . . . . . . . . .195 Prohlížíme dokončený dokument . . . . . . . . . . . . . . . . .198 Používáme chování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .199 Otevření nového okna prohlížeče . . . . . . . . . . . . . . . . .204 Upravujeme působení chování . . . . . . . . . . . . . . . . . . .205 Zobrazování a skrývání oblastí stránky . . . . . . . . . . . .208 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .214
9
Zapojení Ajaxu pomocí Spry Co je to Ajax a Spry . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .217 Náhled na zpracovaný soubor . . . . . . . . . . . . . . . . . . . .219 Vkládání dat ve formátu XML . . . . . . . . . . . . . . . . . . . . .221 Datové typy Spry . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .224 Aplikace Spry na konkrétní oblasti . . . . . . . . . . . . . . . .229 Jak se konstruují Spry widgety . . . . . . . . . . . . . . . . . . .232 Použití Spry efektů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .238 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .241
K1535.indd 5
15.1.2008 11:18:13
6 OBSAH
10
Tvorba formulářů Náhled na zpracovaný soubor . . . . . . . . . . . . . . . . . . . .245 Něco o formulářích . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248 Přidáváme formuláře do stránky . . . . . . . . . . . . . . . . . .249 Vkládání textových polí . . . . . . . . . . . . . . . . . . . . . . . . . .251 Přepínací tlačítka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .262 Vkládání zaškrtávacích polí. . . . . . . . . . . . . . . . . . . . . . .265 Práce se seznamy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .268 Tlačítko pro potvrzení formuláře . . . . . . . . . . . . . . . . . .270 Úpravy formuláře . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .272 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .278
11
Multimédia Náhled na zpracovaný soubor . . . . . . . . . . . . . . . . . . . .281 Přidáváme do webu flashovou animaci . . . . . . . . . . .283 Ukazujeme flashové video . . . . . . . . . . . . . . . . . . . . . . .288 Přidáváme prezentaci obrázků . . . . . . . . . . . . . . . . . . .291 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .299
12
Publikování na Internetu Definice vzdáleného webového místa. . . . . . . . . . . . .301 Ověření webového místa. . . . . . . . . . . . . . . . . . . . . . . . .314 Umístění webových stránek na Internet . . . . . . . . . . .316 Opakování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .320
Rejstřík
K1535.indd 6
321
15.1.2008 11:18:14
ADOBE DREAMWEAVER CS3 7 Oficiální výukový kurz
Zde vám přinášíme přehled věcí, které naleznete na přiloženém CD
Lekce Každá lekce má vlastní složku, která se nachází ve složce Lekce. Dříve, než začnete na určité lekci pracovat, budete si muset zkopírovat její složku na pevný disk.
...................
Video
................
.....................
...........................................
*
Na přiloženém CD se nacházejí cvičební soubory k jednotlivým lekcím, které potřebujete k jejich provedení, ale také další materiály, které vám pomohou poznat Dreamweaver šíře a pracovat v něm efektivněji a s větší jistotou. Níže uvedený nákres zobrazuje obsah CD a pomůže vám nalézt soubory, které potřebujete.
...........
Co naleznete na CD*
Cvičební soubory… a mnohem víc
Ukázková videa ve formátu QuickTime** od lynda.com se nachází ve složce Video, stejně jako informace o dalších produktech obsahujících cvičební videa, jež nabízí lynda.com.
Adobe Design Center Další tutoriály, nápady expertů designu a články o tom, jak se současní designéři vypořádávají s novými technologiemi a o tom, co přinášejí designu, jeho nástrojům a společnosti najdete na adrese www.adobe.com/designcenter/.
**
Nejnovější verzi aplikace Apple QuickTime můžete stáhnout z www.apple.com/ quicktime/download.
K1535.indd 7
15.1.2008 11:18:16
