Dies ist eine alte Version des Dokuments!
LU04.A01 - Kleinprojekt umsetzen
In dieser Aufgabe soll eine vordesignte Webseite anhand eines vorgegebenen Layouts umgesetzt werden. Dabei wird erwartet, dass die Seite mithilfe von HTML und CSS nach den Designvorgaben erstellt wird. Die exakte Darstellung der Seite sowie eine saubere Programmierung der Struktur stehen im Fokus.
Zunächst soll das Layout genau analysiert werden. Es ist auf verschiedene Bereiche wie Header, Navigation, Inhalte und Footer zu achten. Ebenso müssen die verwendeten Schriftarten, Farben und Abstände zwischen den Elementen beachtet werden.
Daraufhin wird die Struktur der Seite in HTML umgesetzt.
Vorgaben
Screendesign
Screendesign Desktop: https://xd.adobe.com/view/1caa7ca6-8a5f-4a4a-8c2f-00b4ae4ef0f9-49f9/
Screendesign Mobile: https://xd.adobe.com/view/1caa7ca6-8a5f-4a4a-8c2f-00b4ae4ef0f9-49f9/screen/46b3c87c-6673-4995-b440-0c570ff7209b
Schriften
Google Font «Inter»: https://fonts.google.com/specimen/Inter
Farben
Hintergrund: #0A0A17 Farbe Dunkel: #1D1D3E Farbe Hell: #AD5CA0 Schriftfarbe: #FFFFFF