12.4 Vorgehensweise und Regeln
Es hat sich bewährt, alle CSS-Stile in einem einzelnen Dokument zu erstellen, für dessen Erstellung Sie in den Voreinstellungen CSS anstelle von HTML-Tags verwenden aktivieren.
In diesem Dokument können Sie die verschiedensten Formatierungen ausprobieren. Wenn Sie mit dem Ergebnis zufrieden sind, werden die CSS-Stile exportiert.
Generell sollten Sie – um Fehler zu vermeiden – die folgenden Regeln beachten, wenn Sie in Dreamweaver 8 Websites mit CSS erstellen:
- Achten Sie beim Zuweisen von CSS-Stilen immer auf eine sauber strukturierte Vorgehensweise. Sehr schnell wird im Inhalt herumgeklickt und es werden viele verschiedene Stile zugewiesen. Immer wenn Ihr Dokument anders aussieht als erwartet, sollten Sie im Quelltext zuerst prüfen, ob Sie eventuell mehrere Stile parallel zugewiesen haben, die sich gegenseitig ausschließen.
- Ihre CSS-Stile sollten Sie immer in einem separaten Dokument anlegen, ausprobieren und dann exportieren. Dreamweaver 8 schreibt beim Export alle im Dokument definierten CSS-Stile in eine externe Stylesheet-Datei. Zum Export von CSS-Stilen gelangen Sie über Datei • Exportieren • CSS-Stile.
- Vergeben Sie immer sinnvolle Klassennamen. Den Stil anzeigende Bezeichnungen wie arial_11px, verdana_inhalt sollten Sie vermeiden. Wenn Sie später die Schriftarten ändern, stimmt der Klassenname nicht mehr mit dem Stil überein. Verwenden Sie besser objekt- oder elementbezogene Bezeichnungen wie headline_1, content_1 usw.
- Achten Sie auf die Struktur und Kaskadierung in ihrem HTML-Dokument. CSS-Stile sind verschachtelbar und nur dann gültig, wenn sie nicht durch andere außer Kraft gesetzt werden. Hier gilt: Wer zuletzt kommt, hat das Sagen. Wenn Sie etwa für <body> die Vorgabe verdana 11px gewählt haben und für <td> dann arial 11px angeben, wirkt die Formatierung im Body immer nur so lange, bis der Tag <td> im Dokument auftaucht.
Formatierungschaos vermeiden |
Nachdem Sie Ihre CSS-Datei fertig gestellt haben, sollten Sie es unbedingt unterlassen, in den einzelnen Dokumenten Formatierungen durchzuführen. Dreamweaver 8 legt für jede noch so kleine Formatänderung einen neuen Stil an. |
Ihre Meinung
Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.