Markera och visa element i dokumentfönstret

Senast uppdaterad den 20 dec. 2021

Välj och visa element i Dreamweaver, visa eller dölj markörikoner för osynliga element och ange inställningar för osynliga element.

Klicka på det element som du vill markera i designläge i dokumentfönstret. Om elementet är osynligt måste du göra det synligt innan det går att markera.

Viss HTML-kod saknar synlig representation i webbläsaren. Till exempel visas comment-taggar inte i webbläsare. Det kan emellertid vara praktiskt att kunna markera, redigera, flytta och ta bort osynliga element när du skapar en sida.

I Dreamweaver kan du ange om du vill visa ikoner som markerar var osynliga element finns i designvyn i dokumentfönstret. Du kan ange inställningar i Osynliga element som bestämmer vilka elementmarkörer som visas. Du kan till exempel välja att ankare med namn ska vara synliga men inte radbrytningar.

Du kan skapa vissa osynliga element (till exempel kommentarer och namngivna ankare) och ändra dessa element via dialogrutan Inställningar > Osynliga element.

Markera element

Markera ett synligt element i dokumentfönstret genom att klicka på eller dra med pekaren över det.
Markera ett osynligt element genom att gå till designvyn och välja Visa > Designvyalternativ > Visuella hjälpmedel > Osynliga element (om menyalternativet inte redan har valts) och sedan klicka på elementets markör i dokumentfönstret.

Vissa objekt visas på en annan plats på sidan än där koden har infogats. Till exempel, i designvyn kan ett absolut positionerat element (AP-element) finnas var som helst på sidan, men i kodvyn har koden som anger AP-elementet en fast placering. Om osynliga element visas ser du markörer i dokumentfönstret. De har infogats av Dreamweaver och de visar var koden för sådana element finns. Om du markerar en markör markeras hela elementet; om du exempelvis markerar ett AP-element markeras hela AP-elementet.
Vill du markera en hel tagg (inklusive eventuellt innehåll) ska du klicka på taggen i taggväljaren längst ned till höger i dokumentfönstret. (Taggväljaren syns både i design- och kodläge.) Taggväljaren visar alltid de taggar som innehåller den aktuella markeringen eller insättningspunkten. Taggen längst till vänster är den yttersta som innehåller den aktuella markeringen eller insättningspunkten. Nästa tagg finns i den yttersta taggen och så vidare. Taggen längst till höger är den innersta som innehåller den aktuella markeringen eller insättningspunkten.

Visa HTML-kod

Gör något av följande om du vill visa HTML-koden som hör till den markerade texten eller objektet:

Klicka på Kod i verktygsfältet Dokument.
Välj Visa > Kod.
Välj Visa > Dela > Kod-Live eller Kod-Design eller Kod-Kod.
Välj Fönster > Kodpanelen.

När du markerar något antingen i kodredigeraren (i kodläge eller i kodkontrollen) brukar det i allmänhet även markeras i dokumentfönstret. Du kan behöva synkronisera de två vyerna innan markeringen visas.

Visa eller dölj markörikoner för osynliga element

Välj Visa > Designvyalternativ > Visuella hjälpmedel > Osynliga element.

Obs!

Att visa osynliga element kan ändra layouten på en sida något och flytta andra element några pixel, så för exakt layout döljer du de osynliga elementen.

Ange inställningar för osynliga element

Använd inställningarna för osynliga element för att ange vilka typer av element som ska vara synliga när du väljer Vy > Visuella hjälpmedel > Osynliga element.

Välj Redigera > Inställningar (Windows) eller Dreamweaver > Inställningar (Macintosh) och klicka sedan på Osynliga element.

Välj vilka element som ska göras synliga och klicka på OK.

En bockmarkering bredvid elementets namn i dialogrutan betyder att elementet är synligt när Vy > Visuella hjälpmedel > Osynliga element är valt.

Namngivna ankare

Visar en ikon som markerar platsen för varje namngiven ankarpunkt (a name = "") i dokumentet.

Skript

Visar en ikon som markerar platsen för JavaScript- eller VBScript-kod i dokumentets brödtext. Välj ikonen för att redigera skriptet i Egenskapskontrollen eller för att länka till en extern skriptfil.

Kommentarer

Visar en ikon som markerar platsen för HTML-kommentarer. Välj ikonen för att se kommentaren i Egenskapskontrollen.

Radbrytningar

Visar en ikon som markerar platsen för varje radbrytning (BR). Det här alternativet är normalt inte valt.

Bildscheman för klientsidan

Visar en ikon som markerar platsen för varje klientbaserad bildkarta i dokumentet.

Inbäddade format

Visar en ikon som anger platsen för CSS-stilar inbäddade i brödtext- sektionen av dokumentet. Om CSS-stilar placeras i huvudsektionen av ett dokument visas de inte i dokumentfönstret.

Dolda formulärfält

Visar en ikon som markerar platsen för formulärfält som har type-attributet inställt på "hidden".

Formuläravgränsare

Visar en kantlinje runt ett formulär så att du kan se var formulärelement ska infogas. Kantlinjen visar omfattningen av form-taggen, så alla formulärelement inuti den kantlinjen är korrekt omslutna av form-taggar.

Ankarställen för AP-element

Visar en ikon som markerar platsen för kod som definierar ett AP-element. Själva AP-elementet kan finnas var som helst på sidan. (AP-element är inte osynliga element; endast koden som definierar AP-elementet är osynlig.) Välj ikonen för att välja AP-elementet; du kan då se innehållet i AP-elementet även om AP-elementet är markerat som dolt.

Ankarställen för justerade element

Visar en ikon som anger platsen för HTML-kod för element som accepterar align-attributet. Dessa inkluderar bilder, tabeller, ActiveX-objekt, insticksprogram och applets.I vissa fall kan koden för elementet vara separerad från det synliga objektet.

Visuella taggar för serverkod

Visar platsen för servertaggar (som Active Server Pages-taggar och ColdFusion-taggar) vars innehåll inte kan visas i dokumentfönstret.Dessa taggar genererar vanligtvis HTML-taggar när de bearbetas av en server. Till exempel genererar en <CFGRAPH>-tagg en HTML-tabell när den bearbetas av en ColdFusion server. Dreamweaver representerar taggen med ett ColdFusion osynligt element eftersom Dreamweaver inte kan bestämma den slutliga, dynamiska utmatningen av sidan.

Osynliga taggar för serverkod

Visar platsen för server-markuptaggar (som Active Server Pages-taggar och ColdFusion-taggar) vars Innehåll inte kan visas i dokumentfönstret. Dessa taggar är vanligtvis konfigurerings-, bearbetnings- eller logiktaggar (till exempel <CFSET>, <CFWDDX> och <CFXML>) som inte genererar HTML-taggar.

CSS-visning: Ingen

Visar en ikon som anger platsen för innehåll som är dolt av egenskapen display:none i den länkade eller inbäddade stilmallen.

Visa dynamisk text som

Visar all dynamisk text på din sida i formatet {Recordset:Field} som standard. Om längden på dessa värden är tillräckligt lång för att förvränga din sidas formatering kan du ändra visningen till {} istället.

SSI (server-side includes)

Visar det faktiska innehållet i alla inkluderade filer på servern.