- Příručka uživatele aplikace Dreamweaver
- Úvod
- Dreamweaver a Creative Cloud
- Pracovní plochy a zobrazení aplikace Dreamweaver
- Nastavení webů
- O webech aplikace Dreamweaver
- Nastavení lokální verze webu
- Připojení k publikačnímu serveru
- Nastavení testovacího serveru
- Import a export nastavení webu aplikace Dreamweaver
- Přenos stávajících webových stránek ze vzdáleného serveru do kořenové složky lokálního webového místa
- Funkce usnadnění přístupu v aplikaci Dreamweaver
- Rozšířená nastavení
- Nastavení předvoleb webového místa pro přenos souborů
- Úprava nastavení serveru proxy v aplikaci Dreamweaver
- Synchronizace nastavení aplikace Dreamweaver ve službě Creative Cloud
- Používání systému Git v aplikaci Dreamweaver
- Správa souborů
- Vytváření a otevírání souborů
- Správa souborů a složek
- Získání souborů ze serveru a odeslání souborů na server
- Zpřístupnění/vyhrazení souborů
- Synchronizace souborů
- Porovnání souborů a nalezení rozdílů
- Maskování souborů a složek ve webu aplikace Dreamweaver
- Povolení poznámek k návrhu pro weby Dreamweaver
- Předcházení potenciálnímu zneužití modulu Gatekeeper
- Rozvržení a návrh
- Používání vizuálních pomůcek pro rozvržení
- O používání souborů CCS k rozvržení stránky
- Navrhování responzivních webů pomocí nástroje Bootstrap
- Vytvoření a používání multimediálních dotazů v aplikaci Dreamweaver
- Zobrazení obsahu pomocí tabulek
- Barvy
- Responzivní návrh s využitím rozvržení s plovoucí mřížkou
- Funkce Extrakt v aplikaci Dreamweaver
- CSS
- Vysvětlení kaskádových seznamů stylů
- Rozvržení stránek pomocí panelu CSS Designer
- Použití preprocesorů CSS v aplikaci Dreamweaver
- Postup nastavení předvoleb stylu CSS v aplikaci Dreamweaver
- Přesunutí pravidel CSS v aplikaci Dreamweaver
- Převedení inline CSS na pravidlo CSS v aplikaci Dreamweaver
- Práce s tagy div
- Použití přechodů na pozadí
- Vytváření a úprava efektů přechodů v aplikaci Dreamweaver
- Formátování kódu
- Obsah stránky a datové zdroje
- Nastavení vlastností stránky
- Nastavení vlastností nadpisů CSS a vlastností odkazu CSS
- Práce s textem
- Vyhledání a nahrazení textu, tagů a atributů
- Panel DOM
- Úpravy v živém zobrazení
- Kódování dokumentů v aplikaci Dreamweaver
- Výběr a zobrazení elementů v okně dokumentu
- Nastavení vlastností textu v Inspektoru vlastností
- Kontrola pravopisu webové stránky
- Pomocí vodorovných linek v aplikaci Dreamweaver
- Přidání a úprava kombinací písma v aplikaci Dreamweaver
- Práce s datovými zdroji
- Vložení a aktualizace dat v aplikaci Dreamweaver
- Vytvoření a správa oblíbených datových zdrojů v aplikaci Dreamweaver
- Vložení a úprava obrázků v aplikaci Dreamweaver
- Přidání multimediálních objektů
- Přidání videa v aplikaci Dreamweaver
- Vložení videa HTML 5
- Vložit soubory SWF
- Přidání zvukových efektů
- Vložte zvuk HTML5 v aplikaci Dreamweaver
- Práce s položkami knihoven
- Používání arabského a hebrejského textu v aplikaci Dreamweaver
- Odkazy a navigace
- Ovládací prvky a efekty jQuery
- Kódování webových stránek
- Informace o psaní kódu v aplikaci Dreamweaver
- Prostředí pro psaní kódu v aplikaci Dreamweaver
- Nastavení předvoleb kódování
- Přizpůsobení barevného zvýraznění kódu
- Psaní a úprava kódu
- Našeptávání kódu a dokončování kódu
- Sbalení a rozbalení kódu
- Opakované použití kódu v podobě výstřižků
- Linting kódu
- Optimalizace kódu
- Úprava kódu v zobrazení Návrh
- Práce s obsahem hlavičky stránek
- Vložení zahrnutí na straně serveru v aplikaci Dreamweaver
- Používání knihoven tagů v aplikaci Dreamweaver
- Import vlastních tagů do aplikace Dreamweaver
- Práce s funkcemi JavaScriptu (obecné pokyny)
- Použití vestavěných chování jazyka JavaScript
- O XML a XSLT
- Provádění transformace XSL na straně serveru v aplikaci Dreamweaver
- Provádění transformace XSL na straně klienta v aplikaci Dreamweaver
- Přidání entit znaku pro XSLT v aplikaci Dreamweaver
- Formátování kódu
- Pracovní postupy pro různé produkty
- Instalace a používání rozšíření v aplikaci Dreamweaver
- Aktualizace v rámci aplikace v aplikaci Dreamweaver
- Vkládání dokumentů sady Microsoft Office v aplikaci Dreamweaver (jen ve Windows)
- Práce s aplikacemi Fireworks a Dreamweaver
- Úprava obsahu na webech Dreamweaver za pomoci aplikace Contribute
- Integrace mezi aplikacemi Dreamweaver a Business Catalyst
- Vytváření e-mailových kampaní na míru
- Šablony
- O předlohách aplikace Dreamweaver
- Rozpoznání předloh a dokumentů založených na předloze
- Vytvoření předlohy aplikace Dreamweaver
- Vytváření upravitelných oblastí v šablonách
- Vytváření opakovaných oblastí a tabulek v aplikaci Dreamweaver
- Použijte volitelné oblasti v předlohách
- Definování upravitelných atributů tagu v aplikaci Dreamweaver
- Postup vytvoření vnořených šablon v aplikaci Dreamweaver
- Úprava, aktualizace nebo odstranění předloh
- Export a import obsahu XML v aplikaci Dreamweaver
- Aplikace nebo odstranění předlohy z existujícího dokumentu.
- Úprava obsahu v předlohách Dreamweaver
- Pravidla syntaxe pro tagy předloh v aplikaci Dreamweaver
- Nastavení předvoleb zvýraznění pro oblasti předlohy
- Výhody používání předloh v aplikaci Dreamweaver
- Mobilní zařízení a zařízení s více displeji
- Dynamické weby, stránky a webové formuláře
- Informace o webových aplikacích
- Nastavení počítače pro vývoj aplikací
- Řešení problémů s připojením databází
- Odstranění skriptů připojení v aplikaci Dreamweaver
- Návrh dynamických stránek
- Přehled zdrojů dynamického obsahu
- Definice zdrojů dynamického obsahu
- Přidání dynamického obsahu na stránky
- Změna dynamického obsahu v aplikaci Dreamweaver
- Zobrazení záznamů databáze
- Zajišťování a řešení potíží s živými daty v aplikaci Dreamweaver
- Přidání uživatelského chování serveru v aplikaci Dreamweaver
- Vytváření formulářů pomocí aplikace Dreamweaver
- Shromažďování informací od uživatelů pomocí formulářů
- Vytváření a povolení formulářů ColdFusion v aplikaci Dreamweaver
- Vytváření webových formulářů
- Rozšířená podpora formátu HTML5 pro elementy formuláře
- Vytváření formuláře pomocí aplikace Dreamweaver
- Vizuální vytváření aplikací
- Vytváření hlavních a podrobných stránek v aplikaci Dreamweaver
- Vytváření vyhledávacích stránek a stránek s výsledky
- Vytvoření stránky vložení záznamu
- Vytvoření stránky pro aktualizaci záznamu v aplikaci Dreamweaver
- Budování stránek pro odstranění záznamu v aplikaci Dreamweaver
- Používání příkazů ASP k úpravě databáze v aplikaci Dreamweaver
- Vytvoření registrační stránky
- Vytvoření přihlašovací stránky
- Vytvoření stránky, na kterou mají přístup pouze autorizovaní uživatelé
- Zabezpečení složek ve službě ColdFusion pomocí aplikace Dreamweaver
- Používání komponent ColdFusion v aplikaci Dreamweaver
- Testování, náhled a publikování webových stránek
- Odstraňování problémů
O poznámkách k návrhu
Poznámky k návrhu jsou poznámky, které vytváříte pro nějaký soubor. Poznámky k návrhu jsou sice spojené se souborem, který popisují, ale jsou uložené v samostatném souboru. V rozbaleném panelu Soubory můžete vidět, které soubory mají připojené poznámky k návrhu: ve sloupci Poznámky se zobrazí ikona poznámek k návrhu.
Pomocí poznámek k návrhu můžete sledovat další informace o souborech přiřazené k dokumentům, například názvy zdrojů obrazů a poznámky ke stavu souboru. Pokud například kopírujete dokument z jednoho webového místa do jiného, můžete k tomuto dokumentu přidat poznámky k návrhu s komentářem, že původní dokument je ve složce jiného webového místa.
Pomocí poznámek k návrhu můžete také sledovat citlivé údaje, které z bezpečnostních důvodů nemůžete vložit do dokumentu, například poznámky o volbě konkrétní ceny nebo konfigurace nebo jaké tržní faktory ovlivnily zamýšlené rozhodnutí.
Pokud otevřete soubor v aplikaci Adobe® Fireworks® nebo Flash a exportujete jej do jiného formátu, aplikace Fireworks a Flash automaticky uloží název původního zdrojového souboru do souboru Poznámky k návrhu. Pokud například otevřete soubor myhouse.png v aplikaci Fireworks a exportujete ho do souboru myhouse.gif, aplikace Fireworks vytvoří soubor poznámek k návrhu s názvem myhouse.gif.mno. Soubor poznámek k návrhu obsahuje název originálního souboru jako absolutní file: URL. Poznámky k návrhu pro myhouse.gif mohou tedy obsahovat následující řádek:
fw_source="file:///Mydisk/sites/assets/orig/myhouse.png"
Podobně poznámky k návrhu k souboru Flash mohou obsahovat následující řádek:
fl_source="file:///Mydisk/sites/assets/orig/myhouse.fla"
Chtějí-li uživatelé sdílet poznámky k návrhu, musí určit stejnou cestu kořene webového místa (například sites/assets/orig).
Když importujete grafiku do aplikace Dreamweaver, soubor poznámek k návrhu se společně s grafikou automaticky zkopíruje do webového místa. Když vyberete obraz v aplikaci Dreamweaver a chcete ho upravit pomocí aplikace Fireworks, aplikace Fireworks otevře pro úpravy původní soubor.
Zapnutí a vypnutí poznámek k návrhu pro web
Poznámky k návrhu jsou přiřazeny k určitému souboru, ale uloženy jsou v samostatném souboru. Pomocí poznámek k návrhu můžete sledovat další informace o souborech přiřazené k dokumentům, například názvy zdrojů obrazů a poznámky ke stavu souboru.
Poznámky k návrhu pro webové místo zapnete nebo vypnete v dialogovém okně Definice webového místa v kategorii Poznámky k návrhu. Když povolíte funkci Poznámky k návrhu, můžete soubor také v případě potřeby sdílet s ostatními.
-
Vyberte volbu Web > Správa webů.
-
V dialogovém okně Správa webových míst vyberte webové místo a klepněte na tlačítko Upravit.
-
V dialogovém okně Nastavení webového místa rozbalte možnost Další nastavení a vyberte kategorii Poznámky k návrhu.
-
Chcete-li zapnout poznámky k návrhu, vyberte volbu Zachovat poznámky k návrhu (pro vypnutí odznačte).
-
Pokud chcete ve webovém místě odstranit všechny lokální soubory poznámek k návrhu, klepněte na tlačítko Vyčistit a poté na tlačítko Ano. (Chcete-li odstranit vzdálené soubory Poznámky k návrhu, bude nutné tak učinit ručně.)Poznámka:
Příkaz Vymazat poznámky k návrhu odstraní pouze soubory MNO (Poznámky k návrhu). Neodstraní složku _notes ani soubor dwsync.xml ve složce _notes. Aplikace Dreamweaver používá soubor dwsync.xml k uchovávání informací o synchronizaci webu.
-
Chcete-li se zbytkem dokumentů odeslat poznámky k návrhu připojené k webovému místu, vyberte možnost Povolit odeslání poznámek k návrhu pro sdílení a klepněte na tlačítko OK.
Pokud vyberete tuto volbu, můžete poznámky k návrhu sdílet s ostatními spolupracovníky. Když odesíláte nebo získáváte soubor, aplikace Dreamweaver automaticky získá nebo odešle připojený soubor poznámek k návrhu.
Pokud tuto volbu nevyberete, aplikace Dreamweaver bude poznámky k návrhu lokálně spravovat, ale se soubory je nebude odesílat. Pokud na webovém místě pracujete sami, odznačení této volby zvýší výkon. Poznámky k návrhu nebudou přenášeny do vzdáleného webového místa, když zpřístupníte/vyhradíte soubory, a můžete je ve webovém místě přidávat a upravovat lokálně.
Přiřazení poznámek k návrhu k souborům
Pro každý dokument nebo předlohu ve webovém místě můžete vytvořit soubor poznámek k návrhu. Poznámky k návrhu můžete vytvořit také pro aplety, prvky ActiveX, obrazy, obsah Flash, objekty Shockwave a obrazová pole v dokumentech.
Pokud přidáte poznámky k návrhu k souboru předlohy, dokumenty, které vytvoříte s touto předlohou, poznámky k návrhu nezdědí.
-
Proveďte jeden z následujících úkonů:
Otevřete soubor v okně dokumentu a vyberte volbu Soubor > Poznámky k návrhu.
V panelu Soubory klepněte pravým tlačítkem (Windows) nebo s klávesou Ctrl (Macintosh) na daný soubor a vyberte volbu Poznámky k návrhu.
Poznámka:Pokud je daný soubor umístěn ve vzdáleném webovém místě, musíte si ho nejdříve vyhradit a pak ho vybrat v lokální složce.
-
V záložce Základní informace vyberte pro dokument stav z nabídky Stav.
-
Chcete-li vložit aktuální lokální datum do poznámek, klepněte na ikonu data (nad polem Poznámky).
-
Do pole Poznámky zadejte komentář.
-
Chcete-li poznámky k návrhu zobrazit pokaždé, když soubor otevíráte, vyberte volbu Zobrazit při otevírání souboru.
-
Chcete-li přidat nový pár klíč-hodnota, v záložce Všechny informace klikněte na tlačítko plus (+); chcete-li pár odstranit, vyberte ho a klikněte na tlačítko minus (-).
Klíč můžete nazvat například Autor (v poli Název) a hodnotu definovat jako Heidi (v poli Hodnota).
-
Kliknutím na tlačítko OK poznámky uložte.
Aplikace Dreamweaver ukládá poznámky do složky nazvané _notes, která se nachází ve stejném umístění jako aktuální soubor. Název souboru je název souboru dokumentu spolu s příponou .mno. Pokud je název souboru například index.html, připojený soubor poznámek k návrhu se nazývá index.html.mno.
Práce s poznámkami k návrhu
Po připojení poznámek k návrhu k souboru můžete tyto poznámky otevřít, změnit jejich stav nebo je odstranit.
Otevření poznámek k návrhu připojených k souboru
-
Jedním z následujících úkonů otevřete poznámky k návrhu:
Otevřete soubor v okně dokumentu a vyberte volbu Soubor > Poznámky k návrhu.
V panelu Soubory klepněte pravým tlačítkem (Windows) nebo s klávesou Ctrl (Macintosh) na soubor a vyberte volbu Poznámky k návrhu.
V panelu Soubory ve sloupci Poznámky poklepejte na žlutou ikonu poznámek k návrhu.
Poznámka:Chcete-li zobrazit žluté ikony funkce Poznámky k návrhu, vyberte položky Webové místo > Správa webových míst > [název webového místa] > Úpravy > Další nastavení > Sloupce zobrazení souboru. V panelu seznamu vyberte volbu Poznámky a vyberte volbu Zobrazit. Když v panelu nástrojů panelu Soubory klepnete pro zobrazení lokálního i vzdáleného webového místa na tlačítko Rozbalit, sloupec Poznámky bude v lokálním místě a bude zobrazovat žlutou ikonu poznámek pro každý soubor s poznámkou k návrhu.
Přiřazení vlastního stavu poznámek k návrhu
-
Otevřete poznámky k návrhu k souboru nebo objektu (viz předchozí postup).
-
Klepněte na záložku Všechny informace.
-
Klepněte na tlačítko plus (+).
-
Do pole Název zadejte slovo stav.
-
Do pole Hodnota zadejte stav.
Pokud hodnota stavu již existuje, přepíše se novou.
-
Klepněte na záložku Základní informace a podívejte se, zda se v rozbalovací nabídce Stav zobrazila nová hodnota stavu.Poznámka:
V nabídce stavu můžete mít v daný okamžik pouze jednu vlastní hodnotu. Pokud provedete tento postup znovu, aplikace Dreamweaver nahradí dříve zadanou hodnotu stavu nově zadanou hodnotou.
Odstranění nepřiřazených poznámek k návrhu z webového místa
-
Vyberte volbu Web > Správa webů.
-
Vyberte webové místo a klepněte na tlačítko Upravit.
-
V dialogovém okně Definice webového místa vyberte volbu Poznámky k návrhu ze seznamu kategorií na levé straně.
-
Klepněte na tlačítko Vyčistit.
Aplikace Dreamweaver vás vyzve k potvrzení, že má odstranit poznámky k návrhu, které nejsou připojeny k souboru ve webovém místě.
Pokud pomocí aplikace Dreamweaver odstraníte soubor, který měl přiřazen soubor poznámek k návrhu, aplikace Dreamweaver odstraní také soubor poznámek k návrhu; osamocené soubory poznámek k návrhům vznikají obvykle pouze při mazání a přejmenování souborů mimo aplikaci Dreamweaver.
Poznámka:Pokud odznačíte volbu Zachovat poznámky k návrhu před kliknutím na tlačítko Vyčistit, aplikace Dreamweaver odstraní všechny poznámky k návrhům z celého webového místa.