Die Gestaltung eines CSS-Layouts - einfach erklärt

09.01.2005 | CSS, Webstandards | 4 Kommentare | Print

Die Gestaltung eines CSS-Layouts - einfach erklärt

Wer die Colored Boxes von Russ Weakly mochte, darf sich nun freuen. Andreas Kalt hat mit Farbige Kästen: Eine Methode für die Gestaltung eines reinen CSS-Layouts dafür eine autorisierte deutsche übersetzung des Tutorials veröffentlicht.

11 Schritte helfen bei der Erstellung eines tabellenfreien Website-Layouts komplett mit Cascading Stylesheets (CSS).

Aus dem Inhalt:

  • Einführung
  • Schritt 1: Festlegen, welche Browser unterstützt werden sollen
  • Schritt 2: Mögliche Container im Design erkennen
  • Schritt 3: Die Container benennenn
  • Schritt 4: Das Markup für die Container erstellen
  • Schritt 5: Eine Positionierungsmethode für die Container auswählen
  • Schritt 6: Farbige Kästen
  • Schritt 7: Den Inhalt einfügen
  • Schritt 8: Gestaltung innerhalb der Container
  • Schritt 9: Die CSS-Regeln in eine separate Datei auslagern
  • Schritt 10: Bestimmte Regeln vor älteren Browsern verstecken
  • Schritt 11: Ein Stylesheet für Ausdrucke erstellen
  • Fertig!

Passend dazu gibt es ja bereits die deutsche Übersetzung Vorteile von Web-Standards der Übersicht benefits of Web Standards von Russ Weakly.

Dann dürfte ein tabellenfreies Layout für Beginner ja wieder ein paar Schritte einfacher und verständlicher geworden sein.

einfach persoenlich Movable Type Weblog - ©2004-2005 Dipl.-Ing. Jörg Petermann - Persönliche Gedanken, Ideen und Anregungen zu modernem Webdesign, CSS, Movable Type Webblogs, Usability & Suchmaschinen.

web counter