Panel s nástrojmi dokumentov v aplikácii Adobe CS5 Dreamweaver

Panel s nástrojmi Dokument v Adobe Creative Suite 5 (Adobe CS5) Dreamweaver obsahuje nástroje, ktoré vám pomôžu zobraziť váš dokument v rôznych režimoch, ako napríklad Kód a Návrh, ako aj riešiť také položky, ako je názov dokumentu a kompatibilita prehliadača.

• Zobrazenie kódu: Pomocou tohto zobrazenia zobrazte kód a iba kód. Dreamweaver vám pomôže rozlúštiť kód podľa značiek farebného kódovania, atribútov, CSS a ďalších prvkov.

• Rozdeliť zobrazenie: Výberom tejto možnosti rozdelíte okno dokumentu medzi zobrazenia Kód a Návrh. Toto zobrazenie môže byť mimoriadne užitočné, pretože súčasne vidíte dizajn aj kód.

  

  Ovládajte zobrazenie stránky z panela s nástrojmi dokumentu.

• Návrhové zobrazenie: Táto možnosť zobrazí vašu stránku v návrhovom zobrazení v okne dokumentu.

• Živý kód: Keď je povolené živé zobrazenie, môžete zobraziť zdrojový kód dokumentu tak, ako by ho videl používateľ v prehliadači, ale v tomto zobrazení nemôžete upravovať kód stránky.

• Kontrola kompatibility prehliadača: Táto ponuka zobrazuje možnosti, ktoré vám umožňujú skontrolovať integritu stránky, ako je napríklad dostupnosť alebo či sú vaše pravidlá CSS kompatibilné v rôznych prehliadačoch.

• Živé zobrazenie: Živé zobrazenie vykreslí vašu stránku, ako keby bola v prehliadači, bez okrajov, sprievodcov a iných vizuálnych pomôcok. V režime Live View nemôžete upravovať obsah v ukážke, ale môžete prejsť do zobrazenia Kód, Rozdelenie alebo Návrh a upraviť obsah stránky.

• Inspect: Nové tlačidlo Inspect funguje so živým zobrazením a odhalí pravidlá CSS, ktoré formátujú prvky na vašej stránke. Keď vyberiete prvok na stránke s povolenou kontrolou, panel CSS Styles odhalí vlastnosti, ktoré formátujú daný prvok, a umožní vám zakázať alebo upraviť konkrétne vlastnosti a zobraziť výsledky.

• Ukážka/ladenie v prehliadači: Kliknutím na toto tlačidlo zobrazíte ukážku alebo ladenie dokumentu v jednom z nainštalovaných webových prehliadačov, Adobe's BrowserLab alebo Device Central.

• Vizuálne pomôcky: Kliknutím na toto tlačidlo vyberiete rôzne vizuálne pomôcky (ako sú okraje a vodiace čiary), ktoré vám pomôžu zobraziť rôzne prvky a zjednodušiť návrh stránok.

• Obnoviť zobrazenie návrhu: Kliknutím na toto tlačidlo obnovíte zobrazenie návrhu dokumentu po vykonaní zmien v zobrazení kódu. Zmeny, ktoré vykonáte v zobrazení kódu, sa nezobrazia automaticky v zobrazení návrhu, kým nevykonáte určité akcie, ako je uloženie súboru alebo kliknutie na toto tlačidlo.

• Názov dokumentu: Do tohto poľa zadajte názov dokumentu.

• Správa súborov: Kliknutím na toto tlačidlo zobrazíte vyskakovacie menu Správa súborov. Ak je pre vašu lokalitu povolená, použite túto ponuku na prihlásenie alebo odhlásenie dokumentu.

• Predchádzajúca stránka/Nasledujúca stránka/Obnoviť/Panel s adresou: V režime Live View tieto nástroje fungujú rovnako ako vo webovom prehliadači a umožňujú vám prechádzať medzi stránkami, obnoviť stránku a zobraziť adresu aktuálnej stránky. Panel s adresou funguje aj vtedy, keď nie je povolené živé zobrazenie, pričom odhaľuje cestu k dokumentu, na ktorom práve pracujete.

• Súvisiace dokumenty: Dokumenty používané a pripojené k vašej stránke, ako napríklad externé súbory CSS a JavaScript, sú uvedené pod (Mac) alebo nad (Windows) tlačidlami výberu zobrazenia (Kód/Rozdeliť/Návrh). Kliknutím na ľubovoľný uvedený dokument môžete upraviť priložený súbor v rozdelenom zobrazení bez toho, aby ste museli prepínať medzi dokumentmi.

  • XML, JavaScript, CSS a ďalšie typy súborov založené na kóde je možné prezerať a upravovať iba v zobrazení kódu; Tlačidlá Návrh a Rozdeliť sa zobrazia nevýrazne.

  • Obnovenie tiež aktualizuje funkcie kódu, ktoré sú závislé od modelu DOM (Document Object Model), ako je napríklad možnosť výberu otváracích alebo zatváracích značiek bloku kódu.

• Možnosti živého zobrazenia: Kliknutím a výberom možností z tejto ponuky môžete ovládať, ako sa váš dokument zobrazí a bude fungovať, keď je zapnuté živé zobrazenie.