Dreamweaver je skvělý WYSIWYG editor, ale pokud si nejste zájem o psaní webových stránek v „co vidíte, je to, co dostanete“ prostředí, můžete použít Dreamweaver, protože je to také skvělý textový editor. Ale existuje spousta funkcí, které vklouznou na vedlejší koleji v editoru kódu Dreamweaver, protože primární důraz je kladen na „návrhovém zobrazení“ nebo WYSIWYG editor části výrobku.
Jak se dostat do zobrazení kódu Dreamweaver
Pokud jste nikdy nepoužívali Dreamweaver jako HTML editor, než budete mít nikdy ani nevšiml tří tlačítek v horní části stránky:. „Kód“, „Rozdělit“ a „design“ Aplikace Dreamweaver se ve výchozím nastavení spustí v návrhovém zobrazení nebo režimu WYSIWYG. Přechod na prohlížení a úpravu kódu HTML je snadné. Stačí kliknout na Kód tlačítko. Nebo jděte na stránku Pohled a vyberte Kód.
Pokud se právě učíte, jak psát HTML, nebo chcete zjistit, jakým způsobem ovlivní vaše změny váš dokument, můžete současně otevřít zobrazení kódu a návrh. Krása této metody je, že můžete upravovat i v obou oknech. Takže můžete napsat kód pro značku obrázku v HTML a potom pomocí zobrazení návrhu jej přesunout na jiné místo na stránce drag and drop.
Chcete-li zobrazit obě najednou, buď:
- Klikněte na tlačítko Rozdělit (mezi Kód a Design).
- V Pohled menu, zvolte Kód a návrh.
Jakmile budete chtít aplikaci Dreamweaver upravit, abyste mohli upravovat kód HTML, můžete předvolby změnit tak, že ve výchozím nastavení otevřete Dreamweaver v zobrazení kódu. Nejjednodušší je uložit zobrazení kódu jako pracovní prostor. Dreamweaver se otevře v posledním pracovním prostoru, který jste použili. Pokud tomu tak není, jednoduše přejděte do nabídky Okno a vyberte pracovní prostor, který chcete.
Možnosti zobrazení kódu
Dreamweaver je tak flexibilní, protože má tolik způsobů, jak ji přizpůsobit a jak pracovat tak, jak to chce. V okně s volbami jsou kódování, kódování, kódové tipy a možnosti přepisování kódu, které můžete upravit. Můžete také změnit některé speciální možnosti v samotném zobrazení kódu.
Jakmile jste v zobrazení kódu, existuje a Možnosti zobrazení na panelu nástrojů. Možnosti můžete také zobrazit tak, že přejdete do okna Pohled menu a výběr Možnosti zobrazení kódu. Možnosti jsou:
- Zalamování - obalí kód HTML, takže jej můžete prohlížet bez vodorovného posunu. Všimněte si, že tato volba nevkládá do vašeho kódu žádné vratné znaky, pouze kód zobrazí, takže je snadnější číst.
- Čísla řádků - zobrazí čísla řádků podél kódu. Zobrazuje symbol obtékání čáry pro čáry, které zabírají delší dobu než okno zobrazení.
- Skryté znaky - zobrazí speciální znaky namísto mezery, které by se zobrazovaly na webové stránce. Taková tečka nahrazuje mezeru, na každé záložce se nahrazuje dvojitý švadron a na každé přerušení řádku nahrazuje značka pilcrow nebo odstavce.
- Zvýrazněte neplatný kód - zdůrazňuje HTML, který je špatně žlutý. Pokud vyberete žlutou značku, inspektor vlastností vám poskytne rady, jak ji opravit.
- Syntaxe barvení - zapíná nebo vypíná barevné kódování kódu. Změníte barvy kódování barev v části pro zbarvení kódů v předvolbách.
- Automatické odsazení - zmačká váš kód automaticky po návratu vozíku, pokud je kód nad ním odsazen. Velikost odrážky můžete změnit změnou velikosti záložky v části formátování kódu předvoleb.
Úprava kódu HTML v zobrazení kódu aplikace Dreamweaver
V kódu kódu aplikace Dreamweaver je snadné upravovat kód HTML. Jednoduše začněte psát HTML. Aplikace Dreamweaver však poskytuje některé doplňky, které ji rozšiřují nad rámec základního editoru HTML. Když začnete psát značku HTML, zadejte <. Pokud se pozastavíte hned za tímto znakem, aplikace Dreamweaver zobrazí seznam značek HTML. Tyto názvy se nazývají kódové rady. Chcete-li výběr zúžit, začněte psát písmena - aplikace Dreamweaver zúží rozevírací seznam na značku, která odpovídá zadanému textu.
Pokud jste noví k HTML, můžete procházet seznamem značek HTML a vybrat různé, abyste viděli, co dělají. Aplikace Dreamweaver vás bude dále vyzývat k zadání atributů po zadání značky. Například pokud píšete <>, Dreamweaver se rozbalí na HTML tag, s dalšími značkami začínajícími I následujícími. Pokud budete pokračovat zadáním písmen m, Aplikace Dreamweaver ji zúží na štítek.
Příkazy kódu však neskončí u značek. Můžete použít tipy pro vložení:
- Atributy HTML
- Názvy tříd a ID
- Vlastnosti CSS
Pokud se pokyny pro kód neobjeví, můžete se dotknout Ctrl-mezerník (Windows) nebo Cm-mezerník (Macintosh), abyste je zobrazili. Nejčastějším důvodem, proč se kód pokyn neobjeví, je přepnutí do jiného okna před dokončením značky. Protože aplikace Dreamweaver vypíná typ písma <, pokud opustíte okno a vrátíte se, budete muset znovu spustit pokyny pro kódování.
Můžete vypnout nabídku kódů pomocí klávesy Escape.
Jakmile jste zadali svou počáteční značku HTML, budete ji muset zavřít. Dreamweaver to dělá přirozeně. Pokud zadáte Zavřít štítky která nejlépe vyhovuje vašim potřebám.
Pokud nejste úplně připraveni přepnout na úpravu stránek v HTML, ale chcete se podívat na kód, jak je napsán, měli byste zkusit inspektora kódu. Otevře se HTML kód v samostatném okně. Funguje stejně jako zobrazení kódu a ve skutečnosti je v podstatě odnímatelným oknem kódu pro aktuální dokument.Chcete-li otevřít kódový inspektor, přejděte na Okno menu a zvolte Inspektor kódu nebo stiskněte tlačítko F10 na klávesnici.
Dreamweaver bude formátovat HTML kód, který by se ale chtěl zobrazit. Například pokud použijete 3 oddělené mezery, ale nikdy neodrážet značky IMG, můžete zadat informace o formátování v možnostech přepisování kódu. Pak jdete na Příkazy menu a zvolte Použijte formátování zdroje. To je skvělý způsob, jak získat kód napsaný někým jiným do formátu, který je pro vás známý.
Funkce, kterou mnoho HTML kodérů neví nebo nepoužívá, je schopnost sbalit kód HTML. To neodstraní tagy z dokumentu, ale stačí je odstranit z pohledu, takže to neruší tomu, na čem pracujete. Sbalit kód:
- Vyberte část kódu, kterou chcete skrýt.
- V Upravit menu, zvolte Sbalit výběr od Kód Sbalit podmenu
Snadnější je vybrat kód a poté kliknout na ikony sbalení kódu, které se objevují v okapu. Můžete také kliknout pravým tlačítkem na vybraný kód a vybrat Sbalit výběr.
Chcete-li skrýt vše až na co je zvýrazněno, vyberte Sbalte vnější výběr v kterémkoli z výše uvedených způsobů.
Chcete-li rozbalený kód rozbalit, poklepejte na něj. Tím se kód otevře a vyberou. Pak můžete tento výběr přesunout nebo smazat nebo přidat kolem něj další značky.
Funkci sbalování a rozbalování můžete používat po celou dobu na stránkách, kde nechcete upravit externí šablonu. Stačí vybrat oblast obsahu, kterou chcete upravit a sbalit venku. Pak napište svůj kód HTML. Stále můžete zobrazit stránku v Design zobrazit nebo zobrazit náhled v prohlížeči. Sbalený kód není z dokumentu odstraněn, skrytý z pohledu. Můžete také použít, když pracujete na řadě položek. Až dokončíte jednu, sbalte ji. Víte, že jste hotovi, když se nezobrazí žádný kód.
