PŘÍRUČKA UŽIVATELEADOBE® DREAMWEAVER® CS3

1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash,FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo,RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev, and WebHelp are either registered trademarks or trademarks of Macromedia, Inc. and may be registered in the UnitedStates or in other jurisdictions including internationally. Other product names, logos, designs, titles, words, or phrases mentioned within this publication may be trademarks, service marks, or trade names ofMacromedia, Inc. or other entities and may be registered in certain jurisdictions including internationally.This guide contains links to third-party websites that are not under the control of Adobe Systems Incorporated, and Adobe Systems Incorporated is not responsible for the content on any linked site. If you accessa third-party website mentioned in this guide, then you do so at your own risk. Adobe Systems Incorporated provides these links only as a convenience, and the inclusion of the link does not imply that AdobeSystems Incorporated endorses or accepts any responsibility for the content on those third-party sites.Copyright 2006 Adobe Systems Incorporated. All rights reserved. This manual may not be copied, photocopied, reproduced, translated, or converted to any electronic or machine-readable form in whole or in partwithout written approval from Adobe Systems Incorporated. Notwithstanding the foregoing, the owner or authorized user of a valid copy of the software with which this manual was provided may print out onecopy of this manual from an electronic version of this manual for the sole purpose of such owner or authorized user learning to use such software, provided that no part of this manual may be printed out, reproduced,distributed, resold, or transmitted for any other purposes, including, without limitation, commercial purposes, such as selling copies of this documentation or providing paid-for support services.Project Management: Charles NadeauWriting: Jon Michael VareseAdditional Writing: Jennifer Rowe, Paul Gubbay, Charles NadeauEditing: Rosana Francescato, Lisa Stanziano, Anne Szabla, Mary Ferguson, Mark NigaraProduction and Editing Management: Patrice O’Neill and Rosana FrancescatoMedia Design and Production: Adam Barnett, Aaron Begley, Paul Benkman, John Francis, Geeta Karmarkar, Paul Rangel, Arena Reed, Mario ReynosoLocalization Management: Melissa BaerwaldSpecial thanks to Sheila McGinn, Paul Gubbay, Vic Mitnick, Jim Doubek, Joaquin Blas, Wenlan Du, Ken Karleskint, Jennifer Taylor, Jorge Taylor, Nick Halbakken, Scott Richards, Sami Kaied, John Skidgel, MasayoNoda, Kristin Conradi, Yuko Yagi, the beta testers, and the entire Dreamweaver engineering and QA teams.Second Edition: February 2006Adobe Systems Incorporated, 601 Townsend St., San Francisco, CA 94103

1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash,FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo,RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev, and WebHelp are either registered trademarks or trademarks of Macromedia, Inc. and may be registered in the UnitedStates or in other jurisdictions including internationally. Other product names, logos, designs, titles, words, or phrases mentioned within this publication may be trademarks, service marks, or trade names ofMacromedia, Inc. or other entities and may be registered in certain jurisdictions including internationally.This guide contains links to third-party websites that are not under the control of Adobe Systems Incorporated, and Adobe Systems Incorporated is not responsible for the content on any linked site. If you accessa third-party website mentioned in this guide, then you do so at your own risk. Adobe Systems Incorporated provides these links only as a convenience, and the inclusion of the link does not imply that AdobeSystems Incorporated endorses or accepts any responsibility for the content on those third-party sites.Copyright 2006 Adobe Systems Incorporated. All rights reserved. This manual may not be copied, photocopied, reproduced, translated, or converted to any electronic or machine-readable form in whole or in partwithout written approval from Adobe Systems Incorporated. Notwithstanding the foregoing, the owner or authorized user of a valid copy of the software with which this manual was provided may print out onecopy of this manual from an electronic version of this manual for the sole purpose of such owner or authorized user learning to use such software, provided that no part of this manual may be printed out, reproduced,distributed, resold, or transmitted for any other purposes, including, without limitation, commercial purposes, such as selling copies of this documentation or providing paid-for support services.Project Management: Charles NadeauWriting: Jon Michael VareseAdditional Writing: Jennifer Rowe, Paul Gubbay, Charles NadeauEditing: Rosana Francescato, Lisa Stanziano, Anne Szabla, Mary Ferguson, Mark NigaraProduction and Editing Management: Patrice O’Neill and Rosana FrancescatoMedia Design and Production: Adam Barnett, Aaron Begley, Paul Benkman, John Francis, Geeta Karmarkar, Paul Rangel, Arena Reed, Mario ReynosoLocalization Management: Melissa BaerwaldSpecial thanks to Sheila McGinn, Paul Gubbay, Vic Mitnick, Jim Doubek, Joaquin Blas, Wenlan Du, Ken Karleskint, Jennifer Taylor, Jorge Taylor, Nick Halbakken, Scott Richards, Sami Kaied, John Skidgel, MasayoNoda, Kristin Conradi, Yuko Yagi, the beta testers, and the entire Dreamweaver engineering and QA teams.Second Edition: February 2006Adobe Systems Incorporated, 601 Townsend St., San Francisco, CA 94103

ObsahKapitola 1: ZačínámeInstalace............................................................................................................................................................................................................1Nápověda Adobe...........................................................................................................................................................................................1Zdroje informací.............................................................................................................................................................................................5Co je nového.................................................................................................................................................................................................12

Kapitola 2: Pracovní plochaPracovní postupy a pracovní plocha Dreamweaveru....................................................................................................................14Práce v okně dokumentu.........................................................................................................................................................................25Používání panelů nástrojů, inspektorů, kontextových nabídek a panelů...............................................................................28Přizpůsobení pracovní plochy Dreamweaveru CS3.......................................................................................................................35

Kapitola 3: Práce s webovými místy DreamweaveruVytvoření webového místa Dreamweaveru......................................................................................................................................39Práce s vizuální mapou webového místa...........................................................................................................................................51Správa webových míst Contribute v Dreamweaveru....................................................................................................................56Práce se soubory bez definování webového místa........................................................................................................................62

Kapitola 4: Vytváření a správa souborůVytváření a otevírání dokumentů..........................................................................................................................................................64Správa souborů a složek...........................................................................................................................................................................73Získání souborů ze serveru a odeslání souborů na server............................................................................................................83Zpřístupňování a vyhrazování souborů..............................................................................................................................................87Synchronizace souborů............................................................................................................................................................................90Porovnání souborů a nalezení rozdílů.................................................................................................................................................92Vrácení souborů zpět (uživatelé Contribute)....................................................................................................................................94Maskování složek a souborů ve webovém místě............................................................................................................................95Ukládání informací o souborech v poznámkách k návrhu...........................................................................................................97Testování webového místa ..................................................................................................................................................................100

Kapitola 5: Správa datových zdrojů a knihovenO datových zdrojích a knihovnách.....................................................................................................................................................103Práce s datovými zdroji...........................................................................................................................................................................104Vytvoření a správa seznamu oblíbených datových zdrojů........................................................................................................109Práce s položkami knihovny.................................................................................................................................................................111

Kapitola 6: Vytváření stránek s CSSKaskádové styly.........................................................................................................................................................................................117Vytváření a správa CSS............................................................................................................................................................................121Rozvržení stránek pomocí CSS.............................................................................................................................................................142Práce s tagy div..........................................................................................................................................................................................160

Kapitola 7: Rozvržení stránek pomocí HTMLPoužívání vizuálních pomůcek pro rozvržení.................................................................................................................................165Zobrazení obsahu pomocí tabulek....................................................................................................................................................168Používání rámců........................................................................................................................................................................................184

Kapitola 8: Přidávání obsahu na stránkyPráce se stránkami....................................................................................................................................................................................198Přidávání a formátování textu..............................................................................................................................................................208Přidávání a úpravy obrazů.....................................................................................................................................................................226Vložení obsahu Flash...............................................................................................................................................................................238Přidání obsahu Flash Video...................................................................................................................................................................247Přidání zvuku..............................................................................................................................................................................................252Přidání jiných multimediálních objektů...........................................................................................................................................253

Kapitola 9: Odkazy a navigaceO odkazech a navigaci............................................................................................................................................................................261Odkazy..........................................................................................................................................................................................................263Nabídky odkazů.........................................................................................................................................................................................271Navigační pruhy........................................................................................................................................................................................273Obrazové mapy.........................................................................................................................................................................................275Odstraňování problémů s odkazy.......................................................................................................................................................277

Kapitola 10: Náhled stránekZobrazení náhledu stránek v prohlížečích......................................................................................................................................280Zobrazení náhledu v mobilních zařízeních.....................................................................................................................................281

Kapitola 11: Práce s kódem stránkyO psaní kódu v Dreamweaveru...........................................................................................................................................................283

Nastavení kódovacího prostředí.........................................................................................................................................................288Přizpůsobení prostředí pro psaní kódu............................................................................................................................................290Psaní a úpravy kódu.................................................................................................................................................................................297Sbalení kódu...............................................................................................................................................................................................307Optimalizace a ladění kódu...................................................................................................................................................................309Úpravy kódu v zobrazení Návrh..........................................................................................................................................................314Práce s obsahem hlavičky stránek......................................................................................................................................................320Práce se zahrnutími na straně serveru..............................................................................................................................................324Správa knihoven tagů.............................................................................................................................................................................326Import vlastních tagů do Dreamweaveru........................................................................................................................................329

Kapitola 12: Přidání chování v JavaScriptuPoužívání chování v JavaScriptu.........................................................................................................................................................331Aplikování vestavěných chování Dreamweaveru.........................................................................................................................334

Kapitola 13: Práce s ostatními aplikacemiSpolupráce mezi aplikacemi.................................................................................................................................................................349Práce s Fireworks.......................................................................................................................................................................................350Práce s Photoshopem.............................................................................................................................................................................356Práce s obsahem Flash............................................................................................................................................................................364Práce s Bridge.............................................................................................................................................................................................365Práce s Device Central.............................................................................................................................................................................367

Kapitola 14: Vytváření a správa předlohO předlohách Dreamweaveru..............................................................................................................................................................368Rozpoznání předloh a dokumentů založených na předloze....................................................................................................372Vytvoření předlohy Dreamweaveru...................................................................................................................................................375Vytváření upravitelných oblastí...........................................................................................................................................................378Vytváření opakovaných oblastí...........................................................................................................................................................380Používání volitelných oblastí................................................................................................................................................................382Definování upravitelných atributů tagů...........................................................................................................................................384Vytvoření vnořené předlohy.................................................................................................................................................................386Úpravy, aktualizace a odstraňování předloh..................................................................................................................................388Export a import obsahu předlohy.......................................................................................................................................................392Aplikování nebo odstranění předlohy z existujícího dokumentu...........................................................................................393Úpravy obsahu v dokumentu založeném na předloze...............................................................................................................394Syntaxe předlohy......................................................................................................................................................................................396Nastavení předvoleb pro vytváření předloh...................................................................................................................................398

Kapitola 15: Zobrazení dat XMLO XML a XSLT..............................................................................................................................................................................................400Provedení transformace XSL na serveru..........................................................................................................................................406Provádění transformací XSL na straně klienta................................................................................................................................424Chybějící znakové entity........................................................................................................................................................................425

Kapitola 16: Vizuální vytváření stránek SpryO frameworku Spry..................................................................................................................................................................................428Přidávání ovládacích prvků Spry.........................................................................................................................................................428Práce s ovládacím prvkem Skládačka................................................................................................................................................430Práce s ovládacím prvkem Pruh nabídek.........................................................................................................................................432Práce s ovládacím prvkem Sbalitelný panel....................................................................................................................................438Práce s ovládacím prvkem Panely se záložkami............................................................................................................................440Práce s ovládacím prvkem Ověření textového pole....................................................................................................................443Práce s ovládacím prvkem Ověření textové oblasti.....................................................................................................................448Práce s ovládacím prvkem Ověření výběru.....................................................................................................................................451Práce s ovládacím prvkem Ověření zaškrtávacího pole..............................................................................................................454Zobrazení dat pomocí Spry...................................................................................................................................................................457Přidání Spry efektů...................................................................................................................................................................................467

Kapitola 17: Příprava na vytváření dynamických webových místWebové aplikace.......................................................................................................................................................................................471Instalace lokálního webového serveru.............................................................................................................................................479Nastavení webové aplikace...................................................................................................................................................................481Databázová připojení pro vývoj v ColdFusion...............................................................................................................................488Databázová připojení pro vývoj v ASP..............................................................................................................................................489Databázová připojení pro vývoj v PHP.............................................................................................................................................496Databázová připojení pro vývoj v ASP.NET.....................................................................................................................................497Databázová připojení pro vývoj v JSP...............................................................................................................................................500Řešení problémů s připojením databází..........................................................................................................................................504Odstranění připojovacích skriptů.......................................................................................................................................................509

Kapitola 18: Zdroje dat pro webové aplikacePoužití databáze k uložení obsahu.....................................................................................................................................................510

Shromažďování dat odeslaných uživateli........................................................................................................................................510Přístup k datům uloženým v proměnných relace.........................................................................................................................513

Kapitola 19: Vytváření dynamických stránekOptimalizace pracovní plochy pro vizuální vývoj.........................................................................................................................516Návrh dynamických stránek.................................................................................................................................................................518Přehled zdrojů dynamického obsahu...............................................................................................................................................520Definování zdrojů dynamického obsahu.........................................................................................................................................523Přidání dynamického obsahu na stránky.........................................................................................................................................539Změna dynamického obsahu...............................................................................................................................................................542Zobrazení záznamů databáze..............................................................................................................................................................544Zobrazení živých dat...............................................................................................................................................................................553Vytváření formulářů.................................................................................................................................................................................558

Kapitola 20: Vizuální vytváření aplikacíVytváření hlavních a podrobných stránek (všechny servery)...................................................................................................571Vytváření vyhledávacích stránek a stránek s výsledky (ColdFusion, ASP, JSP, PHP).........................................................581Vytvoření stránky pro hledání v databázi (ASP.NET)....................................................................................................................587Vytvoření stránky pro vložení záznamu (všechny servery)........................................................................................................591Vytváření stránek, které aktualizují záznam (všechny servery)................................................................................................595Vytváření stránek pro odstranění záznamu (všechny servery).................................................................................................600Vytváření stránek s objekty pro pokročilou manipulaci s daty (ColdFusion, ASP, ASP.NET, JSP)................................611Vytvoření registrační stránky (ColdFusion, ASP, JSP, PHP)........................................................................................................619Vytvoření přihlašovací stránky (ColdFusion, ASP, JSP, PHP).....................................................................................................621Vytvoření stránky, na kterou mají přístup pouze autorizovaní uživatelé (ColdFusion, ASP, JSP, PHP).....................623Zabezpečení složky ve vaší aplikaci (ColdFusion).........................................................................................................................626Používání komponent ColdFusion (ColdFusion)...........................................................................................................................626Použití JavaBeans (JSP) ..........................................................................................................................................................................632

Kapitola 21: Usnadnění přístupuDreamweaver a usnadnění přístupu.................................................................................................................................................634Funkce pro usnadnění přístupu v Dreamweaveru.......................................................................................................................635Návrh stránek pro usnadnění přístupu.............................................................................................................................................637

Rejstřík.........................................................................................................................................................................................................639

Kapitola 1: ZačínámePokud jste svůj nový software ještě nenainstalovali, začněte tím, že si přečtete informace o instalaci a dalších přípravných úkonech.Před tím, než začnete se softwarem pracovat, projděte si prosím přehled obsahu nápovědy Adobe a dalších zdrojů, které jsouuživatelům k dispozici. Máte přístup ke školicím filmům, zásuvným modulům, předlohám, komunitám uživatelů, seminářům,výukovým lekcím, kanálům RSS a mnoha dalším zdrojům.

Instalace

Instalace softwaru1 Ukončete všechny ostatní aplikace Adobe, spuštěné na vašem počítači.

2 Vložte instalační disk do diskové jednotky a postupujte podle pokynů na obrazovce.

Poznámka: Další informace najdete v souboru Read Me/Čtěte na instalačním disku.

Aktivace softwaruPokud máte pro software Adobe zakoupenou licenci pro jednoho uživatele, budete vyzváni, abyste si software aktivovali. Aktivaceje jednoduchý anonymní proces, který musíte provést do 30 dní po spuštění softwaru.

Další informace o aktivaci produktu najdete v souboru Read Me/Čtěte na instalačním disku nebo navštivte web Adobe nawww.adobe.com/go/activation_cz.

1 Pokud dialogové okno Aktivace ještě není otevřené, zvolte Nápověda > Aktivovat.

2 Postupujte podle pokynů na obrazovce.

Poznámka: Pokud chcete nainstalovat software na jiný počítač, musíte ho nejdříve deaktivovat na svém počítači: Zvolte Nápověda >Deaktivovat.

RegistraceZaregistrujte svůj produkt, abyste získali bezplatnou podporu pro instalaci, upozornění na aktualizace a další služby.

1 Chcete-li se zaregistrovat, postupujte podle pokynů na obrazovce v dialogovém okně Registrace, které se objeví poté, když svůjsoftware nainstalujete a aktivujete.

Pokud registraci odložíte, můžete se kdykoli zaregistrovat pomocí příkazu Nápověda > Registrovat.

Nápověda Adobe

Zdroje nápovědy AdobeDokumentace pro software Adobe je dostupná v řadě různých formátů.

Nápověda v produktu a nápověda LiveDocs

Nápověda v produktu umožňuje přístup k celé dokumentaci a výukovým materiálům, které byly k dispozici v době vydání softwaru.Je dostupná přes nabídku Nápověda v softwaru Adobe.

DREAMWEAVER CS3 1Příručka uživatele

http://www.adobe.com/go/activation_cz

Nápověda LiveDocs zahrnuje veškerý obsah nápovědy v produktu a navíc aktualizace a odkazy na výukové materiály dostupné nawebu. Pro některé produkty také můžete k tématům v nápovědě LiveDocs přidávat své poznámky. Nápovědu LiveDocs pro vášprodukt najdete na stránkách centra zdrojů nápovědy Adobe na adrese www.adobe.com/go/documentation_cz.

Většina verzí nápovědy v produktu i nápovědy LiveDocs umožňuje prohledávat nápovědu pro více produktů najednou. Tématamohou také obsahovat odkazy na související obsah na webu nebo v nápovědě jiného produktu.

Nápovědu v produktu i na webu si můžete představit jako portál pro přístup k dalšímu obsahům a do komunity uživatelů. Nejúplnějšía nejaktuálnější verze nápovědy je vždy na webu.

Dokumentace v Adobe PDF

Nápověda v produktu je dostupná také jako PDF, který je optimalizovaný pro tisk. V PDF mohou být také dostupné další dokumenty,například příručky pro instalaci a technické zprávy.

Veškerá dokumentace v PDF je dostupná přes centrum zdrojů nápovědy Adobe na adresewww.adobe.com/go/documentation_cz. Chcete-li si prohlédnout dokumentaci v PDF, která je dodávaná pro váš software, podívejtese do složky Documents na instalačním DVD nebo na DVD s dalším obsahem.

Tištěná dokumentace

Tištěná vydání nápovědy v produktu je možné zakoupit v online obchodě Adobe Store na adrese www.adobe.com/go/store_cz.V online obchodě Adobe Store můžete také najít knihy vydané partnery Adobe.

Se všemi produkty Adobe Creative Suite® 3 se dodává tištěná příručka pro pracovní postupy a samostatné produkty Adobe mohouobsahovat tištěnou příručku Začínáme.

DREAMWEAVER CS3 2Příručka uživatele

http://www.adobe.com/go/documentation_czhttp://www.adobe.com/go/documentation_czhttp://www.adobe.com/go/store_cz

Používání nápovědy v produktuNápověda v produktu je dostupná přes nabídku Nápověda. Po spuštění prohlížeče Adobe Help Viewer klepněte na Procházet, abystezobrazili nápovědu pro další produkty Adobe nainstalované ve vašem počítači.

Následující funkce nápovědy usnadňují studium více produktů:• Témata mohou obsahovat odkazy do nápovědy dalších produktů Adobe nebo na další obsah na webu.• Některá témata jsou společná pro dva nebo více produktů. Pokud například vidíte téma nápovědy s ikonou Adobe Photoshopu®

CS3 a s ikonou Adobe After Effects® CS3, toto téma buď popisuje funkčnost, která je v těchto dvou produktech podobná, nebopopisuje pracovní postup zahrnující více produktů.

• Můžete prohledávat nápovědu pro více produktů najednou.

Pokud hledáte frázi, například „nástroj tvaru“, dejte tuto frázi do uvozovek, abyste zobrazili pouze témata, která obsahují všechnyslova ve frázi.

Nápověda AdobeA. Tlačítka Zpět/Vpřed (dříve navštívené odkazy) B. Rozbalitelná dílčí témata C. Ikony označující sdílené téma D. Tlačítka Předcházející/Následující (témata v postupném pořadí)

DREAMWEAVER CS3 3Příručka uživatele

Funkce pro usnadnění přístupu

Obsah nápovědy Adobe je přístupný i pro postižené – například osoby s pohybovým postižením, nevidomé a slabozraké. Nápovědav produktu podporuje následující standardní funkce pro usnadnění přístupu:• Uživatel může změnit velikost textu pomocí standardních příkazů v kontextové nabídce.• Odkazy jsou podtržené, aby byly snadno rozeznatelné.• Pokud text vazby neodpovídá názvu cílového prvku, je odkaz na název obsažen v atributu Titul v tagu Anchor (Kotva).

Například vazby Předcházející a Další obsahují vždy název předcházejícího a následujícího tématu.• Obsah podporuje vysoce kontrastní režim.• Grafiky bez popisků obsahují alternativní text.• Každý rámec má název, který ukazuje jeho účel.• Strukturu obsahu pro nástroje pro čtení z obrazovky nebo převod na mluvenou řeč definují standardní tagy HTML.• Formátování určují seznamy stylů, takže nejsou vložená žádná písma.

Klávesové zkratky pro ovládací prvky v panelu nástrojů nápovědy (Windows)Tlačítko Zpět Alt+šipka doleva

Tlačítko Vpřed Alt+šipka doprava

Tisknout Ctrl+P

Tlačítko O aplikaci Ctrl+I

Nabídka Procházet Alt+šipka dolů nebo Alt+šipka nahoru zobrazí nápovědu pro jinou aplikaci

Pole Hledat Ctrl+S umístí textový kurzor do pole Hledat

Klávesové zkratky pro navigaci v nápovědě (Windows)

• Chcete-li přecházet mezi panely, stiskněte Ctrl+tabulátor (dopředu) nebo Shift+Ctrl+tabulátor (zpátky).• Pro přechod mezi odkazy v panelu a jejich zvýraznění orámováním stiskněte tabulátor (dopředu) nebo Shift+tabulátor (zpátky).• Chcete-li aktivovat označený odkaz, stiskněte Enter.• Chcete-li zvětšit velikost textu, stiskněte Ctrl+=.• Chcete-li zmenšit velikost textu, stiskněte Ctrl+pomlčka.

Výběr správného dokumentu nápovědyNásledující seznam obsahuje přehled dokumentace dostupné z nabídky Nápověda. Pomocí tohoto seznamu zjistíte, na jaké otázkyvám systém nápovědy odpoví.• Nápověda pro Dreamweaver (nazvaná Použití Dreamweaveru) určená pro všechny uživatele obsahuje kompletní informace o

všech funkcích Adobe® Dreamweaver® CS3.• Rozšíření Dreamweaveru popisuje prostředí Dreamweaveru a programovací rozhraní aplikace (API). Je určeno pro zkušené

uživatele, kteří chtějí vytvářet doplňky nebo upravovat rozhraní programu Dreamweaver.• Reference API pro Dreamweaver dokumentuje pomocné rozhraní API a JavaScript API. Je určena pro zkušené uživatele, kteří

chtějí vytvářet doplňky nebo upravovat rozhraní.• Nápověda pro framework Spry dokumentuje vytváření datových sad Ajax, ovládacích prvků a efektů pomocí prostředí Spry a

obsahuje kódy příkladů a pro rychlé začátky. Tyto dokumenty nejsou specifické pouze pro Dreamweaver. Témata o Spry určenápro Dreamweaverviz Použití Dreamweaveru.

• Nápověda pro ColdFusion je výběr z knih Macromedia® ColdFusion® ze sady dokumentace Adobe (celá sada je dostupná vdokumentaci LiveDocs). Tyto dokumenty nápovědy jsou určeny pro začátečníky i pro pokročilé vývojáře v ColdFusion.

• Reference dává přístup k příručkám o HTML, o serverovém modelu a dalším referenčním příručkám. Jsou určeny pro uživatele,kteří potřebují více informací o syntaxi a konceptech psaní kódu a podobně.

DREAMWEAVER CS3 4Příručka uživatele

Zdroje informací

Adobe Video WorkshopVideo seminář Adobe Creative Suite 3 Video Workshop nabízí více než 200 výukových filmů, pokrývajících široký rozsah témat proprofesionály, pracující pro tisk, web a video.

Pomocí semináře Adobe Video Workshop se můžete naučit používat libovolný produkt z Creative Suite 3. Mnohá videa ukazují,jak používat více aplikací Adobe společně.

Když spustíte Adobe Video Workshop, zvolíte produkty, které se chcete naučit, a témata, která si chcete prohlédnout. Uvidítepodrobnosti o jednotlivých filmech, abyste mohli správně zaměřit a vést své učení.

DREAMWEAVER CS3 5Příručka uživatele

Komunita přednášejících

V tomto vydání softwaru společnost Adobe Systems přizvala komunitu svých uživatelů, aby sdíleli své odborné znalosti a postřehy.Společnosti Adobe a lynda.com prezentují výukové lekce, tipy a triky od předních návrhářů a vývojářů, jako jsou Joseph Lowery,Katrin Eismann a Chris Georgenes. Uvidíte a uslyšíte odborníky z Adobe, jako jsou Lynn Grillo, Greg Rewis a Russell Brown. Celkemvíce než 30 expertů na tyto produkty sdílí své znalosti.

Výukové lekce a zdrojové soubory

Seminář Adobe Video Workshop obsahuje školení pro začátečníky i pro zkušené uživatele. Najdete zde také videa o nových funkcícha klíčových technikách. Každé video se týká jednoho tématu a typicky trvá asi 3-5 minut. K většině video lekcí patří ilustrovanýnávod a zdrojové soubory, takže si můžete vytisknout podrobný postup a sami si výukovou lekci vyzkoušet.

Používání video semináře Adobe Video Workshop

Adobe Video Workshop můžete využívat s použitím DVD, obsaženého ve vašem produktu Creative Suite 3. Je také dostupný onlinena adrese www.adobe.com/go/learn_videotutorials_cz. Společnost Adobe bude do semináře Video Workshop pravidelně přidávatnová videa, takže se zaregistrujte, abyste zjistili, co je nového.

Videa o Dreamweaveru CS3Adobe Video Workshop zahrnuje širokou řadu témat pro Adobe Dreamweaver® CS3, včetně následujících:• Používání a přizpůsobení rozvržení založených na CSS

DREAMWEAVER CS3 6Příručka uživatele

http://www.adobe.com/go/learn_videotutorials_cz

• Používání Spry ovládacích prvků• Návrh formulářů s CSS• Řešení problémů s publikováním• Vytváření efektů přechodu (rolloverů)

Videa také ukazují, jak používat Dreamweaver CS3 s ostatním softwarem Adobe:• Návrh webových stránek s programy Dreamweaver a Photoshop• Používání předloh Dreamweaveru s programem Contribute®• Import, kopírování a vkládání mezi webovými aplikacemi

Chcete-li používat výuková videa pro Adobe Creative Suite 3, navštivte Adobe Video Workshop na adresewww.adobe.com/go/learn_videotutorials_cz.

DoplňkyMáte přístup k široké řadě různých zdrojů, které vám pomohou co nejlépe využít váš software Adobe. Některé z těchto zdrojů senainstalují na váš počítač v průběhu instalace; další užitečné ukázky a dokumenty jsou obsažené na instalačním disku nebo na diskus dalším obsahem. Jedinečné doplňky nabízí také online komunita uživatelů a vývojářů na webu Adobe Exchange na adresewww.adobe.com/go/exchange_cz.

Instalované zdroje informací

V průběhu instalace softwaru se do složky aplikace umístí množství užitečných zdrojů. Chcete-li si tyto soubory prohlédnout, přejdětedo složky aplikace na svém počítači.• Windows®: [startovací disk]\Program Files\Adobe\[aplikace Adobe]• Mac OS®: [startovací disk]/Aplikace/[aplikace Adobe]

Složka aplikace může obsahovat následující zdroje:Zásuvné moduly Zásuvné moduly jsou malé programy, které rozšiřují nebo přidávají funkce do vašeho softwaru. Po nainstalováníse zásuvné moduly objeví jako další možnosti v nabídce Import nebo Export, jako formáty souborů v dialogových oknech Otevřít,Uložit jako a Exportovat originál nebo jako filtry v podnabídkách nabídky Filtr. Například řada zásuvných modulů pro vytvářeníspeciálních efektů se automaticky instaluje do složky Zásuvné moduly ve složce Photoshopu CS3.

Přednastavení Přednastavení zahrnují široký výběr užitečných nástrojů, předvoleb, efektů a obrazů. Přednastavení produktuzahrnují štětce, obsah vzorníku, skupiny barev, symboly, vlastní tvary, grafické styly a styly vrstev, vzorky, textury, akce, pracovníplochy a další. Obsah přednastavení lze najít přes uživatelské rozhraní. Některá přednastvení (například knihovny stop štětcůPhotoshopu) jsou dostupné, pouze když vyberete odpovídající nástroj. Pokud nechcete vytvářet efekt nebo obraz od počátku,prohlédněte si pro inspiraci knihovny přednastavení.

DREAMWEAVER CS3 7Příručka uživatele

http://www.adobe.com/go/learn_videotutorials_czhttp://www.adobe.com/go/exchange_cz

Předlohy Soubory předloh lze otevřít a prohlížet z Adobe Bridge CS3, otevřít z úvodní obrazovky nebo otevřít přímo z nabídkySoubor. V závislosti na produktu mohou soubory předloh obsahovat cokoliv, od hlavičkových dopisů, letáků a webových stránekaž po nabídky DVD a tlačítka pro video. Každý soubor předlohy je profesionálně navržený a představuje příklad optimálního využitífunkcí produktu. Předlohy mohou být cenným zdrojem, když potřebujete rychle nastartovat svůj projekt.

Ukázky Ukázkové soubory obsahují komplikovanější návrhy a jsou skvělým způsobem, jak si prohlédnout nové funkce v praxi.Tyto soubory ukazují řadu tvůrčích možností, které máte k dispozici.

Písma S vaším produktem Creative Suite se dodává několik písem a rodin písem OpenType®. V průběhu instalace se tato písmakopírují na váš počítač:• Windows: [startovací disk]\Windows\Fonts\• Mac OS X: [startovací disk]/Knihovna/Fonts/

Informace o instalování písem najdete v souboru Read Me/Čtěte na instalačním DVD.

Obsah DVD

Instalační DVD nebo DVD s dalším obsahem, zahrnuté ve vašem produktu, obsahují další materiály a zdroje, určené pro použitís vaším softwarem. Složka Goodies/Doplňky obsahuje soubory specifické pro určitý produkt, jako jsou předlohy, obrazy,přednastavení, akce, zásuvné moduly a efekty, spolu s podsložkami Fonts pro písma a Stock Photography pro fotografie z fotobanky.Složka Documentation obsahuje PDF verzi nápovědy, technické informace a další dokumenty, například zkušební protokoly,referenční příručky a informace o specializovaných funkcích.

Adobe Exchange

Další bezplatný obsah najdete na www.adobe.com/go/exchange_cz, v online komunitě, kde si uživatelé stahují a sdílejí tisícebezplatných akcí, doplňků, zásuvných modulů a dalších materiálů pro používání s produkty Adobe.

DREAMWEAVER CS3 8Příručka uživatele

http://www.adobe.com/go/exchange_cz

Domovská stránka BridgeDomovská stránka Bridge, nové cílové místo pro Adobe Bridge CS3, poskytuje aktualizované informace o veškerém vašem softwaruAdobe Creative Suite 3 v jednom užitečném místě. Spusťte Adobe Bridge, pak klepněte na ikonu Domovská stránka Bridge nahořev panelu Oblíbené, abyste se dostali k nejnovějším tipům, zprávám a zdrojům pro vaše nástroje Creative Suite.Poznámka: Domovská stránka Bridge nemusí být dostupná ve všech jazycích.

Adobe Design CenterAdobe Design Center nabízí články, inspiraci a návody od odborníků z oboru, špičkových návrhářů a partnerů Adobe. Nový obsahse přidává jednou za měsíc.

DREAMWEAVER CS3 9Příručka uživatele

Můžete tam najít stovky návodů pro grafické produkty a naučit se tipy a techniky pomocí videí, návodů v HTML a ukázkovýchkapitol z odborných knih.

Nové myšlenky jsou základem sekcí Think Tank, Dialog Box a Gallery:• Články v sekci Think Tank ukazují, jak dnešní návrháři využívají technologie a co jejich zkušenosti znamenají pro design,

návrhářské nástroje a společnost.• V sekci Dialog Box odborníci sdílejí nové myšlenky ve filmových grafikách a digitálním designu.• Sekce Gallery předvádí, jak umělci používají design v pohybu.

Navštivte Adobe Design Center na adrese www.adobe.com/designcenter.

Adobe Developer CenterAdobe Developer Center obsahuje ukázky, výukové lekce, články a zdroje ze společenství uživatelů pro vývojáře, kteří vytvářejíbohaté internetové aplikace, webové stránky, mobilní obsah a další projekty s použitím produktů Adobe. Stránky Developer Centertaké obsahují zdroje pro vývojáře, kteří vyvíjejí zásuvné moduly pro produkty Adobe.

DREAMWEAVER CS3 10Příručka uživatele

http://www.adobe.com/designcenter

Kromě ukázek kódu a výukových lekcí tam najdete také kanály RSS, online semináře, vývojové kity SDK, průvodce skriptováníma další technické materiály.

Navštivte Adobe Developer Center na adrese www.adobe.com/go/developer_cz.

Podpora zákazníkůNavštivte stránky podpory Adobe na adrese www.adobe.com/support, kde najdete informace o odstraňování problémů pro svůjprodukt a dozvíte se o možnostech bezplatné i placené technické podpory. Použijte odkaz Školení (Training) pro přístup ke knihámvydavatelství Adobe Press, různým výukovým zdrojům, programům certifikací pro software Adobe a dalším informacím.

Ke staženíNavštivte www.adobe.com/go/downloads_cz, kde najdete bezplatné aktualizace, zkušební verze a další užitečný software. Navíconline obchod Adobe Store (na adrese www.adobe.com/go/store_cz) nabízí přístup k tisícům zásuvných modulů od vývojářů z jinýchspolečností, které lze použít k automatizaci úloh, přizpůsobení pracovních postupů, vytvoření specializovaných profesionálníchefektů a podobně.

Adobe LabsStránky Adobe Labs vám umožňují vyzkoušet a ohodnotit nové a rozvíjející se technologie a produkty od Adobe.

Na stránkách Adobe Labs máte přístup k následujícím typům zdrojů:• Software a technologie před zveřejněním• Ukázky kódu a osvědčené postupy, které urychlí vaše učení

DREAMWEAVER CS3 11Příručka uživatele

http://www.adobe.com/go/developer_czhttp://www.adobe.com/supporthttp://www.adobe.com/go/downloads_czhttp://www.adobe.com/go/store_cz

• Počáteční verze dokumentace k produktům a technické dokumentace• Fóra, na technologii wiki založený obsah a další zdroje pro spolupráci, které vám pomohou komunikovat s podobně

zaměřenými vývojaři

Adobe Labs napomáhají rozvíjet spolupráci při vývoji softwaru. V tomto prostředí mohou zákazníci rychle zvyšovat svouproduktivitu s novými produkty a technologiemi. Adobe Labs je také fórum pro předběžnou zpětnou vazbu, kterou vývojové týmyAdobe využívají, aby vytvořily software, který splňuje požadavky a očekávání komunity uživatelů.

Navštivte Adobe Labs na adrese www.adobe.com/go/labs_cz.

Komunity uživatelůKomunity uživatelů zahrnují diskuzní fóra, blogy a další cesty, které mohou uživatelé využít ke sdílení technologií, nástrojůa informací. Uživatelé mohou klást otázky a zjistit, jak ostatní optimálně využívají svůj software. Uživatelská diskuzní fóra jsouv angličtině, francouzštině, němčině a japonštině; blogy se zveřejňují v široké škále jazyků.

Chcete-li se připojit k diskuznímu fóru nebo si přečíst blogy, navštivte www.adobe.com/communities.

Co je nového

Nejvýznamnější nové funkce v Adobe Dreamweaveru CS3Framework Spry pro Ajax

Pomocí prostředí Spry pro Ajax můžete v programu Adobe® Dreamweaver® CS3 vizuálně navrhovat, vyvíjet a nasazovat dynamickáuživatelská rozhraní. Prostředí Spry pro Ajax je knihovna JavaScriptu pro webové návrháře, která umožňuje vytvářet stránky, kterénabídnou uživatelům bohatší zážitky. Na rozdíl od dalších prostředí pro Ajax je prostředí Spry přístupné pro návrháře i pro vývojáře,protože 99 % je ve skutečnosti HTML. Viz „Vizuální vytváření stránek Spry“ na stránce 428.

Ovládací prvky Spry

Ovládací prvky Spry jsou běžné předdefinované komponenty uživatelského rozhraní, které si můžete přizpůsobit pomocí CSS a pakpřidat do svých webových stránek. V Dreamweaveru můžete do stránek přidat mnoho ovládacích prvků Spry, včetně tabulek aseznamů řízených XML, skládaček, oken se záložkami nebo formulářových elementů s ověřováním. Viz „Přidávání ovládacích prvkůSpry“ na stránce 428.

Efekty Spry

Efekty Spry nabízí jednoduchý a elegantní způsob, jak vylepšit vzhled vašich webových stránek. Můžete je aplikovat prakticky nakterýkoliv element HTML stránky. Pomocí efektů Spry můžete zvětšit, zmenšit, potlačit nebo zvýraznit elementy, vizuálně pozměnitelement stránky na určitý čas a podobně. Viz „Přidávání efektů Spry“ na stránce 467.

Rozšířená integrace s Photoshopem CS3

Dreamweaver nabízí vylepšenou integraci s Photoshopem CS3. Nyní mohou návrháři jednoduše vybrat část návrhu ve Photoshopu— i ve více vrstvách — a vložit ji přímo do stránky v Dreamweaveru. Dreamweaver zobrazí dialogové okno, kde můžete určit nastaveníoptimalizace obrazu. Chcete-li upravit obraz, jednoduše na něj poklepejte, abyste otevřeli původní soubor PSD s vrstvami pro úpravyve Photoshopu. Viz „Práce s Photoshopem“ na stránce 356.

Kontrola kompatibility s prohlížečem

Nová funkce Kontrola kompatibility s prohlížečem v programu Dreamweaver vytváří zprávy, které identifikují problémy svykreslováním CSS v různých prohlížečích. V zobrazení kódu jsou problémová místa zeleně podtržena, takže budete přesně vědět,kde je problém. Jakmile problém najdete, můžete ho rychle opravit (pokud víte jak) nebo, pokud potřebujete více informací můžetenavštívit webové stránky Adobe CSS Advisor (poradce CSS). Viz „Kontrola problémů zobrazení CSS v různých prohlížečích“ nastránce 139.

Adobe poradce CSS

Webové stránky Adobe CSS Advisor (poradce CSS) obsahují informace o nejnovějších problémech s CSS a jsou přímo dostupné zuživatelského rozhraní programu Dreamweaver během kontroly kompatibility s prohlížečem. V poradci CSS můžete snadněji nežv diskusních fórech, stránkách wiki nebo v diskusních skupinách přidávat k existujícímu obsahu komentáře s návrhy a vylepšeními,

DREAMWEAVER CS3 12Příručka uživatele

http://www.adobe.com/go/labs_czhttp://www.adobe.com/communities

nebo přidávat nové problémy k prospěchu celé komunity. Viz „Kontrola problémů zobrazení CSS v různých prohlížečích“ na stránce139.

Rozvržení CSS

Dreamweaver nabízí sadu předdefinovaných rozvržení CSS, pomocí kterých funkční stránku vytvoříte rychle, a která vám pomohouse díky komentářům přímo v kódu dozvědět více o rozvržení stránky CSS. Většina návrhů webových stránek může být rozdělenana jedno, dvou nebo třísloupcová rozvržení, která obsahují další elementy (například záhlaví a zápatí). Dreamweaver nyní nabízíširoký seznam základních návrhů rozvržení, které si můžete přizpůsobit podle potřeb. Viz „Vytvoření stránky s rozvržením CSS“na stránce 147.

Správa CSS

Funkce Správa CSS usnadňuje přesun pravidel CSS z dokumentu do dokumentu, ze záhlaví dokumentu do externí tabulky, meziexterními soubory CSS a podobně. Inline CSS můžete převést na pravidla CSS a umístit je tam, kam potřebujete — prostě přetažením.Viz „Přesunutí pravidel CSS“ na stránce 135 a „Převod inline CSS na pravidla CSS“ na stránce 136.

Adobe Device Central

Adobe Device Central integrovaná s Dreamweaverem i s balíkem software Creative Suite 3 zjednodušuje vytváření mobilního obsahutím, že nabízí možnost rychle zjistit základní technické specifikace každého zařízení a zmenšit text a obrazy HTML stránky tak, abyse zobrazila přesně jako na daném zařízení. Viz „Náhled stránek na mobilních zařízeních“ na stránce 281.

Adobe Bridge CS3

Používejte Dreamweaver s Adobe Bridge CS3 pro snadnou a jednotnou správu obrazů a datových zdrojů. Adobe Bridge nabízícentralizovaný přístup k souborům projektů, aplikacím a nastavením společně se schopností označování a vyhledávání v metadatechXMP. Díky svým funkcím správy a sdílení souborů a přístupu k Adobe Stock Photos nabízí Adobe Bridge efektivnější kreativnípracovní postupy pro tiskové, webové, video a mobilní projekty. Viz „Práce s Bridge“ na stránce 365.

DREAMWEAVER CS3 13Příručka uživatele

Kapitola 2: Pracovní plochaThis chapter provides an overview of the Dreamweaver work space, and introduces you to all of the toolbars, inspectors, and panelsthat you use to build web pages.

Pracovní postupy a pracovní plocha Dreamweaveru

Přehled pracovních postupů DreamweaveruWebové místo můžete vytvořit pomocí několika postupů, toto je jeden z nich:

Plánování a vytvoření webového místa

Určete, kam se budou ukládat soubory, a promyslete si požadavky webového místa, profily návštěvníků a účel místa. Zvažte takétechnické požadavky, například přístup uživatelů, omezení prohlížečů, zásuvných modulů a stahování. Po uspořádání informací aurčení struktury můžete zahájit vytváření webového místa. (Viz „Práce s webovými místy Dreamweaveru“ na stránce 39.)

Uspořádání a správa souborů webového místa

V panelu Soubory můžete snadno přidávat, odstraňovat a přejmenovávat soubory a složky a podle potřeby tak měnit uspořádání.Panel Soubory také obsahuje mnoho nástrojů pro správu webového místa, přenos souborů ze vzdáleného serveru a na něj, zabráněnípřepsání souborů nastavením procesu zpřístupňování a vyhrazování a synchronizaci souborů v lokálních a vzdálených místech.Pomocí panelu Datové zdroje můžete datové zdroje ve webovém místě snadno uspořádat; většinu z nich pak můžete přetáhnoutpřímo z panelu Datové zdroje do dokumentu Dreamweaveru. Pomocí Dreamweaveru můžete také spravovat vlastnosti webovýchmíst Contribute. (Viz „Správa souborů a složek“ na stránce 73 a „Správa datových zdrojů a knihoven“ na stránce 103.)

Návrh webových stránek

Zvolte si metodu návrhu, která vám vyhovuje, nebo definujte vzhled webových míst pomocí voleb návrhu v Dreamweaveru.Rozvržení můžete v Dreamweaveru vytvořit pomocí elementů AP, stylů CSS pro umístění nebo předem navržených rozvržení CSS.Pomocí tabulkových nástrojů je možné rychle navrhovat stránky nakreslením a následnou změnou struktury stránky. Pokud chcetev prohlížeči zároveň zobrazit více elementů, můžete rozvržení dokumentů vytvářet pomocí rámců. Nové stránky můžete také vytvářetna základě předlohy Dreamweaveru a při změně předlohy pak rozvržení stránek automaticky aktualizovat. (Viz „Vytvářenístráneks CSS“ na stránce 117 a „Návrh stránek s HTML“ na stránce 165.)

Přidání obsahu na stránky

Přidejte datové zdroje a elementy návrhu, například text, obrazy, obrazy s efektem přechodu, obrazové mapy, barvy, filmy, zvuky,odkazy HTML, nabídky odkazů a další. Pomocí vestavěných funkcí pro vytváření stránek můžete například vytvářet nadpisy a pozadí,zadávat text přímo do stránky nebo importovat obsah z jiných dokumentů. Dreamweaver také nabízí chování pro provádění úkolůjako reakcí na určité události, například ověřování formuláře po klepnutí na tlačítko Odeslat nebo otevření druhého okna prohlížečepo dokončení načítání hlavní stránky. Dreamweaver nabízí i nástroje pro maximalizaci rychlosti webového místa a pro testováníkompatibility stránek s různými webovými prohlížeči. (Viz „Přidání obsahu na stránky“ na stránce 198.)

Vytváření stránek ručním psaním kódu

Ruční kódování webových stránek je dalším způsobem vytváření stránek. Dreamweaver obsahuje snadno použitelné nástroje provizuální úpravy, ale také propracované prostředí pro psaní kódu; stránky můžete vytvářet pomocí jednoho nebo obou těchto přístupů.(Viz „Práce s kódem stránky“ na stránce 283.)

Nastavení webové aplikace pro dynamický obsah

Mnoho webových míst obsahuje dynamické stránky, které uživatelům umožňují zobrazení informací uložených v databázi, a obvykletaké některým uživatelům umožňují informace přidávat a upravovat. Chcete-li takové stránky vytvářet, je nutné nejdříve nastavitwebový server a aplikační server, vytvořit nebo upravit webové místo Dreamweaveru a připojit se k databázi. (Viz „Příprava navytváření dynamických webových míst“ na stránce 471.)

DREAMWEAVER CS3 14Příručka uživatele

Vytváření dynamických stránek

V Dreamweaveru je možné definovat množství zdrojů dynamického obsahu, včetně sad záznamů získaných z databází, parametrůformulářů a komponent JavaBeans. Chcete-li na stránku přidat dynamický obsah, jednoduše ho přetáhněte na stránku.

Stránku můžete nastavit tak, aby zobrazovala jeden nebo více záznamů zároveň, nebo více než jednu stránku záznamů, můžete přidatspeciální odkazy pro přechod z jedné stránky záznamů na další (a zpět) a vytvářet počítadla záznamů, aby uživatelé mohli sledovatjejich počet. Aplikace nebo obchodní logiku můžete vkládat pomocí technologií jako je Adobe ColdFusion a webové služby. Pokudpotřebujete pružnější funkce, můžete vytvořit vlastní serverová chování a interaktivní formuláře. (Viz „Vytváření dynamickýchstránek“ na stránce 516.)

Testování a publikování

Testování stránek se opakovaně používá během cyklu vývoje. Na konci tohoto cyklu pak publikujete webové místo na serveru.Mnoho vývojářů také plánuje pravidelnou údržbu, aby zajistili aktuálnost a funkčnost webového místa. (Viz „Získávání souborů zeserveru a odesílání na server“ na stránce 83.)

Rozvržení pracovní plochy – přehledThe Dreamweaver work space enables you to view documents and object properties. The work space also places many of the mostcommon operations in toolbars so that you can quickly make changes to your documents.

In Windows, Dreamweaver provides an all-in-one-window integrated layout. In the integrated work space, all windows and panelsare integrated into a single larger application window.

A. Files panel B. Property inspector C. Tag selector D. Document toolbar E. Insert bar F. Document window G. Panel groups

DREAMWEAVER CS3 15Příručka uživatele

Poznámka: The Windows work space also has a Coder option, which docks the panel groups on the left side and displays the Documentwindow in Code view by default. For more information, see „Using the coder-oriented work space (Windows only)“ na stránce 289.To use this option, see „To choose the work space layout (Windows only)“ na stránce 35.

On the Macintosh, Dreamweaver can display multiple documents in a single window with tabs that identify each document.Dreamweaver can also display a floating work space in which each document appears in its own individual window. Panel groupsare initially docked together, but can be undocked into their own windows. Windows “snap” automatically to each other, to thesides of the screen, and to the Document window as you drag or resize them.

A. Insert bar B. Document toolbar C. Property inspector D. Document window E. Tag selector F. Panel groups G. Files panel

Viz také

„Používání panelů nástrojů, inspektorů, kontextových nabídek a panelů“ na stránce 28

„Výběr rozvržení pracovní plochy (Windows)“ na stránce 35

Přehled elementů pracovní plochyPracovní plocha obsahuje následující elementy.Poznámka: Dreamweaver nabízí mnoho jiných panelů, inspektorů a oken. Chcete-li panely, inspektory a okna otevřít, použijte nabídkuOkna. Pokud nemůžete najít panel, inspektor nebo okno, které je označené jako otevřené, vyberte Okna > Uspořádat panely, abystepřehledně uspořádali všechny otevřené panely.Úvodní obrazovka Umožňuje otevření posledních dokumentů nebo vytvoření nového dokumentu. Úvodní obrazovka také nabízíprohlídku produktu nebo výukové lekce, abyste se o Dreamweaveru mohli dozvědět více.

DREAMWEAVER CS3 16Příručka uživatele

Pruh Vložit Obsahuje tlačítka pro vkládání různých typů objektů, například obrazů, tabulek a elementů AP do dokumentu. Všechnyobjekty jsou kusem HTML kódu, které vám při vkládání umožňují nastavit různé atributy. Například klepnutím na tlačítko Tabulkav pruhu Vložit můžete vložit tabulku. Pokud chcete, můžete objekty vkládat pomocí nabídky Vložit místo pruhu Vložit.

Panel nástrojů Dokument Obsahuje tlačítka, která nabízí volby pro různá zobrazení okna dokumentu (například zobrazení návrhunebo zobrazení kódu), různé volby zobrazení a některé běžné operace, například zobrazení náhledu v prohlížeči.

Panel nástrojů Standardní (Není zobrazen ve výchozím rozvržení pracovní plochy.) Obsahuje tlačítka běžných operací v nabídkáchSoubor a Úpravy: Nový, Otevřít, Uložit, Uložit vše, Vyjmout, Kopírovat, Vložit, Zpět a Znovu. Chcete-li zobrazit panel nástrojůStandardní, vyberte Zobrazení > Panely nástrojů > Standardní.

Panel nástrojů Kódování (Zobrazený pouze v zobrazení kódu.) Obsahuje tlačítka umožňující provádění mnoha standardních operacíkódování.

Panel nástrojů Styl vykreslení (Standardně skrytý.) Obsahuje tlačítka, která umožňují zobrazení vzhledu návrhu v různých typechmédií při použití seznamů stylů závislých na médiích. Obsahuje také tlačítko umožňující zapnutí nebo vypnutí kaskádových stylů(CSS).

Okno dokumentu Zobrazuje aktuální dokument při jeho vytváření a úpravách.

Inspektor Vlastnosti Umožňuje zobrazovat a měnit různé vlastnosti vybraného objektu nebo textu. Každý druh objektu má jinévlastnosti. Inspektor Vlastnosti není v rozvržení pracovní plochy Programátor standardně rozbalen.

Selektor tagů Je umístěn ve stavovém řádku v dolní části okna dokumentu. Zobrazuje hierarchii tagů, kterými je obalen aktuálnívýběru. Klepnutím na libovolný tag v hierarchii vyberete tento tag a veškerý jeho obsah.

Skupiny panelů Sady souvisejících panelů seskupených pod jedním záhlavím. Chcete-li skupinu panelů rozbalit, klepněte narozbalovací šipku vlevo od názvu skupiny, chcete-li zrušit ukotvení skupiny panelů, táhněte za záchytný pruh na levém okrajititulního pruhu skupiny.

Panel Soubory Umožňuje spravovat soubory a složky, které jsou součástí webového místa Dreamweaveru nebo se nachází navzdáleném serveru. Panel Soubory také umožňuje přistupovat ke všem souborům na lokálním disku podobně jako Průzkumník(Windows) nebo Finder (Macintosh).

Viz také

„Práce v okně dokumentu“ na stránce 25

„Používání panelů nástrojů, inspektorů, kontextových nabídek a panelů“ na stránce 28

Okno dokumentu – přehledThe Document window shows the current document. You can select any of the following views:Design view is a design environment for visual page layout, visual editing, and rapid application development. In this view,Dreamweaver displays a fully editable, visual representation of the document, similar to what you would see viewing the page in abrowser. You can configure the Design view to display dynamic content while you’re working on the document (see „View live datain Design view“ na stránce 553).

Code view is a hand-coding environment for writing and editing HTML, JavaScript, server-language code—such PHP or ColdFusionMarkup Language (CFML)—and any other kind of code.

Code and Design view enables you to see both Code view and Design view for the same document in a single window.

When the Document window has a title bar, the title bar displays the page title and, in parentheses, the file’s path and filename. Afterthe filename, Dreamweaver displays an asterisk if you’ve made changes that you haven’t saved yet.

When the Document window is maximized in the integrated work space layout (Windows only), it has no title bar; in that case thepage title and the file’s path and filename appear in the title bar of the main work space window.

When a Document window is maximized, tabs appear at the top of the Document window area showing the filenames of all opendocuments. To switch to a document, click its tab.

DREAMWEAVER CS3 17Příručka uživatele

Viz také

„Práce v okně dokumentu“ na stránce 25

„O psaní kódu v Dreamweaveru“ na stránce 283

Panel nástrojů Dokument – přehledPanel nástrojů Dokument obsahuje tlačítka, která umožňují rychlé přepínání mezi různými zobrazeními dokumentu: Kód, Návrha rozdělené zobrazení, které zobrazuje kód i návrh.

Panel nástrojů také obsahuje některé běžné příkazy a volby související s prohlížením dokumentu a jeho přenosem mezi vzdálenýmia lokálními webovými místy.

A. Zobrazit zobrazení Kód B. Zobrazit zobrazení Kód a Návrh C. Zobrazit zobrazení Návrh D. Titul dokumentu E. Správa souborů F. Náhled/ladění v prohlížeči G. Aktualizovat zobrazení Návrh H. Volby zobrazení I. Vizuální pomůcky J. Ověřit značky K. Zkontrolovat kompatibilitu sprohlížečem

V panelu nástrojů Dokument se zobrazují následující volby:Zobrazit zobrazení Kód Zobrazí v okně dokumentu pouze zobrazení Kód.

Zobrazit zobrazení Kód a Návrh Rozdělí okno dokumentu na zobrazení Kód a zobrazení Návrh. Když vyberete toto kombinovanéhozobrazení, zpřístupní se volba Zobrazení návrhu nahoře v nabídce Volby zobrazení.

Zobrazit zobrazení Návrh Zobrazí v okně dokumentu pouze zobrazení Návrh.Poznámka: Pokud pracujete se soubory XML, JavaScript, CSS nebo s jinými typy souborů obsahujícími kód, nemůžete je zobrazit vzobrazení Návrh a tlačítka Návrh a Rozdělit budou ztlumená.

Titul dokumentu Umožňuje zadat titul dokumentu, který se zobrazí v titulním pruhu prohlížeče. Pokud již dokument titul má,zobrazí se v tomto poli.

Správa souborů Zobrazí rozbalovací nabídku Správa souborů.

Náhled/ladění v prohlížeči Umožňuje zobrazení nebo ladění dokumentu v prohlížeči. V rozbalovací nabídce vyberte prohlížeč.

Aktualizovat zobrazení Návrh Obnoví zobrazení Návrh po provedení změn v zobrazení kódu. Změny provedené v zobrazení kóduse v zobrazení Návrh zobrazí automaticky až po provedení určitých akcí, například uložení souboru nebo klepnutí na toto tlačítko.Poznámka: Obnovení také aktualizuje prvky kódu, které jsou závislé na DOM (modelu objektu dokumentu), například možnostvybrat počáteční a zavírací tag bloku kódu.

Volby zobrazení Umožňuje nastavit volby zobrazení Kód a zobrazení Návrh včetně toho, které zobrazení se zobrazí nad druhým.Volby v nabídce se týkají aktuálního zobrazení: zobrazení Návrh, zobrazení Kód nebo obou.

Vizuální pomůcky Umožňuje návrh stránek pomocí různých vizuálních pomůcek.

Ověřit značky Umožňuje ověřit aktuální dokument nebo vybraný tag.

Zkontrolovat kompatibilitu s prohlížečem Umožňuje zkontrolovat kompatibilitu CSS v různých prohlížečích.

Viz také

„Zobrazení panelů nástrojů“ na stránce 28

„Přizpůsobení prostředí pro psaní kódu“ na stránce 290

DREAMWEAVER CS3 18Příručka uživatele

Panel nástrojů Standardní – přehledThe Standard toolbar contains buttons for common operations from the File and Edit menus: New, Open, Save, Save All, Cut, Copy,Paste, Undo, and Redo. Use these buttons just as you would use the equivalent menu commands.

Viz také

„Zobrazení panelů nástrojů“ na stránce 28

„Vytváření a otevírání dokumentů“ na stránce 64

Stavový řádek – přehledThe status bar at the bottom of the Document window provides additional information about the document you are creating.

A. Document size and estimated download time B. Tag selector C. Window Size pop-up menu D. Set magnification E. Zoom tool F. Handtool G. Select tool

The tag selector shows the hierarchy of tags surrounding the current selection. Click any tag in the hierarchy to select that tag andall its contents. Click to select the entire body of the document. To set the class or id attributes for a tag in the tagselector, right-click (Windows) or Control-click (Macintosh) the tag and select a class or ID from the context menu.

The Hand tool lets you click the document and drag it in the Document window. Click the Select tool to disable the Hand tool.

The Zoom tool and Set Magnification pop-up menu let you set a magnification level for your document. For more information, see„Zoom in and out“ na stránce 206.

The Window Size pop-up menu (visible in Design view only) lets you resize the Document window to predetermined or customdimensions. For more information, see „To resize the Document window“ na stránce 26.

To the right of the Window Size pop-up menu are the estimated document size and estimated download time for the page, includingall dependent files such as images and other media files. For more information, see „Set download time and size preferences“ nastránce 207.

Viz také

„Nastavení velikosti okna a rychlosti připojení“ na stránce 27

„Zvětšení a zmenšení zobrazení“ na stránce 206

Pruh Vložit – přehledThe Insert bar contains buttons for creating and inserting objects such as tables, AP elements, and images. When you roll the pointerover a button, a tooltip appears with the name of the button.

The buttons are organized into several categories, which you can switch on the left side of the Insert bar. Additional categories appearwhen the current document contains server code, such as ASP or CFML documents. When you start Dreamweaver, the categoryyou were last working in opens.Poznámka: If you prefer to view the categories as tabs across the top of the Insert bar, you can change the layout of the Insert bar (see„To use the Insert bar“ na stránce 28).

DREAMWEAVER CS3 19Příručka uživatele

Some categories have buttons with pop-up menus. When you select an option from a pop-up menu, it becomes the default actionfor the button. For example, if you select Image Placeholder from the Image button’s pop-up menu, the next time you click the Imagebutton, Dreamweaver inserts an image placeholder. Anytime you select a new option from the pop-up menu, the default action forthe button changes.

The Insert bar is organized in the following categories:The Common category enables you to create and insert the most commonly used objects, such as images and tables.

The Layout category enables you to insert tables, div tags, and frames. You can also choose among three views of tables: Standard(default), Expanded Tables, and Layout. When Layout mode is selected, you can use the Dreamweaver layout tools: Draw LayoutCell and Draw Layout Table.

The Forms category contains buttons for creating forms and inserting form elements.

The Text category enables you to insert a variety of text- and list-formatting tags, such as b, em, p, h1, and ul.The HTML category enables you to insert HTML tags for horizontal rules, head content, tables, frames, and scripts.

Server-code categories are available only for pages that use a particular server language, including ASP, ASP.NET, CFML Basic,CFML Flow, CFML Advanced, JSP, and PHP. Each of these categories provides server-code objects that you can insert in Code view.

The Application category enables you to insert dynamic elements such as recordsets, repeated regions, and record insertion andupdate forms.

The Flash elements category enables you to insert Flash elements.

The Spry elements category enables you to insert Spry elements.

The Favorites category enables you to group and organize the Insert bar buttons you use the most in one common place.

You can modify any object in the Insert bar or create your own objects (see “Customizing Dreamweaver” on the Adobe SupportCenter at www.adobe.com/go/customizing_dreamweaver).

Viz také

„Používání pruhu Vložit“ na stránce 28

„Vizuální vytváření stránek Spry“ na stránce 428

Panel nástrojů Kódování – přehledThe Coding toolbar contains buttons that let you perform many standard coding operations, such as collapsing and expanding codeselections, highlighting invalid code, applying and removing comments, indenting code, and inserting recently used code snippets.The Coding toolbar is visible only in Code view and appears vertically on the left side of the Document window.

DREAMWEAVER CS3 20Příručka uživatele

http://www.adobe.com/go/customizing_dreamweaver

You cannot undock or move the Coding toolbar, but you can hide it.

You can also edit the Coding toolbar to display more buttons (such as Word Wrap, Show Hidden Characters, and Auto Indent), orhide buttons that you don’t want to use. To do so, however, you must edit the XML file that generates the toolbar. For moreinformation, see Extending Dreamweaver.

Viz také

„Zobrazení panelů nástrojů“ na stránce 28

„Vložení kódu pomocí panelu nástrojů Kódování“ na stránce 299

Panel nástrojů Styl vykreslení – přehledThe Style Rendering toolbar (hidden by default) contains buttons that let you see how your design would look in different mediatypes if you use media-dependent style sheets. It also contains a button that lets you enable or disable CSS styles. To display thetoolbar, select View > Toolbars > Style Rendering.

This toolbar only works if your documents use media-dependent style sheets. For example, your style sheet might specify a bodyrule for print and a different body rule for handheld devices. For more information on creating media-dependent style sheets, seethe World Wide Web Consortium website at www.w3.org/TR/CSS21/media.html.

By default, Dreamweaver displays your design for the screen media type (which shows you how a page is rendered on a computerscreen). You can view the following media type renderings by clicking the respective buttons in the Style Rendering toolbar.

DREAMWEAVER CS3 21Příručka uživatele

http://www.w3.org/TR/CSS21/media.html

Render Screen Media Type shows you how the page appears on a computer screen.

Render Print Media Type shows you how the page appears on a printed piece of paper.

Render Handheld Media Type shows you how the page appears on a handheld device, such as a mobile phone or a BlackBerry device.

Render Projection Media Type shows you how the page appears on a projection device.

Render TTY Media Type shows you how the page appears on a teletype machine.

Render TV Media Type shows you how the page appears on a television screen.

Toggle Displaying of CSS Styles lets you enable or disable CSS styles. This button works independently of the other media buttons.

Viz také

„Zobrazení panelů nástrojů“ na stránce 28

Inspektor Vlastnosti – přehledThe Property inspector lets you examine and edit the most common properties for the currently selected page element, such as textor an inserted object. The contents of the Property inspector vary depending on the element selected. For example, if you select animage on your page, the Property inspector changes to show properties for the image (such as the file path to the image, the widthand height of the image, the border around the image, if any, and so on).

The Property inspector is at the bottom of the work space by default, but you can dock it at the top of the work space if you want.Or, you can make it a floating panel in the work space.

Viz také

„Ukotvení a zrušení ukotvení panelů a skupin panelů“ na stránce 33

„Používání inspektoru Vlastnosti“ na stránce 30

Panel Soubory – přehledYou use the Files panel to view and manage the files in your Dreamweaver site.

DREAMWEAVER CS3 22Příručka uživatele

When you view sites, files, or folders in the Files panel, you can change the size of the viewing area, as well as expand or collapse theFiles panel. When the Files panel is collapsed it displays the contents of the local site, the remote site, or the testing server as a list offiles. When expanded, it displays the local site and either the remote site or testing server. The Files panel can also display a visualsite map of the local site.

For Dreamweaver sites, you can also customize the Files panel by changing the view—either your local or remote site—that appearsby default in the collapsed panel.

Viz také

„Práce se soubory v panelu Soubory“ na stránce 76

Panel Styly CSS – přehledThe CSS Styles panel lets you track the CSS rules and properties affecting a currently selected page element (Current mode), or therules and properties affecting an entire document (All mode). A toggle button at the top of the CSS Styles panel lets you switchbetween the two modes. The CSS Styles panel also lets you modify CSS properties in both All and Current mode.

DREAMWEAVER CS3 23Příručka uživatele

You can resize any of the panes by dragging the borders between the panes.

In Current mode, the CSS Styles panel displays three panes: a Summary for Selection pane that displays the CSS properties for thecurrent selection in the document, a Rules pane that displays the location of selected properties (or a cascade of rules for the selectedtag, depending on your selection), and a Properties pane that lets you edit CSS properties for the rule defining the selection.

In All mode, the CSS Styles panel displays two panes: an All Rules pane (on top), and a Properties pane (on bottom). The All Rulespane displays a list of rules defined in the current document as well as all rules defined in style sheets attached to the current document.The Properties pane lets you edit CSS properties for any selected rule in the All Rules pane.

Any changes you make in the Properties pane are applied immediately, letting you preview your work as you go.

Viz také

„Vytváření a správa CSS“ na stránce 121

Vizuální pomůcky – přehledDreamweaver provides several kinds of visual guides to help you design documents and predict approximately how they will appearin browsers. You can do any of the following:• Instantly snap the Document window to a desired window size to see how the elements fit on the page.

DREAMWEAVER CS3 24Příručka uživatele

• Use a tracing image as the page background to help you duplicate a design created in an illustration or image-editing applicationsuch as Macromedia Fireworks.

• Use rulers and guides to provide a visual cue for precise positioning and resizing of page elements.• Use the grid for precise positioning and resizing of absolutely-positioned elements (AP elements).

Grid marks on the page help you align AP elements, and when snapping is enabled, AP elements automatically snap to theclosest grid point when moved or resized. (Other objects, such as images and paragraphs, do not snap to the grid.) Snappingworks regardless of whether the grid is visible.

Viz také

„Používání vizuálních pomůcek pro rozvržení“ na stránce 165

Uživatelé GoLivePokud používáte GoLive a chcete přejít na Dreamweaver, můžete na internetu najít úvod o pracovní ploše a pracovních postupechDreamweaveru a také rozbor možností převodu webových míst do Dreamweaveru. Další informace vizwww.adobe.com/go/learn_dw_golive_cz.

Práce v okně dokumentu

Přepínání mezi zobrazeními v okně dokumentuDokument lze v okně dokumentu zobrazit v zobrazení Kód, v zobrazení Návrh nebo v zobrazeních Kód i Návrh.

Viz také

„Okno dokumentu – přehled“ na stránce 17

Přepnutí na zobrazení Kód

1 Proveďte jeden z následujících úkonů:• Vyberte Zobrazení > Kód.• V panelu nástrojů Dokument klepněte na tlačítko Zobrazit zobrazení Kód

Přepnutí na zobrazení Návrh

1 Proveďte jeden z následujících úkonů:• Vyberte Zobrazení > Návrh.• V panelu nástrojů Dokument klepněte na tlačítko Zobrazit zobrazení Návrh

Zobrazení obou zobrazení Kód i Návrh

1 Proveďte jeden z následujících úkonů:• Vyberte Zobrazení > Kód a návrh.• V panelu nástrojů Dokument klepněte na tlačítko Zobrazit zobrazení Kód a Návrh

DREAMWEAVER CS3 25Příručka uživatele

http://www.adobe.com/go/learn_dw_golive_cz

Přepnutí mezi zobrazením Kód a zobrazením Návrh

1 Stiskněte Ctrl+jednoduchá uvozovka (‘).

Poznámka: Pokud jsou v okně dokumentu obě zobrazení, tato klávesová zkratka mění, ve kterém zobrazení bude aktivní vstup zklávesnice.

Stupňovité nebo dlaždicové zobrazení oken dokumentuPokud máte otevřeno mnoho dokumentů zároveň, můžete je zobrazit dlaždicově nebo stupňovitě.

Viz také

„Výběr rozvržení pracovní plochy (Windows)“ na stránce 35

„Zobrazení dokumentů se záložkami (Macintosh)“ na stránce 35

Stupňovité zobrazení oken dokumentu

1 Vyberte Okna > Stupňovitě.

Dlaždicové zobrazení oken dokumentu

• Ve Windows vyberte Okna > Dlaždicově vodorovně nebo Okna > Dlaždicově svisle.• V