Beispielprojekte: HTML und CSS lernen Schritt für Schritt anhand Nachbaus von Websites

Vorstellung der Projekte

Anhand des Nachbauens der Beispiel-Designs, lernt man die einzelnen HTML-Befehle und CSS-Anweisungen im Zusammenspiel (quasi in freier Wildbahn) und sieht die Umsetzung im HTML-Tutorial und wie eine komplette Website entsteht.

Nachdem das Lernen am besten durch ein eigenes Umsetzen erfolgt, wird im Folgenden das bisherige Wissen praktisch umgesetzt. Dazu werden komplette Beispielwebseiten mit typischen Designs Schritt für Schritt nachgebaut.

• einfaches einspaltiges Layout (mit Responsiven Design) mit der Website „Säulenbauten ...“
• 2-Spaltiges Layout anhand Website „Tübingen im Winter“
• 3-Spaltiges Layout mit der Fennek-Website

Die Schritt für Schritt Anleitung für das 2-spaltige Design findet sich in den Videos:
https://www.html-seminar.de/videokurs-bestellen.php
Alle notwendigen Einzelteile, wie Grafiken und Bildern, können von hier heruntergeladen werden.

Sie können sich natürlich auch ein eigenes Projekt überlegen und dieses ähnlich der Beispielprojekte umsetzen: z.B. eine Website über ein eigenes Hobby oder den Internetauftritt für einen Verein erstellen.

Wenn Sie dieses Kapitel vollständig durchgearbeitet haben, haben Sie eine eigene Website, die Sie nach Belieben auch noch erweitern können. Hier werden alle grundlegenden Schritte nacheinander vorgestellt und sofort umgesetzt.