Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m287:learningunits:lu00:aufgaben:assessment [2025/01/31 07:42] – angelegt kdemirci
+++ modul:m287:learningunits:lu00:aufgaben:assessment [2025/01/31 07:54] (aktuell) – kdemirci
@@ Zeile 1: / Zeile 1: @@
 ====== LU00.A01 - Assessment: Blog für einen Kunden erstellen ======
+===== Voraussetzungen =====
+Laden Sie {{ :modul:m287:learningunits:lu00:aufgaben:vorlagen.zip | hier}} die Vorlage für die Aufgabe herunter.
 ===== Ausgangslage =====
@@ Zeile 21: / Zeile 26: @@
     sitemap.html
 </code>
+===== Aufgaben =====
+  - Erstellen Sie die Verzeichnisstruktur-01. Kopieren Sie die vorgegebenen Dateien (Bilder, HTML-Dateien) in die entsprechenden Verzeichnisse gemäss der Verzeichnisstruktur-01.  (5 Punkte)
+  - Ersetzen Sie im index.html überall ?? mit den entsprechenden HTML-Elementen. (5 Punkte)
+  - Ersetzen Sie im sitemap.html überall ?? mit den entsprechenden HTML-Elementen. (5 Punkte)
+  - Ersetzen Sie überall ?? mit den entsprechenden HTML-Elementen im article_01.html ein. (5 Punkte)
+  - Ersetzen Sie überall ?? mit den entsprechenden HTML-Elementen im article_02.html ein. (5 Punkte)
+  - Passen Sie in allen Webseiten die Links (Verweise) und die Pfade zu den Bildern an, wo ein ?? als Platzhalter steht. Die Grundlage für die korrekten Verzeichnisse ist Verzeichnisstruktur-01. Verwenden Sie ausschliesslich relative Verweise! (8 Punkte)
+  - Sämtliche Bilder weisen einen alternativen, sinnvollen Text. In der Wahl sind Sie frei. (2 Punkte)
+  - Auf allen Seiten müssen die Umlaute korrekt angezeigt werden. Fügen Sie das fehlende HTML-Elementen ein. (2 Punkte)
+  - Stylen Sie so getreu wie in den abgebildeten Vorgaben. Für alle Seite gelten die nachfolgenden Angaben (10 Punkte)
+      * Schrift-Familie Arial im <body>
+      * Hintergrund-Farbe LightGrey für <nav> und <footer>
+      * Farbe red für Links ausserhalb des Webauftritts
+      * die kleine Fontgrösse ist 10px. Teilweise sind Texte in Fett- und Kursiv-Schrift gesetzt.
+      * Links im Umbau (Seitemap) erhalten die Hintergrund-Farbe yellow
+      * Farben green resp. blue für <h3>-Elemente in den Artikeln.
+===== Vorgaben HTML-Elemente =====
+Alle Texte sind mit HTML-Element umschlossen. Der HTML-Code muss valid sein. Für den Webauftritt zur ersetzende HTML-Elemente:
+<color #7092be>aside, nav, article, header, footer, ul, li, ol, strong, meta, i, figure, figcaption</color> inklusive den entsprechenden Attributen des jeweiligen HTML-Elements.
+===== Vorgaben Styling =====
+{{:modul:m287:learningunits:lu00:aufgaben:a1_01.png?600|}}
+----
+{{:modul:m287:learningunits:lu00:aufgaben:a1_02.png?600|}}
+----
+{{:modul:m287:learningunits:lu00:aufgaben:a1_03.png?600|}}
+----
+{{:modul:m287:learningunits:lu00:aufgaben:a1_04.png?600|}}
+----
+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Daniel Garavaldi