Cascading Stylesheets Stil mit <Stil>
Cascading Stylesheets Stil mit <Stil>
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