Vorstellung Projekte: erste selbst erstellte Websites

Im Folgenden werden anhand von Schritt für Schritt Anleitungen gezeigt, wie man ein- und mehrspaltiges Layout mit aktueller Technik aufbaut.

Durch die aktuelle Technik ist eine Trennung von Inhalt und Design möglich, die schlanke und schnelle Websiten ermöglicht.

Schritt für Schritt drei komplette Projekte erstellen

CSS-Design 1-Spalten-Layout für Websites

Im Beispiel erstellen wir ein Website "Säulen des 20. Jahrhunderts" mit Grafik, Steuerung und Schlagschatten.



2 spaltiges Layout 2 Spalten Layout

Beim „2 Spalten Layout“ erstellen wir die typische Steuerung in der linken Spalte und den Inhalts rechts. Das Layout wird zentriert ausgerichtet.



3 spaltiges Layout 3 Spalten Layout

Im „3 Spalten Layout“ wird neben den Spalten auch mit teils durchsichtigen Bereichen gearbeitet.