Operation Manual

158
VERWENDEN VON DREAMWEAVER
Seiten mit CSS erstellen
Last updated 10.4.2012
4 Wählen Sie unter „Hinzufügen als“ eine der nachstehenden Optionen:
• Um zwischen dem aktuellen Dokument und einem externen Stylesheet eine Verknüpfung herzustellen, wählen Sie
„Verknüpfung“. Hierdurch wird im HTML-Code das Verknüpfungs-Tag
href eingefügt und auf die URL der
Datei verwiesen, in der sich das veröffentlichte Stylesheet befindet. Diese Methode wird sowohl von Microsoft
Internet Explorer als auch von Netscape Navigator unterstützt.
• Es ist nicht möglich, mit einem <link>-Tag eine Referenz zwischen zwei externen Stylesheets hinzuzufügen. Wenn
Sie Stylesheets verschachteln möchten, müssen Sie eine Import-Direktive verwenden. Die meisten Browser
erkennen die Import-Direktive auch innerhalb einer Seite (anstatt nur in Stylesheets). Es gibt kleine Unterschiede
in der Art und Weise, das Problem widersprüchlicher Eigenschaften zu lösen, wenn die Regeln in verknüpften
externen Stylesheets und die Regeln in den in eine Seite importierten Stylesheets in Konflikt zueinander stehen.
Wählen Sie „Import“, wenn Sie ein Stylesheet importieren möchten, anstatt eine Verknüpfung herzustellen.
5 Geben Sie im Popupmenü „Medien“ das Zielmedium für das Stylesheet an.
Weitere Informationen zu medienabhängigen Stylesheets finden Sie auf der Website des World Wide Web
Consortium unter www.w3.org/TR/CSS21/media.html.
6 Klicken Sie auf die Schaltfläche „Vorschau“, um sicherzustellen, dass das Stylesheet der aktuellen Seite die
gewünschten Stile zuweist.
Wenn dies nicht der Fall ist, klicken Sie auf „Abbrechen“, um das Stylesheet zu entfernen. Die Seite wird mit der
vorherigen Darstellung wiederhergestellt.
7 Klicken Sie auf „OK“.
More Help topics
“Auf Dreamweaver-Beispieldateien basierende Seiten erstellen” on page 71
CSS-Stylesheets bearbeiten
Ein CSS-Stylesheet kann eine oder mehrere Regeln enthalten. Sie können eine einzelne Regel in einem CSS-Stylesheet
über das Bedienfeld „CSS-Stile“ bearbeiten oder das CSS-Stylesheet auch direkt bearbeiten.
1 Wählen Sie im Bedienfeld „CSS-Stile“ („Fenster“ > „CSS-Stile“) den Modus „Alle“ aus.
2 Doppelklicken Sie im Fensterbereich „Alle Regeln“ auf den Namen des gewünschten Stylesheets.
3 Ändern Sie das Stylesheet wie gewünscht im Dokumentfenster und speichern Sie es.
CSS-Code formatieren
Sie können Voreinstellungen für die Steuerung des CSS-Codes festlegen, wenn Sie eine CSS-Regel mithilfe der
Dreamweaver-Oberfläche erstellen oder bearbeiten. So können Sie beispielsweise Voreinstellungen definieren, die
dafür sorgen, dass sämtliche CSS-Eigenschaften in separate Zeilen platziert werden, Leerzeilen zwischen CSS-Regeln
gesetzt werden usw.
Wenn Sie Voreinstellungen für die CSS-Codeformatierung festlegen, werden die ausgewählten Einstellungen
automatisch auf alle CSS-Regeln angewendet, die Sie neu erstellen. Allerdings können Sie diese Voreinstellungen auch
manuell für einzelne Dokumente übernehmen. Das könnte sich als hilfreich erweisen, wenn Sie ein älteres HTML-
oder CSS-Dokument formatieren müssen.