Operation Manual

Hinweis:
Hinweis:
Nach oben
2. Wählen Sie ggf. „Fenster“ > „CSS-Stile“ aus, um das Bedienfeld „CSS-Stile“ zu öffnen.
Die auf das div-Tag angewandten Regeln werden im Bedienfeld angezeigt.
3. Bearbeiten Sie die Regeln nach Bedarf.
Einfügemarke in einen Div-Tag setzen, um Inhalt hinzuzufügen
Klicken Sie auf eine beliebige Stelle innerhalb des Div-Tags.
Platzhaltertext in einem Div-Tag ändern
Markieren Sie den Text und überschreiben Sie ihn oder drücken Sie die Entf-Taste.
Sie können dem div-Tag genau wie einer Seite Inhalt hinzufügen.
Markierungsfarbe von div-Tags ändern
Wenn Sie den Zeiger in der Entwurfsansicht über die Kante eines div-Tags führen, hebt Dreamweaver die
Tag-Rahmen hervor. Sie können die Markierungsfunktion nach Bedarf aktivieren oder deaktivieren oder die
Markierungsfarbe im Dialogfeld „Voreinstellungen“ ändern.
1. Wählen Sie „Bearbeiten“ > „Voreinstellungen“ (Windows) bzw. „Dreamweaver“ >
„Voreinstellungen“ (Mac).
2. Wählen Sie in der Liste links die Kategorie „Markierung“.
3. Führen Sie einen der folgenden Schritte aus und klicken Sie auf „OK“.
Um die Markierungsfarbe für div-Tags zu ändern, klicken Sie in das Farbfeld
„Mouse-Over“ und wählen Sie mit dem Farbwähler eine Markierungsfarbe aus (oder
geben Sie den Hexadezimalwert für die Markierungsfarbe im Textfeld ein).
Um die Markierung von div-Tags zu aktivieren bzw. zu deaktivieren, aktivieren bzw.
deaktivieren Sie das Kontrollkästchen „Anzeigen“ für „Mouse-Over“.
Diese Optionen wirken sich auf alle Objekte aus, beispielsweise auf Tabellen,
die in Dreamweaver hervorgehoben werden, wenn Sie den Zeiger darüber bewegen.
CSS-Layout-Blöcke
CSS-Layout-Blöcke visualisieren
In der Entwurfsansicht können Sie CSS-Layout-Blöcke visualisieren. Ein CSS-Layout-Block ist ein HTML-
Seitenelement, das Sie an einer beliebigen Stelle auf der Seite positionieren können. Genauer gesagt ist ein
CSS-Layout-Block entweder ein div-Tag ohne display:inline oder ein anderes Seitenelement, das die
CSS-Deklaration display:block, position:absolute oder position:relative enthält. Im
Folgenden finden Sie einige Beispiele von Elementen, die in Dreamweaver als CSS-Layoutblöcke gelten:
ein div-Tag
ein Bild, dem eine absolute oder relative Position zugewiesen wurde
ein a-Tag, dem der Stil display:block zugewiesen wurde
ein Absatz, dem eine absolute oder relative Position zugewiesen wurde
294