Ideal zum Lernen:
Kurs als Videos
Video-Kurs HTML5, CSS
& Webdesign
HTML-Kurs, CSS u. Webdesign lernen & die eigene Website erstellen
Videos eBook Forum Kontakt

2-Spalten-Layout Tutorial: Schritt für Schritt zum Design mit HTML & CSS

Bevor wir uns an die Umsetzung des Designs für ein 2 spaltiges Layout machen, hier die Vorstellung des Webdesigns dieses Tutorials und seiner Feinheiten. Die am Ende von diesem Kursteil erstellten Webseite, kann dann auf die eigenen Bedürfnisse angepasst werden – mit diesem Wissen kann man seine eigene Website aufbauen.

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

fertige Homepage mit 2-Spalten-Layout

Die notwendige Vorgehensweise wird komplett Schritt für Schritt auf der DVD C unter Beispielprojekt 2-Spalten-Layout gezeigt.

Die Videos gibt es unter https://www.html-seminar.de/videokurs-bestellen.php

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

Um das im Kurs und 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).

Hintergrund für Spalte Steuerung

Hintergrund für Spalte Steuerung

Fertiges Bild für den Kopf

fertiges Design für Kopfbereich

Bild aus dem 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

Benötigte Bilder für den Inhalt des Projektes in einer gepackten ZIP-Datei als Download:
https://www.html-seminar.de/downloads/tuebingen-impressionen.zip

Weiterempfehlen • Social Bookmarks • Vielen Dank

Wenn Sie einen Fehler finden, bitte mitteilen (egal ob Schreibfehler oder inhaltlicher Fehler).

Mit Maus fehlerhafte Stelle markieren und übernehmen mit folgendem Button:



(kann angegeben werden)

Nach Absenden kommt hier Feedback! Bitte nicht doppelt absenden. Danke.

    E-Books zum Kurs

    von HTML-Seminar.de

    E-Books mit rund 930 Seiten Umfang als PDF. Alle 3 zu einem Preis.

    Mehr Details

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).

unsere Videos bestellen

Unsere Videos und eBooks bestellen.

Spenden

Sie können uns eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.

Bücher über Amazon

Bestellen Sie Bücher über folgende Links bei Amazon:

Fehler melden

Vielen Dank für Ihre Hilfe