- 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ů
V aplikaci Dreamweaver CC a novějších verzích byl panel CSS Styly nahrazen panelem CSS Designer. Další informace: CSS Designer.
Funkce pro správu CSS v aplikaci Dreamweaver umožňují jednoduše přesouvat nebo exportovat pravidla CSS. Pravidla můžete přemístit z dokumentu do dokumentu, ze sekce head dokumentu do externího seznamu stylů, mezi externími soubory stylů CSS a podobně.
Pokud je pravidlo, které se pokoušíte přesunout, v konfliktu s pravidlem v cílovém seznamu stylů, aplikace Dreamweaver zobrazí dialogové okno Pravidlo se stejným názvem již existuje. Pokud se rozhodne konfliktní pravidlo přemístit, aplikace Dreamweaver toto pravidlo přesune přímo vedle konfliktního pravidla v cílovém seznamu stylů.
Přesun nebo export pravidla do nového seznamu stylů
-
Proveďte jeden z následujících úkonů:
V panelu Styly CSS vyberte pravidlo nebo pravidla, která chcete přemístit. Pak klepněte pravým tlačítkem na výběr a z kontextové nabídky vyberte volbu Přemístit pravidla CSS. Chcete-li vybrat více pravidel, klepněte na pravidla, která chcete vybrat, se stisknutou klávesou Ctrl (Windows) nebo Apple (Macintosh).
V zobrazení Kód vyberte pravidlo nebo pravidla, která chcete přemístit. Pak klepněte pravým tlačítkem na výběr a z kontextové nabídky vyberte volbu Styly CSS > Přemístit pravidla CSS.
Poznámka:V případě, že vyberete část pravidla, bude přemístěno celé pravidlo.
-
V dialogovém okně Přesunout do externího seznamu stylů vyberte volbu nového seznamu stylů a klepněte na tlačítko OK.
-
V dialogovém okně Uložit soubor seznamu stylů jako zadejte název nového seznamu stylů a klepněte na tlačítko Uložit.
Když kliknete na tlačítko Uložit, aplikace Dreamweaver uloží nový seznam stylů s pravidly, která jste vybrali, a připojí ho k aktuálnímu dokumentu.
Poznámka:Pravidla můžete také přesunout pomocí panelu nástrojů Kódování. Panel nástrojů Kódování je dostupný pouze v zobrazení Kód.
Přesun nebo export pravidla do existujícího seznamu stylů
-
Proveďte jeden z následujících úkonů:
V panelu Styly CSS vyberte pravidlo nebo pravidla, která chcete přemístit. Pak klepněte pravým tlačítkem na výběr a z kontextové nabídky vyberte volbu Přemístit pravidla CSS. Chcete-li vybrat více pravidel, klepněte na pravidla, která chcete vybrat, se stisknutou klávesou Ctrl (Windows) nebo Apple (Macintosh).
V zobrazení Kód vyberte pravidlo nebo pravidla, která chcete přemístit. Pak klepněte pravým tlačítkem na výběr a z kontextové nabídky vyberte volbu Styly CSS > Přemístit pravidla CSS.
Poznámka:V případě, že vyberete část pravidla, bude přemístěno celé pravidlo.
-
V dialogovém okně Přesunout do externího seznamu stylů vyberte existující seznam stylů z rozbalovací nabídky nebo existující seznam stylů vyhledejte a klepněte na tlačítko OK.Poznámka:
V rozbalovací nabídce se zobrazují všechny seznamy stylů, které jsou propojené s aktuálním dokumentem.
Poznámka:Pravidla můžete také přesunout pomocí panelu nástrojů Kódování. Panel nástrojů Kódování je dostupný pouze v zobrazení Kód.
Změna uspořádání nebo přemístění pravidel CSS přetažením
-
V panelu Styly CSS (režim Vše) vyberte pravidlo a přetáhněte ho do požadovaného umístění. Můžete vybrat pravidla a přetažením měnit jejich pořadí v seznamu stylů nebo pravidlo přesunout do jiného seznamu stylů nebo sekce head dokumentu.Poznámka:
Chcete-li přesouvat více pravidel najednou, vyberte další pravidla se stisknutou klávesou Ctrl (Windows) nebo Apple (Macintosh).
Výběr více pravidel před jejich přemístěním
-
V panelu Styly CSS klepněte s klávesou Ctrl (Windows) nebo Apple (Macintosh) na pravidla, která chcete vybrat.