Panel nástrojů dokumentu v Adobe CS5 Dreamweaver

Panel nástrojů Dokument v Adobe Creative Suite 5 (Adobe CS5) Dreamweaver obsahuje nástroje, které vám pomohou zobrazit dokument v různých režimech, jako je Kód a Návrh, a také řešit položky, jako je název dokumentu a kompatibilita prohlížeče.

• Zobrazení kódu: Pomocí tohoto zobrazení zobrazte kód a pouze kód. Dreamweaver vám pomůže dešifrovat kód pomocí značek barevného kódování, atributů, CSS a dalších prvků.

• Rozdělit zobrazení: Výběrem této možnosti rozdělíte okno dokumentu mezi zobrazení Kód a Návrh. Toto zobrazení může být velmi užitečné, protože vidíte návrh i kód současně.

  

  Ovládání zobrazení stránky z panelu nástrojů Dokument.

• Návrhové zobrazení: Tato možnost zobrazí vaši stránku v zobrazení Návrh v okně Dokument.

• Živý kód: Když je povoleno Živé zobrazení, můžete zobrazit zdrojový kód dokumentu tak, jak by jej viděl uživatel v prohlížeči, ale v tomto zobrazení nemůžete upravovat kód stránky.

• Zkontrolovat kompatibilitu prohlížeče: Tato nabídka zobrazuje možnosti, které vám umožní zkontrolovat integritu stránky, jako je přístupnost nebo zda jsou vaše pravidla CSS kompatibilní v různých prohlížečích.

• Živé zobrazení: Živé zobrazení vykreslí vaši stránku, jako by byla v prohlížeči, bez okrajů, vodítek a dalších vizuálních pomůcek. V živém zobrazení nemůžete upravovat obsah v náhledu, ale můžete přejít do zobrazení Kód, Rozdělení nebo Návrh a upravit obsah stránky.

• Zkontrolovat: Nové tlačítko Zkontrolovat spolupracuje s živým zobrazením a odhaluje pravidla CSS, která formátují prvky na vaší stránce. Když vyberete prvek na stránce s povolenou kontrolou, panel Styly CSS odhalí vlastnosti, které formátují daný prvek, a umožní vám zakázat nebo upravit konkrétní vlastnosti a zobrazit výsledky.

• Náhled/ladění v prohlížeči: Klepnutím na toto tlačítko zobrazíte náhled nebo ladění dokumentu v jednom z nainstalovaných webových prohlížečů, Adobe's BrowserLab nebo Device Central.

• Vizuální pomůcky: Klepnutím na toto tlačítko vyberete různé vizuální pomůcky (jako jsou okraje a vodítka), které vám pomohou vidět různé prvky a usnadnit navrhování stránek.

• Obnovit zobrazení návrhu: Klepnutím na toto tlačítko obnovíte zobrazení návrhu dokumentu po provedení změn v zobrazení kódu. Změny provedené v zobrazení Kód se v zobrazení Návrh nezobrazí automaticky, dokud neprovedete určité akce, jako je uložení souboru nebo kliknutí na toto tlačítko.

• Název dokumentu: Do tohoto pole zadejte název dokumentu.

• Správa souborů: Klepnutím na toto tlačítko zobrazíte vyskakovací nabídku Správa souborů. Pokud je pro váš web povoleno, použijte tuto nabídku k přihlášení nebo odhlášení dokumentu.

• Předchozí stránka/Další stránka/Obnovit/Adresa: V živém zobrazení fungují tyto nástroje stejně jako ve webovém prohlížeči a umožňují vám procházet mezi stránkami, aktualizovat stránku a zobrazit adresu aktuální stránky. Adresní řádek funguje i v případě, že není povoleno živé zobrazení a odhaluje cestu k dokumentu, na kterém právě pracujete.

• Související dokumenty: Dokumenty používané a připojené k vaší stránce, jako jsou externí soubory CSS a JavaScript, jsou uvedeny pod (Mac) nebo nad (Windows) tlačítky pro výběr zobrazení (Kód/Rozdělit/Návrh). Kliknutím na kterýkoli uvedený dokument můžete upravit připojený soubor v rozděleném zobrazení, aniž byste museli přepínat dokumenty.

  • XML, JavaScript, CSS a další typy souborů založené na kódu lze prohlížet a upravovat pouze v zobrazení kódu; tlačítka Návrh a Rozdělit se zobrazí šedě.

  • Aktualizace také aktualizuje funkce kódu, které jsou závislé na modelu DOM (Document Object Model), jako je například možnost vybrat otevírací nebo uzavírací tagy bloku kódu.

• Možnosti živého zobrazení: Kliknutím a výběrem možností z této nabídky můžete ovládat, jak se váš dokument zobrazí a funguje, když je povoleno živé zobrazení.