Design mit HTML & CSS:
2 Spalten Layout

Folgendes 2-Spalten-Layout erstellen wir über HTML und CSS:

fertige Homepage mit 2-Spalten-Layout

Die notwendige Vorgehensweise wird Schritt für Schritt auf der zweiten DVD unter Beispielprojekt 2-Spalten-Layout gezeigt.
Die Videos gibt es unter https://www.html-seminar.de/videokurs-bestellen.php

Um das in den Videos gezeigte 2-Spalten-Layout über CSS (und natürlich HTML) nachbauen zu können, werden mehrere Bilder benötigt. Diese können hier heruntergeladen werden (rechte Maustaste und speichern unter).

Benötigtes Bildmaterial für Beispiel 2-Spalten-Layout

Hintergrund für Spalte Steuerung

Hintergrund für Spalte Steuerung

fertiges Bild für Kopf

fertiges Design für Kopfbereich

Bild aus Inhalt

Tübingen Stocherkahnrennen

Hintergrundgrafik für blauen Bereich links und rechts von der Homepage (Farbe: #92C6ED)

Hintergrundgrafik

kleiner Pfeil für die linke Steuerung:

Rohdaten zum selber erstellen des Kopfes

Panoramafoto Tübingen

Bilder von Tübingen als Impressionen

Bilder von Tübingen (ZIP)