HTML Projekt
Ziele:
- Sie erstellen eine kleine Website, die aus mindestens drei HTML-Seiten besteht
- Sie wählen dafür ein geeignetes Thema aus
- Sie recherchieren selbständig Content (Texte, Bilder, Videos) zum gewählten Thema
Beim "Web Astronaut" stehen zahlreiche Hilfestellungen zum Umsetzen des Projekts zur Verfügen. Man kann dort HTML- und CSS-Code einfach kopieren und in einen Code-Editor einsetzen. Ausserdem gibt es ein Template (=Vorlage) für ein kleines Webprojekt. Dies werden wir verwenden, um mit der Umsetzung zu beginnen (Download-Link: siehe unten).
Sie können das Projekt benutzen, um im Bewerbungsprozess ihre IT-Kompetenzen zu präsentieren. Für zukünftige Informatikerinnen und Informatiker eignen sich folgende Themen (Beispiele):
Auch für zukünftige Zeichnerinnen und Zeichner eignet sich das Projekt hervorragend, um eine sog. Portfolio-Website anzulegen:
Es ist motivierend, wenn Sie ein Thema bestimmen, zu dem Sie einen persönlichen Bezug haben, also Hobby, Sport, Familie, Vorbilder, Film, Musik, etc.:
Erstellen Sie eine Linkliste: Wo finden Sie das Ausgangsmaterial (Texte, Bilder, Videos) für Ihr Projekt? Verwenden Sie nach Möglichkeit Medien, die nicht urheberrechtlich geschützt sind.
Sie werden mindestens drei HTML-Seiten erstellen. Überlegen Sie sich schon früh genug, wie Sie die Inhalte thematisch aufteilen möchten.
Dies bestimmt auch die Navigationsstruktur bzw. die Menüführung auf der Website: Wie sollen die Menüpunkte heissen?
Download-Seite für das Grundgerüst: ↗ web-astronaut.ch
(Ganz unten finden Sie dort einen Download-Button)
Nehmen Sie den Ordner als Vorlage für ihr Projekt. Er beinhaltet alles, was Sie zum Starten brauchen.
Passen Sie als erstes den CSS-Code an, damit Sie ein individuelles Design erhalten.