====== 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 ===== Ein Kunde gibt Ihnen einen statischen, webbasierten Auftritt in Auftrag. Mit dem neuen Webauftritt möchte er Artikel/Tipps zur Kleintierhaltung über dem Internet-Kanal veröffentlichen. Sie schlagen dem Kunden die bewährte Verzeichnisstruktur-01 (zur Zeit nur mit drei Themen-Gruppen) aus Ihrem Lehrbetrieb vor. Der reine Inhalt zu den Artikeln liefert Ihnen der Kunden. Diese Inhalte müssen ein wenig gestyled werden. Die Details dazu folgen in der Aufgabenstellung. / index.html themen/ gesundheit/ article_01.html article_02.html nahrung/ kaefige/ bilder/ logo.jpg tierarzt.jpg impfung.jpg basis/ sitemap.html ===== 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 * Hintergrund-Farbe LightGrey für