Náhled stránek

Náhled v reálném čase umožňuje zobrazit náhled stránek v prohlížeči a sledovat v reálném čase v prohlížeči změny při psaní kódu.

Živé zobrazení vám poskytne představu o tom, jak budou stránky vypadat na webu, a umožňuje upravovat položky v zobrazení kódu.

Zobrazení návrhu vám také poskytne představu o tom, jak bude vaše stránka vypadat na webu, ale nevykreslí stránku přesně jako prohlížeče.

Funkce Otevřít v prohlížeči umožňuje vidět to, jak budou stránky vypadat v prohlížečích. Tento postup je nejvhodnější při práci se stránkami, které používají dynamická data z databází, protože práce neprobíhá v reálném čase.

Přečtěte si další informace o různých typech možností náhledu v aplikaci Dreamweaver.

Podle potřeby můžete sledovat náhled webových stránek v reálném čase během psaní kódu a vytváření návrhu v aplikaci Dreamweaver. Tato funkce umožňuje současně psát kód a sledovat náhled webových stránek na více prohlížečích. 

Nastavení předvoleb náhledu v prohlížeči

Lze přepínat mezi náhledem v reálném čase a náhledem v prohlížeči. Nastavte předvolby prohlížeče pro náhled stránky a definujte výchozí primární a sekundární prohlížeč.

Tyto předvolby prohlížeče se použijí bez ohledu na to, zda zobrazujete náhled živého webu s náhledem v reálném čase, nebo otevíráte stránku v prohlížeči.

Použít výchozí statický náhled v prohlížeči Umožňuje uživatelům zvolit režim náhledu souborů v prohlížeči. Po zaškrtnutí políčka mohou uživatelé zobrazovat náhled souborů pomocí funkce „Otevřít v prohlížeči“, dostupné pomocí nabídek a klávesových zkratek. Pokud není volba zaškrtnuta, bude se k náhledu souborů v prohlížečích používat náhled v reálném čase. Ve výchozím nastavení je toto pole nezaškrtnuté a pro náhled souborů v prohlížeči se bude používat náhled v reálném čase.

Zobrazení náhledu stránek v Živém zobrazení

Živé zobrazení se od tradičního zobrazení návrhu v aplikaci Dreamweaver liší v tom, že poskytuje společně s možností úpravy také realističtější vykreslování, aby stránka vypadala jako v prohlížeči. 

Do zobrazení Živé zobrazení můžete kdykoli přepnout ze zobrazení Návrh. Přepnutí do zobrazení Živé zobrazení se ale nevztahuje na přepínání mezi dalšími tradičními zobrazeními v aplikaci Dreamweaver (Kód/Rozdělené zobrazení/Návrh). Přepnete-li do zobrazení Živé zobrazení ze zobrazení Náhled, jedná se o jednoduché přepnutí zobrazení Návrh mezi upravitelným a „živým“ pohledem.

Zatímco zobrazení Návrh při vstupu do zobrazení Živé zobrazení zůstane zmrazené, zobrazení Kód bude i nadále upravitelné, takže budete moci kód změnit a poté obnovit Živé zobrazení, abyste si mohli prohlédnout provedené změny. V zobrazení Živé zobrazení máte také další volby zobrazení živého kódu. Zobrazení Živý kód je podobné zobrazení Živé zobrazení, ale zobrazuje verzi kódu, který je zpracováván prohlížečem při vykreslování stránky. Stejně jako Živé zobrazení, zobrazení Živý kód není upravitelné.

Další výhodou Živého zobrazení je možnost zmrazení kódu jazyka JavaScript. Můžete například přepnout do živého zobrazení a umístit ukazatel na řádky tabulky jQuery, které mění barvu na základě interakce s uživatelem. Zmrazíte-li kód jazyka JavaScript, Živé zobrazení zmrazí stránku v aktuálním stavu. Styly CSS a kód jazyka JavaScript můžete upravit a poté stránku obnovit a prohlédnout si provedené změny. Zmrazení kódu jazyka JavaScript v Živém zobrazení je užitečné, chcete-li zobrazit a změnit vlastnosti různých stavů rozbalovacích nabídek nebo jiných interaktivních prvků, které nemůžete zobrazit v tradičním zobrazení Návrh.

Postup zobrazení náhledu stránek v Živém zobrazení:

Náhled živého kódu

Kód zobrazený v zobrazení Živý kód je podobný kódu, který se zobrazí při otevření zdroje stránky v prohlížeči. Zatímco tyto zdroje stránek jsou statické a poskytují pouze zdroj stránky z prohlížeče, Živý kód je dynamický a aktualizuje se současně s interakcí se stránkou v Živém zobrazení.

Chcete-li změnit předvolby pro živý kód, zvolte možnosti Úpravy > Předvolby (Windows) nebo Dreamweaver > Předvolby (Macintosh) a vyberte kategorii Barevné zvýraznění kódu.

Zmrazit JavaScript

Proveďte jeden z následujících úkonů:

• Stiskněte klávesu F6.

• Vyberte volbu Zmrazit JavaScript z rozbalovací nabídky tlačítka Živé zobrazení.

Informační panel v horní části dokumentu oznámí, že kód jazyka JavaScript je zmrazený. Chcete-li informační panel zavřít, klepněte na odkaz Zavřít.

Možnosti Živého zobrazení

Vedle možnosti Zafixovat JavaScript je v rozbalovací nabídce tlačítka Živé zobrazení nebo v položce nabídky Zobrazení > Možnosti Živého zobrazení dostupných několik dalších možností.

Zmrazit JavaScript Zmrazí prvky ovlivněné kódem jazyka JavaScript v aktuálním stavu.

Zakázat JavaScript Zakáže kód jazyka JavaScript a znovu vykreslí stránku, jak by vypadala v prohlížeči, který nemá povolený jazyk JavaScript.

Zakázat zásuvné moduly Zakáže zásuvné moduly a znovu vykreslí stránku, jak by vypadala v prohlížeči, který nemá povolené zásuvné moduly.

Zvýraznit změny v Živém kódu Aktivace nebo deaktivace zvýraznění změn při zobrazení živého kódu.

Upravit stránku živého zobrazení v nové záložce Umožňuje otevřít nové záložky pro dokumenty na webu, které procházíte pomocí panelu nástrojů Navigace v prohlížeči nebo funkce Sledovat odkazy. Chcete-li vytvořit novou kartu pro dokument, nejprve přejděte na dokument a potom vyberte možnost Upravit stránku živého zobrazení v nové kartě.

Sledovat odkazy Nastaví další odkaz v Živém zobrazení jako aktivní. Toto můžete provést také stisknutím klávesy Ctrl a klepnutím v okně Živé zobrazení.

Sledovat odkazy nepřetržitě Nastaví odkazy v Živém zobrazení jako trvale aktivní. Aktivní zůstanou, dokud je znovu nezakážete a stránku nezavřete.

Automatická synchronizace vzdálených souborů Kliknutím na ikonu Obnovit na panelu nástrojů Navigace v prohlížeči automaticky synchronizuje místní a vzdálený soubor. Aplikace Dreamweaver před aktualizací uloží soubor na server, aby byly oba soubory synchronizovány.

Používání testovacího serveru pro zdroj dokumentu Slouží především pro dynamické stránky (například stránky ColdFusion) a ve výchozím nastavení je pro ně vybrán. Je-li tato volba vybrána, aplikace Dreamweaver použije verzi souboru na testovacím serveru stránek jako zdroj pro Živé zobrazení.

Používání lokálních souborů pro odkazy dokumentu Výchozí nastavení pro nedynamické stránky. Je-li tato volba vybrána pro dynamické stránky používající Testovací server, aplikace Dreamweaver použije místní verze souborů, které souvisí s dokumentem (například soubory CSS nebo JavaScript), kromě souborů na Testovacím serveru. Poté můžete provádět místní změny v souvisejících souborech, abyste viděli, jak vypadají, než je nahrajete na Testovací server. Je-li výběr této volby zrušen, aplikace Dreamweaver použije verze souvisejících souborů nacházejících se na Testovacím serveru.

Nastavení požadavků HTTP Otevře dialogové okno s dalšími nastaveními, kde můžete zadávat hodnoty pro zobrazování živých dat. Více informací získáte kliknutím na tlačítko Nápověda v dialogovém okně.

Otevřít v prohlížeči

Zobrazit si otevřenou stránku v prohlížeči můžete kdykoliv. Nemusíte ji předtím odesílat na webový server. Když zobrazujete náhled stránky, všechny funkce spojené s prohlížečem by měly fungovat, včetně chování jazyka JavaScript, odkazů relativních k dokumentu a absolutních odkazů, ovládacích prvků ActiveX® a zásuvných modulů prohlížeče za předpokladu, že jste nainstalovali potřebné zásuvné moduly a ovládací prvky ActiveX do svých prohlížečů.

Před otevřením dokumentu v prohlížeči tento dokument uložte, jinak prohlížeč nezobrazí poslední provedené změny.