K zobrazení kódu HTML asociovaného s vybraným textem nebo objektem postupujte následovně:
Naposledy aktualizováno
20. 12. 2021
Vyberte a prohlédněte si elementy v aplikaci Dreamweaver, zobrazujte nebo skryjte ikony značky pro neviditelné elementy a nastavujte předvolby neviditelných elementů.
Chcete-li vybrat element v zobrazení Návrh v okně dokumentu, klepněte na něj. Pokud není element viditelný, je nutné ho před jeho výběrem zviditelnit.
Kód HTML občas nemá v prohlížeči viditelnou reprezentaci. Například tagy comment se v prohlížečích nezobrazují. Při vytváření stránky je ale někdy třeba tyto neviditelné elementy vybrat, upravit, přesunout a odstranit.
Aplikace Dreamweaver umožňuje určit, zda se budou v zobrazení návrhu v okně dokumentu zobrazovat ikony označující umístění neviditelných elementů. V předvolbách neviditelných elementů můžete pomocí voleb určit, které značky elementů se budou zobrazovat. Je například možné nastavit, že budou viditelné pojmenované kotvy, ale zalomení řádků ne.
Neviditelné elementy (například komentáře a pojmenované kotvy) můžete vytvořit a upravit z dialogového okna Neviditelné elementy v nabídce Předvolby.
Výběr elementů
Chcete-li v okně dokumentu vybrat viditelný element, klepněte na něj nebo přes něj táhněte výběrové okno.
Chcete-li vybrat neviditelný element, vyberte v zobrazení návrhu možnost Zobrazit > Možnosti zobrazení návrhu > Vizuální pomůcky > Neviditelné elementy (pokud tato položka nabídky není ještě vybrána) a klikněte na značku elementu v okně dokumentu.
Některé objekty se zobrazují na stránce na jiném místě, než je vložen jejich kód. Například v zobrazení Návrh se absolutně polohovaný element (AP element) může nacházet kdekoliv na stránce, ale v zobrazení kódu je kód definující tento element v pevně daném umístění. Když se neviditelné elementy zobrazují, Dreamweaver zobrazí značky v okně dokumentu, a ukáže tak polohu kódu těchto elementů. Výběrem značky vyberete celý element; například výběrem značky AP elementu vyberete celý AP element.
Chcete-li vybrat celý tag (včetně jeho případného obsahu), klepněte na něj v selektoru tagů v levé dolní části okna dokumentu. (Selektor tagů se zobrazuje v zobrazení Návrh i v zobrazení Kód.) Selektor tagů vždy zobrazuje tagy, ve kterých se nachází aktuální výběr nebo textový kurzor. Tag zcela vlevo je zcela vnější tag, který obsahuje aktuální výběr nebo textový kurzor. Další tag je obsažen v tomto vnějším tagu a tak dále; tag zcela vpravo je zcela vnitřní tag, který obsahuje aktuální výběr nebo textový kurzor.
Zobrazení kódu HTML
Na panelu nástrojů Dokument klikněte na tlačítko Kód.
Vyberte možnost Zobrazení > Kód.
Vyberte možnost Zobrazit > Rozdělit > možnost Kód – živý nebo Kód – návrh nebo Kód – kód.
Vyberte volbu Okna > Inspektor kódu.
Když něco vyberete v editoru kódu (v zobrazení kódu nebo v inspektoru kódu), obvykle se tato položka vybere také v okně dokumentu. Před zobrazením výběru možná bude nutné obě zobrazení synchronizovat.
Zobrazit nebo skrýt ikony značek pro neviditelné elementy
Vyberte možnost Zobrazit > Možnosti zobrazení návrhu > Vizuální pomůcky > Neviditelné elementy.
Poznámka
Zobrazení neviditelných elementů může mírně změnit rozložení stránky a posunout další elementy o několik pixelů, takže pro přesné rozložení neviditelné elementy skryjte.
Nastavení předvoleb neviditelných elementů
Použijte předvolby Neviditelné elementy k určení, které typy elementů budou viditelné, když vyberete Zobrazit > Vizuální pomůcky > Neviditelné elementy.
Vyberte Upravit > Předvolby (Windows)
nebo Dreamweaver > Předvolby (Macintosh)
a klikněte na Neviditelné elementy.
Vyberte, které elementy mají být viditelné, a klikněte na
OK.
Značka zaškrtnutí vedle názvu elementu v dialogovém okně znamená, že element je viditelný, když je vybrána možnost Zobrazit > Vizuální pomůcky > Neviditelné elementy.
Pojmenované kotvy
Zobrazuje ikonu, která označuje umístění každé pojmenované kotvy (a name = "") v dokumentu.
Skripty
Zobrazuje ikonu, která označuje umístění kódu JavaScript nebo VBScript v těle dokumentu.Vyberte ikonu pro úpravu skriptu v Inspektoru vlastností nebo pro propojení s externím souborem skriptu.
Komentáře
Zobrazuje ikonu, která označuje umístění komentářů HTML.Vyberte ikonu pro zobrazení komentáře v Inspektoru vlastností.
Rozdělení řádků
Zobrazuje ikonu, která označuje umístění každého zalomení řádku (BR). Tato volba není ve výchozím nastavení vybraná.
Obrazové mapy na straně klienta
Zobrazuje ikonu označující umístění každé mapy obrázku na straně klienta v dokumentu.
Vložené styly
Zobrazuje ikonu zobrazující umístění stylů CSS vložených do sekce body dokumentu.Pokud jsou styly CSS umístěny v sekci head dokumentu, nezobrazují se v okně Dokument.
Skrytá pole formuláře
Zobrazuje ikonu, která označuje umístění polí formuláře, které mají atribut type nastavený na "hidden".
Oddělovač formuláře
Zobrazuje ohraničení kolem formuláře, abyste viděli, kam vložit elementy formuláře. Ohraničení zobrazuje rozsah značky form, takže všechny elementy formuláře uvnitř tohoto ohraničení jsou správně uzavřeny ve značkách form.
Kotevní body pro AP elementy
Zobrazuje ikonu, která označuje umístění kódu definujícího element AP. Samotný AP element může být kdekoliv na stránce. (Elementy AP nejsou neviditelné elementy; neviditelný je pouze kód definující element AP.)Vyberte ikonu pro výběr prvku AP; poté můžete zobrazit obsah prvku AP, i když je prvek AP označen jako skrytý.
Kotevní body pro zarovnané elementy
Zobrazuje ikonu zobrazující umístění kódu HTML pro elementy, které přijímají atribut align.Patří mezi ně obrázky, tabulky, objekty ActiveX, zásuvné moduly a aplety.V některých případech může být kód pro element oddělen od viditelného objektu.
Vizuální tagy značek serveru
Zobrazuje umístění značek serverového kódu (jako jsou značky Active Server Pages a značky ColdFusion), jejichž obsah nelze zobrazit v okně dokumentu.Tyto značky obvykle generují HTML značky při zpracování serverem. Například značka <CFGRAPH> generuje HTML tabulku při zpracování serverem ColdFusion. Dreamweaver představuje značku neviditelným prvkem ColdFusion, protože Dreamweaver nemůže určit finální, dynamický výstup stránky.
Nevizuální tagy značek serveru
Zobrazuje umístění značek serverového kódu (jako jsou značky Active Server Pages a značky ColdFusion), jejichž obsah nelze zobrazit v okně Dokument. Tyto značky jsou obvykle značky nastavení, zpracování nebo logiky (například <CFSET>, <CFWDDX> a <CFXML>), které negenerují HTML značky.
Zobrazení CSS: None (žádné)
Zobrazuje ikonu označující umístění obsahu, který je skrytý vlastností display:none v propojené nebo vložené šabloně stylů.
Zobrazit dynamický text jako
Zobrazuje veškerý dynamický text na vaší stránce ve formátu {Recordset:Field} jako výchozí. Pokud je délka těchto hodnot dostatečně dlouhá na to, aby narušila formátování stránky, můžete zobrazení změnit na {}.
Zahrnutí na straně serveru
Zobrazí skutečný obsah všech souborů zahrnutí na straně serveru.
Další podobné
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.
