Operation Manual

Arbeiten mit div-Tags
Hinweis:
Nach oben
Hinweis:
div-Tags einfügen und bearbeiten
CSS-Layout-Blöcke
AP-Elemente verwenden
Ab Dreamweaver CC wurde das Bedienfeld „CSS-Stile“ durch den CSS Designer ersetzt. Weitere
Informationen finden Sie unter „CSS Designer“
.
(Nur Creative Cloud-Benutzer:) Sieben neue semantische Tags sind verfügbar, wenn Sie „Einfügen“ >
„Layoutobjekte“ wählen. Die neuen Tags sind: Article, Aside, HGroup, Navigation, Section, Header und
Footer. Weitere Informationen finden Sie unter Semantische HTML5-Elemente aus dem Bedienfeld
„Einfügen“ einfügen.
Siehe auch
Videotutorial: div-Elemente verwenden
Tutorial: div- und andere Layoutelemente mit CSS formatieren
Tutorial: Header und Navigationsmenü formatieren
Gestalten von Seitenlayouts mit CSS
Verwalten von Tag-Bibliotheken
div-Tags einfügen und bearbeiten
Sie können Seitenlayouts erstellen, indem Sie div-Tags manuell einfügen und CSS-Positionierungsstile auf
sie anwenden. Ein div-Tag dient dazu, den Inhalt einer Webseite logisch zu unterteilen. Sie können div-
Tags verwenden, um Inhaltsblöcke zu zentrieren, Spalteneffekte zu erzeugen, verschiedene Farbbereiche zu
erstellen usw.
Wenn Sie mit der Erstellung von Webseiten mittels div-Tags und Cascading Stylesheets (CSS) nicht
vertraut sind, können Sie eine der mit Dreamweaver ausgelieferten Layoutvorlagen als Grundlage für Ihr
CSS-Layout nutzen. Wenn Sie kein CSS verwenden möchten, aber mit der Nutzung von Tabellen vertraut
sind, können Sie auch Tabellen verwenden.
Dreamweaver behandelt alle div-Tags mit absoluter Position als AP-Elemente (absolut positionierte
Elemente), auch wenn Sie diese nicht mit dem Zeichenwerkzeug für AP-Div-Tags erstellt haben.
div-Tags einfügen
Mithilfe von div-Tags können Sie CSS-Layoutblöcke erstellen und in Ihrem Dokument platzieren. Dies ist
praktisch, wenn das Dokument mit einem vorhandenen CSS-Stylesheet verknüpft ist, das Positionierungsstile
zuweist. Mit Dreamweaver ist es möglich, ein div-Tag schnell einzufügen und ihm vorhandene Stile
zuzuweisen.
1. Setzen Sie die Einfügemarke im Dokumentfenster an die Stelle, an der Sie das div-Tag
einfügen möchten.
2. Führen Sie einen der folgenden Schritte aus:
Wählen Sie „Einfügen“ > „Layout-Objekte“ > „Div-Tag“ aus.
292