Milestones
Milestones
Die Abgabe der Milestones erfolgt über Ilias. Sie finden bei Ihrem Seminar eine Übung, die als Übungseinheit die Milestones enthält und dort können Sie ihre Dateien hochladen. Dort finden Sie auch die finalen Abgabetermine. Bitte zippen Sie die Dateien erst und laden Sie diese als ganzes hoch, damit ihre Ordnerstruktur erhalten bleibt.
Viel Spaß beim Basteln!
1. Milestone
Bitte erstellen Sie eine dreispaltige HTML5 eine Homepage mit horizontalen Header und Footerbereich im Box-Design, vergleichbar zu dem, was wir im Seminar gemacht haben.
Alle Gestaltungselemente liegen in einer externen CSS Datei.
Der erste Milestone ist nur die Startseite, alle weiteren Unterseiten zu dem Projekt folgen in den kommenden Sitzungen. Wichtig ist jetzt, dass Sie eine gute Struktur in Ihre HTML-Seite bringen und unterschiedliches Styling mittels einer externen css Datei realisieren. Sie können die Struktur mit div Containern (+passender id) erzeugen und alle diejenigen, die HTML5 bereits kennen, können gern auch semantische HTML5 Elemente verwenden (https://www.w3schools.com/html/html5_semantic_elements.asp). Diese besprechen wir in der Sitzung nach Pfingsten.
2. Milestone
Bitte verwenden Sie die angepassten/verbesserten Dateien des ersten Milestones und realisieren Sie mind. 3 sinnvolle Unterseiten, die über die Navigationsmenüs erreichbar sind. Zusätzlich fügen Sie bitte ein Formular ein, das eine Bestellung ermöglicht. Dieses Formular ist noch ohne Funktion!
3. Milestone
Bitte finalisieren Sie ihr Projekt. Sie haben eine Webseite mit ansprechendem Design (ausgelagerte css Datei), integrierten Bildern und Texpassagen, ein Navigationsmenü auf Unterseiten und ein Formular mit unterschiedlichen input-Elementen realisiert. Desweiteren haben Sie javascript Funktionen eingebaut, die es Usern ermöglichen Gesamtkosten zu ermitteln, indem die eingegebene Anzahl mit einem Basispreis multipliziert und als Gesamtsumme auf der Webseite ausgegeben wird.
Je mehr unterschiedlicher Techniken verwendet wurden, umso besser ist die Note. :-)
Viel Erfolg!