Cascading Stylesheets Stil mit <Stil>

CSS2-Referenz | HTML-4.01-Referenz | Farben, Zeichen und Maße | Workshop | Externe Links | Impressum | Hinweise

## Beispiel 1: Stile für Schriftgestaltung

Das Layout der Site wird konventionell durch zwei flexible Layouttabellen gestaltet, die sich an die Größe des Browserfensters anpassen. Die obere Tabelle beinhaltet einen Text auf der linken Seite und die Hyperlinks für die Navigation auf der rechten Seite. Die untere Tabelle enthält Bildausschnitte auf der linken und Texte und kleine Artikel mit Bildern auf der rechten Seite.

Wie es für solche Layouttabellen typisch ist, wird die Tabelle durch »blinde GIFs« gefestigt, damit Spalten nicht kollabieren.

Um das Anlegen der Stile nachzuvollziehen, kopieren Sie den Ordner galerie galerie auf Ihre Festplatte und entpacken ihn. Der Ordner enthält das Tabellengerüst ohne Stylesheets, das fertige Design mit Stylesheets, einen Ordner mit den Bildern und die externe Stylesheetdatei stil.css.

Das Beispiel lässt sich mit Macromedia Dreamweaver 4/MX und Adobe GoLive 5/6 nachvollziehen.

Begleitmaterial zu den Beispielen

aus Kapitel 6 und das iframe-Beispiel aus Kapitel 7.7

Vorab: Stylesheets in Macromedia Dreamweaver anlegen

Beispiel 6.1: Stile für Schriftgestaltung

Beispiel 6.3: Ein einfaches CSS-Layout

Beispiel 6.4: Einfach nur Stylesheets

Zu Kapitel 7.7:
Der kleine Bruder des Framesets: iframes

Drucken mit Stylesheets Regeln für den Druck und Beispieldatei

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen