Wenn Sie den HTML-Code anzuzeigen, der dem ausgewählten Text oder dem ausgewählten Objekt zugeordnet ist, führen Sie einen der folgenden Schritte aus:
Zuletzt aktualisiert am
20. Dezember 2021
Sie können in Dreamweaver Elemente auswählen und anzeigen, Markierungen für unsichtbare Elemente ein- und ausblenden und Voreinstellungen für unsichtbare Elemente festlegen.
Um ein Element in der Entwurfsansicht des Dokumentfensters auszuwählen, müssen Sie darauf klicken. Ist ein Element unsichtbar, müssen Sie es erst sichtbar machen, um es auswählen zu können.
Nicht alle HTML-Elemente haben eine sichtbare Entsprechung in einem Browser. Das HTML-Tag comment beispielsweise hat nicht den Zweck, in einem Browser angezeigt zu werden. Allerdings ist es oft praktisch, wenn Sie beim Erstellen einer Seite unsichtbare Elemente auswählen, bearbeiten, verschieben oder löschen können.
In Dreamweaver können Sie festlegen, ob in der Entwurfsansicht des Dokumentfensters die Stellen, an denen sich unsichtbare Elemente befinden, durch entsprechende Markierungen gekennzeichnet werden sollen. Im Dialogfeld „Voreinstellungen“ in der Kategorie „Unsichtbare Elemente“ können Sie festlegen, welche Elementmarkierungen sichtbar sein sollen. Sie können beispielsweise festlegen, dass zwar benannte Anker angezeigt werden, aber keine Zeilenumbrüche.
Sie können bestimmte unsichtbare Elemente (z. B. Kommentare oder benannte Anker) erstellen und im Dialogfeld „Voreinstellungen“, Kategorie „Unsichtbare Elemente“, die Sichtbarkeitseinstellung für diese Elemente ändern.
Elemente auswählen
Zum Auswählen eines sichtbaren Elements im Dokumentfenster klicken Sie auf das Element oder ziehen den Mauszeiger über das Element.
Zum Auswählen eines unsichtbaren Elements wählen Sie in der Entwurfsansicht „Ansicht“ > „Optionen in der Entwurfsansicht“ > „Visuelle Hilfsmittel“ > „Unsichtbare Elemente“ (sofern diese Menüoption noch nicht aktiviert ist) und klicken dann im Dokumentfenster auf die Markierung des betreffenden Elements.
Einige Objekte erscheinen auf der Seite nicht an der Stelle, an der sich der zugehörige Code befindet. Beispielsweise kann sich in der Entwurfsansicht ein absolut positioniertes Element (AP-Element) an einer beliebigen Stelle auf der Seite befinden, aber in der Codeansicht befindet sich der Code, der das AP-Element definiert, an einer festen Position. Wenn unsichtbare Elemente sichtbar sind, zeigt Dreamweaver im Dokumentfenster Markierungen an, um die Position des Codes für diese Elemente anzuzeigen. Durch das Auswählen einer Markierung wählen Sie das gesamte Element aus. Wenn Sie also beispielsweise die Markierung eines AP-Elements auswählen, wird das ganze AP-Element ausgewählt.
Um ein komplettes Tag (einschließlich seines etwaigen Inhalts) auszuwählen, klicken Sie im Tag-Selektor (links unten im Dokumentfenster) auf ein Tag. (Der Tag-Selektor wird sowohl in der Entwurfsansicht als auch in der Codeansicht angezeigt.) Er zeigt immer die Tags an, die dem gegenwärtig ausgewählten Bereich bzw. der Position der Einfügemarke entsprechen. Das Tag ganz links ist das äußerste Tag, das die aktuelle Auswahl bzw. die Einfügemarke umschließt. Das nächste Tag ist in diesem äußersten Tag enthalten usw. Das Tag ganz rechts ist das innerste Tag, das die aktuelle Auswahl bzw. die Einfügemarke umschließt.
HTML-Code anzeigen
Klicken Sie in der Dokumentsymbolleiste auf die Schaltfläche „Code“.
Wählen Sie „Ansicht“ > „Code“.
Wählen Sie „Ansicht“ > „Teilen“ > „Code: Live“ oder „Code: Entwurf“ oder „Code: Code“.
Wählen Sie „Fenster“ > „Codeinspektor“.
Wenn Sie in einem der beiden Codeeditoren (Codeansicht oder Codeinspektor) etwas auswählen, wird diese Stelle in der Regel auch im Dokumentfenster ausgewählt. Eventuell müssen Sie die beiden Ansichten synchronisieren, damit die Auswahl angezeigt wird.
Markersymbole für unsichtbare Elemente anzeigen oder ausblenden
Wählen Sie „Ansicht“ > „Optionen in der Entwurfsansicht“ > „Visuelle Hilfsmittel“ > „Unsichtbare Elemente“.
Anmerkung
Das Anzeigen unsichtbarer Elemente kann das Layout einer Seite geringfügig ändern und andere Elemente um einige Pixel verschieben. Für präzises Layout blende die unsichtbaren Elemente aus.
Voreinstellungen für unsichtbare Elemente festlegen
Verwende die Voreinstellungen für unsichtbare Elemente, um festzulegen, welche Arten von Elementen sichtbar sind, wenn du Ansicht > Visuelle Hilfsmittel > Unsichtbare Elemente auswählst.
Wähle Bearbeiten > Voreinstellungen (Windows)
oder Dreamweaver > Voreinstellungen (Macintosh)
und klicke dann auf Unsichtbare Elemente.
Wähle aus, welche Elemente sichtbar gemacht werden sollen, und klicke auf
OK.
Ein Häkchen neben dem Namen des Elements im Dialogfeld bedeutet, dass das Element sichtbar ist, wenn Ansicht > Visuelle Hilfsmittel > Unsichtbare Elemente ausgewählt ist.
Benannte Anker:
Zeigt ein Symbol an, das die Position jedes benannten Ankers (a name = "") im Dokument markiert.
Skripts
Zeigt ein Symbol an, das die Position von JavaScript- oder VBScript-Code im Hauptteil des Dokuments markiert.Wähle das Symbol aus, um das Skript im Eigenschafteninspektor zu bearbeiten oder eine Verknüpfung zu einer externen Skriptdatei herzustellen.
Kommentare
Zeigt ein Symbol an, das die Position von HTML-Kommentaren markiert.Wähle das Symbol aus, um den Kommentar im Eigenschafteninspektor anzuzeigen.
Zeilenumbrüche
Zeigt ein Symbol an, das die Position jedes Zeilenwechsels (BR) markiert. Diese Option ist standardmäßig deaktiviert.
Client-Imagemaps:
Zeigt ein Symbol an, das die Position jeder Client-seitigen Imagemap im Dokument markiert.
Eingebettete Stile:
Zeigt ein Symbol an, das die Position von CSS-Stilen anzeigt, die im Hauptteil-Bereich des Dokuments eingebettet sind.Wenn CSS-Stile im Kopfbereich eines Dokuments platziert sind, werden sie nicht im Dokumentfenster angezeigt.
Versteckte Formularfelder:
Zeigt ein Symbol an, das die Position von Formularfeldern markiert, bei denen das type-Attribut auf "hidden" gesetzt ist.
Formularbegrenzer:
Zeigt einen Rahmen um ein Formular an, damit du siehst, wo Formularelemente eingefügt werden können. Der Rahmen zeigt die Ausdehnung des form-Tags, sodass alle Formularelemente innerhalb dieses Rahmens ordnungsgemäß in form-Tags eingeschlossen sind.
Ankerpunkte für AP-Elemente:
Zeigt ein Symbol an, das die Position des Codes markiert, der ein AP-Element definiert. Das AP-Element selbst kann sich auf einer beliebigen Stelle der Seite befinden. (AP-Elemente sind keine unsichtbaren Elemente; nur der Code, der das AP-Element definiert, ist unsichtbar.)Wähle das Symbol aus, um das AP-Element auszuwählen; du kannst dann den Inhalt des AP-Elements sehen, auch wenn das AP-Element als versteckt markiert ist.
Ankerpunkte für ausgerichtete Elemente:
Zeigt ein Symbol an, das die Position von HTML-Code für Elemente anzeigt, die das align-Attribut akzeptieren.Dazu gehören Bilder, Tabellen, ActiveX-Objekte, Plug‑ins und Applets.In manchen Fällen kann der Code für das Element vom sichtbaren Objekt getrennt sein.
Sichtbare Server-Markup-Tags:
Zeigt die Position von Server-Markup-Tags (wie Active Server Pages-Tags und ColdFusion-Tags) an, deren Inhalt nicht im Dokumentfenster angezeigt werden kann.Diese Tags generieren normalerweise HTML-Tags, wenn sie von einem Server verarbeitet werden. Beispielsweise generiert ein <CFGRAPH>-Tag eine HTML-Tabelle, wenn es von einem ColdFusion-Server verarbeitet wird.Dreamweaver stellt das Tag mit einem unsichtbaren ColdFusion-Element dar, da Dreamweaver die endgültige, dynamische Ausgabe der Seite nicht bestimmen kann.
Unsichtbare Server-Markup-Tags:
Zeigt die Position von Server-Markup-Tags an (wie Active Server Pages-Tags und ColdFusion-Tags), deren Inhalt nicht im Dokumentfenster angezeigt werden kann. Diese Tags sind normalerweise Setup-, Verarbeitungs- oder Logik-Tags (zum Beispiel <CFSET>, <CFWDDX> und <CFXML>), die keine HTML-Tags generieren.
CSS-Anzeige: keine:
Zeigt ein Symbol an, das die Position von Inhalten anzeigt, die durch die display:none-Eigenschaft im verknüpften oder eingebetteten Stylesheet versteckt sind.
Dynamischen Text zeigen als:
Zeigt jeden dynamischen Text auf deiner Seite standardmäßig im Format {Recordset:Field} an. Wenn die Länge dieser Werte lang genug ist, um die Formatierung deiner Seite zu verzerren, kannst du die Anzeige stattdessen zu {} ändern.
Server-Side Includes:
Zeigt den tatsächlichen Inhalt jeder server-seitigen Include-Datei an.
Ähnliche Themen
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.
