Manualshelf

Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5
161162163164165166167168169170
Table Of Contents
160
VERWENDEN VON DREAMWEAVER
Seiten mit CSS erstellen
Last updated 10.4.2012
CSS-Eigenschaft deaktivieren/aktivieren
Mit der Funktion „CSS-Eigenschaft deaktivieren/aktivieren“ können Sie CSS-Codeabschnitte aus dem Bedienfeld
„CSS-Stile“ auskommentieren, ohne direkt im Code Änderungen vornehmen zu müssen. Wenn Sie CSS-
Codeabschnitte auskommentieren, können Sie sehen, welche Auswirkungen bestimmte Eigenschaften und Werte auf
Ihre Seite haben.
Wenn Sie eine CSS-Eigenschaft deaktivieren, werden ihr CSS-Kommentar-Tags und die Beschriftung „[disabled]“
(deaktiviert) hinzugefügt. Sie können die deaktivierte CSS-Eigenschaft dann nach Bedarf problemlos wieder aktivieren
oder löschen.
Ein Video des Dreamweaver-Entwicklungsteams mit einem Überblick über die Verwendung von „CSS-Eigenschaft
deaktivieren/aktivieren“ finden Sie unter www.adobe.com/go/dwcs5css_de.
1 Wählen Sie im Bereich „Eigenschaften“ des Bedienfelds „CSS-Stile“ („Fenster“ > „CSS-Stile“) die Eigenschaft aus,
die Sie deaktivieren möchten.
2 Klicken Sie in der rechten unteren Ecke des Bereichs „Eigenschaften“ auf das Symbol „CSS-Eigenschaft
deaktivieren/aktivieren“. Das Symbol wird auch angezeigt, wenn Sie den Mauszeiger links neben die Eigenschaft
bewegen.
Nachdem Sie auf das Symbol „CSS-Eigenschaft deaktivieren/aktivieren“ geklickt haben, wird links neben der
Eigenschaft das Symbol „Deaktiviert“ angezeigt. Wenn Sie die Eigenschaft wieder aktivieren möchten, klicken Sie
auf das Symbol „Deaktiviert“ oder klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter
Befehlstaste (Macintosh OS) auf die Eigenschaft und wählen Sie „Aktivieren“ aus.
3 (Optional) Um alle deaktivierten Eigenschaften in einer bestimmten Regel zu aktivieren oder zu löschen, klicken
Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Befehlstaste (Macintosh OS) auf eine Regel oder
Eigenschaft, in der Eigenschaften deaktiviert sind, und wählen „Alle in der ausgewählten Regel deaktivierten
aktivieren“ oder „Alle in der ausgewählten Regel deaktivierten löschen“.
CSS in der Live-Ansicht prüfen
Mithilfe der Kombination aus Prüfmodus und Live-Ansicht können Sie HTML-Elemente und ihre zugeordneten CSS-
Stile schnell identifizieren. Wenn der Prüfmodus aktiviert ist, können Sie den Mauszeiger über Elemente auf der Seite
bewegen, um die Attribute des CSS-Modells für alle Elemente auf Blockebene anzuzeigen.
Note: Weitere Informationen zum CSS-Box-Modell finden Sie in der CSS 2.1-Spezifikation (in englischer Sprache).
Im Prüfmodus können Sie nicht nur das Box-Modell visuell darstellen, sondern darüber hinaus auch das Bedienfeld
„CSS-Stile“ verwenden, wenn Sie den Mauszeiger über Elemente im Dokumentfenster bewegen. Wenn das Bedienfeld
„CSS-Stile“ im Modus „Aktuell“ geöffnet ist und Sie den Mauszeiger über ein Element auf der Seite bewegen, werden
die Regeln und Eigenschaften im Bedienfeld „CSS-Stile“ automatisch aktualisiert, sodass die Regeln und Eigenschaften
des Elements angezeigt werden. Zudem werden alle Ansichten oder Bedienfelder, die mit dem betreffenden Element
verbunden sind, ebenfalls aktualisiert (z. B. die Codeansicht, der Tag-Inspektor, der Eigenschafteninspektor usw.).
1 Öffnen Sie das Dokument im Dokumentfenster und klicken Sie auf die Schaltfläche „Überprüfen“ (in der
Dokumentsymbolleiste neben der Schaltfläche „Live-Ansicht“).
Note: Wenn die Live-Ansicht nicht bereits aktiviert ist, wird sie im Prüfmodus automatisch aktiviert.
2 Bewegen Sie den Mauszeiger über die Elemente auf der Seite, um das CSS-Box-Modell anzuzeigen. Rahmen, Rand,
Auffüllung und Inhalt werden im Prüfmodus in verschiedenen Farben hervorgehoben.