LU04.A01 - Kleinprojekt umsetzen [BZZ

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.

======= 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

H1: 70px, mobile 40px

H2: 52px, mobile 32px

H3: 28px, mobile 24px

Laufschrift: 20px, mobile 16px

Lead: 24px, mobile 16px


==== Farben ====

Hintergrund: #0A0A17

Farbe Dunkel: #1D1D3E

Farbe Hell: #AD5CA0

Schriftfarbe: #FFFFFF

==== Assets ====

https://www.swisstransfer.com/d/61eb2807-e587-41c9-99e5-8b71979b055d