Operation Manual

Hinweis:
CSS-Layoutkonturen
CSS-Layouthintergründe
CSS-Layout-Boxmodell
Damit CSS-Layoutblöcke visuell gerendert werden können, dürfen Sie keine Inline-Elemente (d. h.
Elemente, deren Code in einer Textzeile enthalten ist) und auch keine einfachen Blockelemente (z. B.
Absätze) enthalten.
Dreamweaver bietet eine Auswahl an visuellen Hilfsmitteln zum Anzeigen von CSS-Layoutblöcken. Sie
können beim Entwerfen z. B. Konturen, Hintergründe oder das Box-Modell für CSS-Layout-Blöcke aktivieren.
Sie können außerdem die QuickInfo anzeigen, die Eigenschaften zu einem ausgewählten CSS-Layout-Block
anzeigt, indem Sie mit der Maus auf den Layout-Block zeigen.
Die folgende Liste mit visuellen Hilfsmitteln für CSS-Layoutblöcke beschreibt, welche Elemente für jeden
Layoutblock von Dreamweaver gerendert werden:
Zeigt die Konturen aller CSS-Layoutblöcke auf der Seite an.
Zeigt vorübergehend zugewiesene Hintergrundfarben für einzelne CSS-
Layoutblöcke an und blendet andere Hintergrundfarben oder Bilder aus, die normalerweise auf der Seite
angezeigt werden.
Wenn Sie das visuelle Hilfsmittel zum Anzeigen der Hintergründe von CSS-Layoutblöcken aktivieren, weist
Dreamweaver jedem CSS-Layoutblock automatisch eine separate Hintergrundfarbe zu. (Dreamweaver wählt
die Farben anhand eines Algorithmus aus, d. h., Sie haben keine Möglichkeit, die Farben selbst zuzuweisen.)
Die zugewiesenen Farben sind visuell auffällig und sollen Ihnen die Unterscheidung zwischen CSS-
Layoutblöcken erleichtern.
Zeigt das Boxmodell (d. h. Auffüllung und Ränder) des ausgewählten CSS-
Layoutblocks an.
CSS-Layout-Blöcke anzeigen
Sie können die visuellen Hilfsmittel für CSS-Layoutblöcke nach Bedarf aktivieren oder deaktivieren.
Konturen von CSS-Layout-Blöcken anzeigen
Wählen Sie „Ansicht“ > „Visuelle Hilfsmittel“ > „CSS-Layout-Konturen“ aus.
Hintergründe von CSS-Layout-Blöcken anzeigen
Wählen Sie „Ansicht“ > „Visuelle Hilfsmittel“ > „CSS-Layout-Hintergründe“ aus.
Box-Modelle von CSS-Layout-Blöcken anzeigen
Wählen Sie „Ansicht“ > „Visuelle Hilfsmittel“ > „CSS-Layout-Box-Modell“ aus.
Sie können auch durch Klicken auf die Schaltfläche „Visuelle Hilfsmittel“ in der
Dokumentsymbolleiste auf Optionen für die visuellen Hilfsmittel für von CSS-Layout-
Blöcke zugreifen.
Visuelle Hilfsmittel für CSS-Layoutblöcke mit Elementen verwenden, die
keine CSS-Layoutblöcke sind
Mithilfe eines Entwurfszeit-Stylesheets können Sie die Hintergründe, die Rahmen oder das Box-Modell von
Elementen anzeigen, die normalerweise nicht als CSS-Layout-Blöcke angesehen werden. Dazu müssen Sie
zunächst ein Entwurfszeit-Stylesheet erstellen, das dem entsprechenden Seitenelement das
display:block
-Attribut zuweist.
295