Naučte se nastavit předvolby pro psaní kódu, motivy kódu a předvolby přepisování kódu v aplikaci Dreamweaver.
Můžete nastavit předvolby kódování, jako je formátování a barvení kódu a další možnosti, podle svých specifických potřeb.
- Chcete-li nastavit další předvolby, použijte Editor knihovny tagů (viz část Správa knihoven tagů).
- Aplikace Dreamweaver podporuje formátování pro následující typy souborů: CSS, JS a PHP. Informace o přizpůsobení formátování kódu PHP, CSS a JS najdete v Formátování kódu
Nastavení vzhledu kódu
V nabídce Zobrazení > Možnosti zobrazení kódu můžete nastavit zalamování slov, zobrazit čísla řádků kódu, nastavit barevné zvýraznění syntaxe pro prvky kódu, nastavit odsazení a zobrazit skryté znaky.
Vyberte Zobrazení > Možnosti zobrazení kódu.
Zalamování řádků
Zalamuje kód tak, abyste jej mohli zobrazit bez horizontálního posouvání. Tato možnost nevkládá konce řádků; pouze usnadňuje zobrazení kódu.
Čísla řádků
Zobrazí po straně kódu čísla řádků.
Skryté znaky
Zobrazí speciální znaky v místech znaků mezer. Například tečka nahrazuje každou mezeru, dvojitá stříška nahrazuje každý tabulátor a značka paragrafu nahrazuje každé zalomení řádku.
Měkká zalomení řádku, které aplikace Dreamweaver používá pro zalamování řádků, se nezobrazují pomocí značky paragrafu.
Barevné zvýraznění syntaxe
Zapíná nebo vypíná barevné zvýrazňování kódu. Informace o barevných schématech zvýrazňování, viz část Nastavení barev kódu.
Automatické odsazení
Automaticky odsadí kód, když při psaní kódu stisknete klávesu Enter. Nový řádek kódu se odsadí na stejnou úroveň jako předchozí. Informace o změnách mezer odsazení viz volba Velikost tabulátoru v části Změna formátování kódu.
Změna formátování kódu
Můžete změnit vzhled kódu tím, že nastavíte předvolby formátování jako jsou odsazení, délka řádku, velikost písmen tagů a názvů atributů.
Všechny volby Formátu kódu, s výjimkou volby Změnit velikost písmen, jsou automaticky aplikovány pouze na nové dokumenty nebo nově přidané objekty.
Chcete-li přeformátovat existující dokumenty HTML, otevřete dokument a vyberte Úpravy > Kód > Použít formátování zdroje.
Odsazení
Určuje, zda má být kód generovaný aplikací Dreamweaver odsazen (podle pravidel odsazení určených v těchto předvolbách), či nikoli.
Většina možností odsazení v tomto dialogovém okně se vztahuje pouze na kód generovaný aplikací Dreamweaver, nikoli na kód, který píšete vy. Aby každý nový řádek kódu, který zadáváte, byl odsazen na stejnou úroveň jako ten předchozí, vyberte volbu Zobrazení > Volby zobrazení kódu > Automatické odsazení. Další informace viz část Nastavení vzhledu kódu.
Pomocí
(Textové pole a rozbalovací nabídka) Určuje, kolik mezer nebo tabulátorů má Dreamweaver použít k odsazení kódu, který generuje. Pokud například zadáte do pole hodnotu 3 a v rozbalovací nabídce vyberete Tabulátory, pak bude kód generovaný aplikací Dreamweaver odsazen pomocí tří tabulátorů pro každou úroveň odsazení.
Velikost tabulátoru
Určuje, kolik znaků bude široký každý znak tabulátoru v Zobrazení kódu. Například pokud je velikost tabulátoru nastavena na 4, tak se každý tabulátor objeví v zobrazení kódu jako prázdné místo o šířce čtyř znaků. Pokud je navíc Odsadit pomocí nastaveno na 3 tabulátory, pak je kód generovaný aplikací Dreamweaver odsazen pomocí tří tabulátorů pro každou úroveň odsazení, což se v zobrazení kódu jeví jako prázdné místo o šířce dvanácti znaků.
Dreamweaver odsazuje buď pomocí mezer, nebo tabulátorů; při vkládání kódu nepřevádí posloupnost mezer na tabulátor.
Emmet
Tuto možnost vyberte, pokud plánujete použití zkratek Emmet při psaní kódu. Tato možnost zajistí, že při stisknutí klávesy Tab převede aplikace Dreamweaver zkratky Emmet na úplný kód HTML nebo CSS. Další informace o používání nástroje Emmet najdete v Použití sady nástrojů Emmet s aplikací Dreamweaver.
Typ zalomení řádků
Určuje typ vzdáleného serveru (Windows, Macintosh nebo UNIX), který hostí vzdálený web. Díky výběru správného typu znaků zalomení řádků zajistíte, že kód HTML se bude správně zobrazovat v případě prohlížení na vzdáleném serveru. Toto nastavení je vhodné užít také v případě, kdy pracujete s externím textovým editorem, který rozeznává pouze určité druhy zalomení řádků. Například použijte CR LF (Windows), pokud je externím editorem Poznámkový blok, nebo použijte CR (Macintosh), pokud je externím editorem SimpleText.
Na servery, ke kterým se připojujete pomocí FTP, se tato volba vztahuje pouze na binární režim přenosu; režim přenosu ASCII v aplikaci Dreamweaver tuto volbu ignoruje. Pokud stahujete soubory v režimu ASCII, Dreamweaver nastaví konce řádků podle operačního systému vašeho počítače; pokud nahráváte soubory v režimu ASCII, všechny konce řádků jsou nastaveny na CR LF.
Tag TD: Nevkládat zalomení do tagu TD
Řeší problém s vykreslováním, který se objevuje v některých starších prohlížečích, když se bílý znak nebo konce řádků nacházejí bezprostředně za značkou <td> nebo bezprostředně před značkou </td>. Když vyberete tuto možnost, Dreamweaver nezapíše konce řádků za značku <td> ani před značku </td>, i když formátování v knihovně značek naznačuje, že by tam konec řádku měl být.
Pokročilé formátování
Umožňuje nastavit možnosti formátování pro jednotlivé značky a atributy v editoru knihovny značek.
Znak prázdného místa
(Pouze japonská verze) Umožňuje vybrat buď nebo mezeru Zenkaku pro kód HTML. Bílý znak vybraný v této možnosti bude použit pro prázdné značky při vytváření tabulky a když je povolena možnost "Povolit více po sobě jdoucích mezer" na stránkách s japonským kódováním.
Minimální velikost pro skládání kódu
Výchozí velikost skládání kódu jsou dva řádky. To znamená, že lze v tomto standardním nastavení sbalit všechny fragmenty obsahující alespoň dva řádky kódu. Fragmenty kódu, které obsahují méně než dva řádky, můžete sbalit pouze výběrem kódu. Další informace o sbalování kódu najdete v Sbalit a rozbalit kód.
Nastavení předvoleb přepisování kódu
Pomocí předvoleb přepisování kódu můžete určit, jak a zda Dreamweaver upravuje váš kód při otevírání dokumentů, při kopírování a vkládání prvků formuláře a při zadávání hodnot atributů a URL pomocí nástrojů, jako je inspektor vlastností. Tyto předvolby nemají žádný vliv, když upravujete HTML nebo skripty v zobrazení kódu.
Pokud zakážete možnosti přepisování, položky s neplatným označením se zobrazí v okně dokumentu pro HTML, které by bylo přepsáno.
Opravit neplatně vnořené a neuzavřené tagy
Přepisuje překrývající se značky. Například <b><i>text</b></i> je přepsán jako <b><i>text</i></b>. Tato možnost také vkládá uzavírací uvozovky a uzavírací závorky, pokud chybí.
Při vkládání přejmenovat položky formuláře
Zajistí, že nebudete mít duplikované názvy pro objekty formuláře. Tato volba je standardně zapnutá.
Na rozdíl od ostatních voleb v dialogovém okně těchto předvoleb se tato volba nevztahuje na situace otevírání dokumentu, ale pouze na kopírování a vkládání elementu formuláře.
Odstranit nadbytečné zavírací tagy
Odstraní uzavírací značky, které nemají odpovídající otevírací značku.
Upozornit při opravě nebo odstranění tagů
Zobrazí přehled technicky neplatného HTML, které se aplikace Dreamweaver pokusila opravit. Souhrn uvádí umístění problému (pomocí čísel řádků a sloupců) abyste mohli najít opravu a zajistit, že se vykresluje podle očekávání.
Nikdy nepřepisovat kód: v souborech s příponami
Umožňuje zabránit aplikaci Dreamweaver v přepisování kódu v souborech s určenými příponami názvů souborů. Tato možnost je zvláště užitečná pro soubory, které obsahují značky třetích stran.
Zakódovat znaky <, >, & a " v hodnotách atributů s použitím znaku &
Zajistí, že hodnoty atributů, které zadáváte nebo upravujete s použitím nástrojů aplikace Dreamweaver, jako je inspektor vlastností, budou obsahovat pouze platné znaky. Tato volba je standardně zapnutá.
Tato volba a následující volby se nevztahují na adresy URL, které zadáváte v zobrazení kódu. Také nezpůsobí změnu kódu, který již v souboru existuje.
Nekódovat speciální znaky
Zabraňuje aplikaci Dreamweaver měnit adresy URL tak, aby obsahovaly pouze povolené znaky. Tato volba je standardně zapnutá.
Zakódovat speciální znaky v adrese URL s použitím znaků &#
Zajišťuje, že když zadáváte nebo upravujete adresy URL pomocí nástrojů aplikace Dreamweaver, jako je inspektor Vlastnosti, tyto adresy URL obsahují pouze povolené znaky.
Zakódovat speciální znaky v adrese URL s použitím znaku %
Funguje stejným způsobem jako předchozí možnost, ale používá jinou metodu kódování speciálních znaků. Tato metoda kódování (používající znak procenta) může být kompatibilnější se staršími prohlížeči, ale nefunguje tak dobře se znaky z některých jazyků.
Nastavení předvoleb pro našeptávání kódu
Pomocí předvoleb nápovědy kódu nakonfigurujte, jak chcete, aby nápověda kódu fungovala.
Vyberte možnost Úpravy > Předvolby (Windows) nebo Dreamweaver > Předvolby (Macintosh).
Vyberte Nápověda kódu z kategorie vlevo.
Nastavte libovolné z následujících voleb:
Zavřít tagy
Určete, jak chcete, aby aplikace Dreamweaver uzavírala značky.
- Po napsání "</" -
- Po napsání ">" otevírací značky - Vyberte tuto možnost, pokud chcete, aby aplikace Dreamweaver automaticky přidala uzavírací značku po uzavření otevírací značky.
- Nikdy - Nastavte tuto možnost, pokud nechcete, aby aplikace Dreamweaver automaticky přidávala uzavírací značky.
Povolit rady při psaní kódu
Výběrem této možnosti můžete povolit nebo zakázat Našeptávání kódu a dokončování kódu v aplikaci Dreamweaver. Další informace o funkcích nápovědy kódu a dokončování kódu v aplikaci Dreamweaver naleznete v Nápověda kódu a dokončování kódu.
Zapnout popisky
Výběrem této možnosti můžete povolit zobrazení popisu rad při psaní kódu. Tyto popisy poskytují dodatečné informace o kódu, který píšete.
Automaticky vkládat závorky Když je možnost zaškrtnutá, pravá závorka se automaticky vloží vždy, když uživatel napíše levou závorku. Pokud není možnost zaškrtnutá, pravá závorka se nevloží, když uživatel napíše levou závorku. Platí pro všechny typy závorek a všechny typy souborů (html, php, css, js).
Automaticky vkládat uvozovky Když je možnost zaškrtnutá, horní uvozovky se automaticky vloží vždy, když uživatel napíše dolní uvozovky. Pokud není možnost zaškrtnutá, horní uvozovky se nevloží, když uživatel napíše dolní uvozovky. Platí pro jednoduché i dvojité uvozovky a všechny typy souborů (html, php, css, js).
Nastavení předvoleb pro automatické dokončování kódů
Automatické uzavírání závorek a uvozovek můžete povolit nebo zakázat provedením následujících kroků:
Otevřete soubor brackets.json z následujícího umístění:
- Win: %appdata%\Adobe\Dreamweaver CC 2018\en_US\Configuration\Brackets\
- Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Brackets/
Pro zakázání automatického uzavírání závorek a závorek nastavte autoCloseBraces na False.
Pro zakázání automatického vkládání odpovídajících uvozovek nastavte autoCloseQuotes na hodnotu False.
Pokud chcete povolit automatické uzavírání závorek a odpovídajících uvozovek, nastavte výše uvedené hodnoty na true.
Uložte soubor .json a spusťte dreamweaver.
Nastavení předvoleb PHP
Podle potřeby můžete nastavit vývojové prostředí pro psaní kódu PHP tak, jak je chcete používat. Toto můžete provést na základě konkrétního webu pro jednotlivé weby, na kterých pracujete, nebo obecně pro všechny soubory PHP uložené mimo weby dreamweaver.
Dreamweaver nastaví nápovědy kódu a kontroly syntaxe pro vybranou verzi jazyka PHP.
Chcete-li nastavit předvolby verze kódu PHP pro soubory, které nejsou specifické pro web, postupujte takto:
Vyberte Úpravy > Předvolby (Windows) nebo Dreamweaver > Předvolby (Macintosh).
V seznamu kategorií vlevo vyberte PHP.
Z rozbalovacího seznamu Verze PHP vyberte verzi PHP a klikněte na tlačítko Použít.
Chcete-li nastavit verzi PHP pro konkrétní web, postupujte takto:
V dialogovém okně Nastavení webu v části Rozšířené nastavení vyberte možnost PHP.
Z rozbalovacího seznamu Verze PHP vyberte verzi PHP a klikněte na tlačítko Uložit.
Nastavení barevných motivů a motivů kódu
Po spuštění aplikace Dreamweaver můžete podle potřeby upravit barevný motiv. Tyto předvolby můžete také kdykoli změnit.
Ze seznamu kategorií na levé straně vyberte možnost Rozhraní.
Ze seznamu Barevné motivy vyberte požadovaný motiv.
Po nastavení motivu rozhraní nastavte motiv kódu.
Vybírat můžete mezi světlým a tmavým motivem kódu.
Kliknutím na tlačítko Použít změny uložíte.
Barevné zvýraznění kódu můžete dále přizpůsobit dle vašich požadavků. Další informace najdete v tématu Přizpůsobení barevného zvýraznění kódu.
Používání externího editoru
Můžete určit externí editor pro úpravu souborů s konkrétními příponami. Například můžete spustit textový editor, jako je BBEdit, Notepad nebo TextEdit z aplikace dreamweaver pro úpravu souborů javascript (JS).
Pro různé přípony souborů můžete přiřadit různé externí editory.
Nastavení externího editoru pro typ souboru
Otevřít v zobrazení kódu
Určuje přípony souborů, které se v aplikaci dreamweaver automaticky otevřou v zobrazení Kód.
Znovu načíst změněné soubory
Určuje chování, když dreamweaver zjistí, že byly provedeny externí změny v dokumentu, který je otevřený v aplikaci dreamweaver.
Uložit při spuštění
Určuje, zda má dreamweaver před spuštěním editoru vždy uložit aktuální dokument, nikdy dokument neukládat nebo se zeptat, zda se má dokument uložit při každém spuštění externího editoru.
Fireworks
Aplikaci Fireworks můžete propojit s aplikací dreamweaver zadáním cesty k aplikaci zde.
Tvorba nádherných webů v aplikaci Dreamweaver
Vytvářejte, kódujte a spravujte dynamické weby pomocí výkonného všestranného nástroje.