Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:ffit:css:learningunits:lu04:aufgaben:kleinprojekt [2024/09/19 07:52] – angelegt kdemirci
+++ modul:ffit:css:learningunits:lu04:aufgaben:kleinprojekt [2024/09/19 08:34] (aktuell) – kdemirci
@@ Zeile 1: / Zeile 1: @@
 ======= 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