1. Erstellen Sie zwei HTML-Dokumente, die Sie untereinander über eine Navigationszeile verlinken. Ein Dokument soll die Startseite Home darstellen:

Transkript

1 Hausaufgabe 1 1. Erstellen Sie zwei HTML-Dokumente, die Sie untereinander über eine Navigationszeile verlinken. Ein Dokument soll die Startseite Home darstellen: Text 2 2 Bild 2 0 Navigation 4 4 Überschrift 2 2 Absätze 1 1 Horizontale Linie 2 2 Hintergrundfarbe 2 2 Tabelle 4 4 Code 3 3 Gesamtpunktzahl Kontaktformular Vorname 2 2 Nachname 2 2

2 2 2 Textfeld 2 2 Optionsfeld 2 2 Kontrollfeld 2 2 Beschriftung 2 2 Gestaltung 2 2 Senden 2 2 Gesamtpunktzahl Prima, aber das Bild muss auch immer mitgeliefert werden. 38/40 Punkte Eckert-Kraft Hausaufgabe 2 1. Text 2 2 Bild 2 2 Umsetzung der CSS 4 4 Schriftstile 8 8 Überschrift 4 4 Farben 2 2 Auszeichnung strong 3 3 Klasse erstellen 5 5 Gesamtpunktzahl 30 30

3 2. Auslagerung der CSS Gesamtpunktzahl /40 Punkte Eckert-Kraft Prima. Alles Gute für das neue Jahr. Hausaufgabe 3 1. Erstelle ein zweispaltiges flexibles Seitenlayout mit einem Header. Im Header sollte der Name in Gro0buchstaben stehen.: 2-spaltiges flexibles Seitenlayout 2 2 Name im Header 2 2 Farbliche Gestaltung 2 1 Gesamtpunktzahl 6 5 Im menü ist der weiße Text auf dem hellgrauen Hintergrund schlecht zu lesen. 2. Die linke Spalte sollte ein Navigationsmenü enthalten, das sich mit Rahmen und Hintergrundfarben abhebt. Beim Überfahren mit der Maus sollten sich die Farben ändern: Navigation 4 4 Hintergrundfarbe 2 2 Randfarbe 2 2 Innenabstand 2 2 Außenabstand 2 2 MouseOver 2 1 Gesamtpunktzahl Im Content-Bereich sollten eine Überschrift, ein Absatz mit einem Bild und eine gestaltete Tabelle platziert werden. Hierfür kann die Tabelle aus der Hausaufgabe des ersten Teils verwendet werden:

4 Absatz 2 2 Bild 2 2 Überschrift 2 2 Innenabstand 3 3 Außenabstand 3 2 Tabelle 2 2 Hintergrundfarbe 2 2 Tabellen-Rahmen 2 2 Tabellen-Innenabstand 2 2 Gesamtpunktzahl Bei dem MouseOver sollte sich auch die Hintergrundfarbe ändern. Beim Zusammenschieben des Browsers rutscht die Überschrift in den Content-Bereich. Das können Sie über min-width ändern.. Versuchen Sie jetzt schon, die farbliche Gestaltung nach ästhetischen Gesichtspunkten auszurichten. 36/40 Punkte Eckert-Kraft Hausaufgabe 4 1. Bearbeite das Bild Hausaufgabe.JPG aus dem Ordner Images mit den im Kurs genannten Mitteln im Hinblick auf Farbe, Helligkeit und Kontrast nach. Erstelle für jeden Bearbeitungsschritt eine neue Ebene. Benenne die Ebenen nach den Arbeitsschritten und sende die GIMP-Projektdatei und das exportierte Bild als.jpg ein.: Tonwertkorrektur 8 8 Gradation 3 3 Kontrast 2 1 Sättigung 3 2 Farbton 5 5 Helligkeit 3 1 Ebenen 2 2

5 Export 2 2 Dateimanagement 2 2 Gesamtpunktzahl Die Beschreibe kurz die einzelnen Arbeitsschritte und deren Auswirkungen. Beschreibung Gesamtpunktzahl /40 Punkte Beate Eckert Der Himmel ist noch sehr hell und hat wenig Zeichnung. Er sollte mit einer gesonderten Ebenenmaske bearbeitet werden. Ansonsten ist das eine gute Bearbeitung. Hausaufgabe 5 1. Bearbeite das Bild Hausaufgabe.JPG aus dem Ordner Images mit den im Kurs genannten Mitteln im Hinblick auf Farbe, Helligkeit und Kontrast nach. Erstelle für jeden Bearbeitungsschritt eine neue Ebene. Benenne die Ebenen nach den Arbeitsschritten und sende die GIMP-Projektdatei und das exportierte Bild als.jpg ein.: Retusche der Narbe auf der Stirn 5 5 Stempel-Werkzeug 5 5 Gesamtpunktzahl Die Beschreibe kurz die einzelnen Arbeitsschritte und deren Auswirkungen. Leiste Schiene 2 2 3D-Optik 2 2 Regler D-Optik 2 2

6 Details 4 4 Gesamtpunktzahl /40 Punkte Eckert-Kraft Hausaufgabe 6 1. Gestalte eine Website-Struktur mit Vier Seiten für ein zweispaltiges flexibles Layout: Home, Company, Produkte und Impressum: 2-spaltiges flexibles Seitenlayout 2 2 Horizontale Navigation mit Unterseite 4 4 MouseOver 2 2 Aktive Seite gekennzeichnet 2 2 Verlinkung 2 2 Farbliche Gestaltung 4 4 Seitenaufteilung 4 4 Externe CSS 2 2 Innenabstand 2 2 Außenabstand 2 2 Seitentitel 2 2 Überschrift 2 2 Tabelle 2 2 Impressum 4 4 Meta-Tags 2 2 Code-Syntax 2 2

7 Gesamtpunktzahl /40 Punkte Eckert-Kraft Prima Website. Herzlichen Glückwunsch und viel Erfolg für die Zukunft.