Operation Manual

DOM-Bedienfeld
Das DOM-Bedienfeld enthält eine interaktive HTML-Baumstruktur der
statischen und dynamischen Inhalte. Mithilfe dieser Ansicht können
Sie Elemente in der Live-Ansicht ihrem HTML-Markup und den im
CSS Designer angewendeten Selektoren visuell zuordnen. Sie können
Änderungen an der HTML-Struktur auch im DOM-Bedienfeld
vornehmen. Diese werden unmittelbar in der Live-Ansicht umgesetzt.
Praktische Übung
Visualisieren und visuelles
Ändern der HTML-Struktur in
Dreamweaver (30 Minuten)
Hinweis:
Wählen Sie „Fenster“ > „DOM“, um das DOM-Bedienfeld zu öffnen. Sie können das DOM-Bedienfeld auch
mit den Tastaturbefehlen Strg+/ (Windows) bzw. Befehl+/ (Mac) öffnen.
Wenn Sie Elemente ziehen, um sie direkt in der Live-Ansicht einzufügen, wird das Symbol </> angezeigt. Sie
können auf dieses Symbol klicken, um das DOM-Bedienfeld zu öffnen und das Element an der geeigneten
Position in der Dokumentstruktur einzufügen. Weitere Informationen finden Sie unter Elemente direkt in die
Live-Ansicht einfügen.
Im DOM-Bedienfeld werden in der Code- oder Entwurfsansicht nur statische Elemente und in der Live-
Ansicht sowohl statische als auch dynamische Elemente angezeigt.
In Dokumenten mit fließendem Rasterlayout kann mit dem DOM-Bedienfeld die HTML-DOM-Struktur nur
angezeigt werden. Sie können die HTML-Struktur nicht bearbeiten.
Sie können im DOM-Bedienfeld nur statische Inhalte bearbeiten. Schreibgeschützte oder
dynamische Elemente werden in einem dunkleren Grau angezeigt.
DOM-Bedienfeld
359