Hausaufgabe

27.10.2016 02:31 Uhr

Grundsätzliche Regeln zu den Hausaufgaben

Die Hausaufgaben der vorherigen Sitzung dienen bis auf Weiteres als Grundlage. Entsprechend sollten Sie diese immer überarbeiten.

Reichen Sie die die Dateien im korrekten Format mit der entsprechenden Dateiendung ein:

.html (bzw. .htm), .css, .js …  Nicht als Text, und nicht als PDF.

Verzichten Sie unbedingt auf Umlaute, Satzzeichen, Leerzeichen o.ä. in Datei- und Ordnernamen. Wenn Sie eine Ordnerstruktur erhalten wollen, reichen Sie immer .zip-Dateien ein.

Validieren Sie immer Ihre .html- und .css Dateien!

Weisen Sie in Ihrem Anschreiben auf evtl. Probleme hin. Das kann nur zu Ihrem Vorteil ausgelegt werden!

Abgabetermin ist jeweils der auf die Sitzung folgende Sonntag, 18:00 Uhr. Aufgaben, die danach eingehen, können nicht mehr korrigiert und bewertet werden.


Erweiterung der Sitzungsaufgabe

  1. Formatieren Sie den Fließtext im CONTENT-Bereich der Seite mit CSS, dass er rot und etwas kleiner ist als normal.
  2. Kopieren Sie die HTML- Datei und benennen bzw. nutzen Sie die neue Seite als den Menüeintrag „Impressum“.
  3. Integrieren Sie die Seite mit dem Bild von Tutanchamun als „Collection“ der letzten Sitzung in das Tabellenformat der heute angelegten Seite, sodass das Bild im CONTENT-Bereich angezeigt wird. Die Datei sollte anschließend diese Form besitzen.
  4. Verlinken Sie dann alle drei Dateien untereinander, indem Sie die Listeneinträge im Menü durch Anker (<a href=“…“>) ergänzen (also in Links umwandeln). „Home“ sollte sozusagen mit der „Collection“ und „Impressum“ -Datei verknüpft werden. Gestalten Sie dann die Links nach Belieben mit CSS.

Alle Styleänderungen sollten Sie innerhalb der CSS-Datei implementieren!


Für Fortgeschrittene

  1. Integrieren Sie zusätzlich die Unterseite (mit dem „zurück- Bild“) der letzten Sitzung, indem Sie den Inhalt wiederum im CONTENT-Bereich der Tabelle anzeigen lassen. Innerhalb der Menüstruktur soll die Datei mit dem Namen „Tutanchamun“ auftauchen. Zusätzlich soll die Schriftgröße des Menüpunkts etwas verringert und gegenüber den Hauptseitenverlinkungen eingerückt werden. (Musterseite)
  2. Implementieren Sie eine Funktionalität, sodass sich die Schriftfarbe der verlinkten Menüpunkte dynamisch verändert, wenn sich der User mit dem Mauszeiger darüber bewegt. (Normalzustand: Schriftfarbe des Menüpunkts Blau || Mauszeiger über dem Menüpunkt: Grün) So sollte dementsprechend die Musterseite aussehen.
Schlagwörter: