Webentwicklung - Meilenstein 3

Sie haben im letzten Meilenstein die Startseite Ihres Softwareprojekts bereits in vier Bereiche (Überschriftsbereich, Navigation, Hauptbereich und Fußbereich) unterteilt. Hierbei wurden Sie von Ihrem liebenswerten Dozenten gezwungen, eine HTML-Tabelle zu verwenden. Das war wirklich boshaft von ihm!!!eins11

Aufgabe

  • Modifizieren Sie Ihr Softwareprojekt nun, indem Sie ein natives CSS-Grid-Layout einbauen. Besagte HTML-Tabelle soll eliminiert werden.
  • Toben Sie sich darüber hinaus ruhig ein wenig aus, indem Sie einige CSS-Elemente verwenden, die in der Vorlesung vorgestellt wurden: Boxmodell (Container, Display, Floats, Positionierung), Farben sowie (mindestens) eine geräteabhängige Stilvorgabe.
  • Alle Seiten des Softwareprojekts sollen nun einigermaßen schick aussehen

Abgabe

Die Abgabe besteht aus der Live-Demonstration Ihres Webprojekts auf einem Notebook während der Übungszeit, sowie einer elektronischen Abgabe des gesamten Codes.

Der HTML-Code wird in einem Git-Repository der Hochschule abgelegt (bitte nicht als GitHub-Projekt!). Ihr Dozent benötigt natürlich (lesenden) Zugriff auf das Projekt. Kreieren Sie zur Abgabezeit einen Git-Branch. Der Timestamp des letzten Commits in diesem Branch darf nicht nach dem vereinbarten Abgabetermin erfolgen. Anderenfalls kassieren Sie einen Notenabzug.