Otevřete podporovaný soubor.
- 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ů
Předvolby formátování kódu lze upravit pro každý vytvořený nebo upravovaný soubor.
Ruční formátování kódu
-
-
Vyberte možnost Upravit > Kód > Použít formátování zdroje.
Případně vyberte možnost Použít formátování zdroje z nabídky Společný panel nástrojů > Formátovat zdrojový kód.
Ruční formátování vybraného kódu v souboru
-
Otevřete kód.
-
Vyberte libovolnou část kódu.
-
Vyberte možnost Upravit > Kód > Použít formátování zdroje na výběr.
Případně vyberte možnost Použít formátování zdroje na výběr z nabídky Společný panel nástrojů > Formátovat zdrojový kód.
Poznámka:Pokud vyberete kód uzavřený v tagu a použijete formátování zdroje na výběr, formátování se projeví po celé délce až k nadřazenému tagu.
Úprava výchozích pravidel formátování kódu
Formátování kódu CSS, JS a PHP můžete přizpůsobit přidáním pravidel formátování do souboru .jsbeautifyrc v kořenovém adresáři webu.
Při přidávání souboru .jsbeautifyrc postupujte následovně:
- Následující pokyny jsou platné pouze pro dokumenty CSS, JS a PHP.
- Tagy HTML v dokumentu PHP se formátují podle předvoleb z knihovny tagů. Kód uvnitř bloků PHP můžete naformátovat podle následující pokynů.
-
Vytvořte nový soubor v kořenovém adresáři webu s názvem souboru .jsbeautifyrc
-
Zkopírujte následující výchozí pravidla formátování pro kód CSS, JS a PHP v souboru .jsbeautifyrc a soubor uložte.
{ "js": { "eol": "\n", "preserve_newlines": true, "max_preserve_newlines": 3, "space_after_anon_function": true, "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "unescape_strings": false, "wrap_line_length": 0, "end_with_newline": true, "comma_first": false, "operator_position": "after-newline" }, "css": { "preserve_newlines": false, "selector_separator_newline" : false, "end_with_newline": false, "newline_between_rules": false, "space_around_selector_separator": true }, "php": { "eol": "\n", "preserve_newlines": true, "max_preserve_newlines": 3, "space_after_anon_function": true, "brace_style": "collapse", "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "unescape_strings": false, "wrap_line_length": 0, "end_with_newline": false, "comma_first": false, "space_in_paren":true } }
-
Výchozí pravidla upravte podle pokynů pro výchozí pravidla formátování kódu z následující tabulky a změny uložte.
-
Znovu spusťte aplikaci Dreamweaver a použijte formátování kódu pro soubory CSS, JS a PHP.
Kód se naformátuje podle nových pravidel formátování.
Pokud budete chtít přizpůsobit formátování kódu pro soubory PHP, CSS a JS na ostatních webech Dreamweaver, bude nutné vložit upravený soubor .jsbeautifyrc do kořenového adresáře každého z těchto webů.
Pravidla formátování kódu CSS, JS a PHP:
CSS | Pravidla | Výchozí hodnoty v aplikaci Dreamweaver | Popis |
preserve_newlines | false | Nastavení zachování prázdných řádků. | |
selector_separator_newline | false | Nastavení vložení nového řádku mezi selektory oddělené čárkou. Např. „.div, .P“ |
|
end_with_newline | false | Nastavení ukončení souboru prázdným řádkem. | |
newline_between_rules | false | Nastavení vložení nového řádku za každé pravidlo CSS. | |
space_around_selector_separator | true | Nastavení mezer okolo oddělovače selektorů: „>“, „+“, „~“ Například „a>b“ se po použití formátování zdroje změní na „a > b“. |
JS | Pravidla | Výchozí hodnoty v aplikaci Dreamweaver | Popis |
„eol“ | „\n“ | Znak sloužící k označení konce řádku. | |
preserve_newlines | true | Nastavení zachování prázdných řádků. | |
max_preserve_newlines | 3 | U každé hodnoty max_preserve_newlines: N bude po použití formátování zachováno „N-1“ prázdných řádků vždy, když se v souboru nachází více než „N-1“ prázdných řádků. Mějte na paměti, že „max_preserve_newlines“ lze použít pouze v případě, že je pro „preserve_newlines“ nastavena hodnota „true“. |
|
space_after_anon_function | true | Nastavení přidání mezery před závorky anonymní funkce. Například „function()“ se po použití formátování zdroje změní na „function ()“. |
|
keep_array_indentation | false | Povolení nebo zachování nového řádku uvnitř pole. | |
space_before_conditional | true | Nastavení přidání mezery před podmíněný příkaz. Například „if(true)“ se po použití formátování zdroje změní na „if (true)“. |
|
break_chained_methods | false | Povolení nebo zachování nového řádku mezi propojenými funkcemi. Například: `foobar().baz()` |
|
unescape_strings | false | Zda mají být vytisknutelné znaky v řetězci se zápisem \xNN uváděny bez „escape“ znaku. Například: Po použití formátování zdroje se „\x65\x78\x61\x6d\x70\x6c\x65“ změní na anglické slovo „example“. |
|
wrap_line_length | 0 | Řádky budou po dosažení uvedeného počtu znaků při nejbližší příležitosti zalomeny. | |
end_with_newline | true | Nastavení přidání nového řádku na konci souboru. |
|
comma_first | false | Při zalomení řádku u čárky tento příznak zaručí, že prvním znakem na řádku bude čárka. | |
operator_position | after-newline | Pokud je podmíněný výraz rozdělen na několik řádků, tento příznak umožní definovat pozici operátorů na řádcích. Příznak můžete upravit pomocí následujících hodnot:
|
Pravidla formátování kódu PHP jsou shodná s pravidly formátování JS (popsané v předcházející tabulce). Nová jsou jen dvě následující pravidla:
PHP. | Pravidla | Výchozí hodnoty v aplikaci Dreamweaver | Popis |
brace_style | collapse | Umožňuje ovládat umístění závorek: Například: function f() { // kód } nebo function f() { // Kód } Přiřadit můžete následující hodnoty:
|
|
space_in_paren | true | Nastavení přidání mezer uvnitř závorek. Například: include('header.php') se stane po použití formátování „include( 'header.php' )“ |