Hausaufgabe

02.11.2016 12:30 Uhr

Erweitern Sie Ihre bisherige Webseite so,

… dass die Seite den HTML- Standards entspricht und der Quellcode jeder Datei (Home, Collection und Impressum (bei Fortgeschrittenen auch die Unterseite „Tutanchamun“)) jeweils die Validierung mit diesem Tool ohne Fehler besteht. Validieren Sie auch Ihre bereits erstellten css-Dateien mit diesem Tool zur css-Validierung.

… dass im Content-Bereich der Seite

  • 3 Elemente über Klassen,
  • 3 Elemente über Individuelle Formatierung und
  • 2 verschachtelte Elemente ausgezeichnet werden (fügen Sie ggfs. bei Home oder Impressum noch einen längeren Text ein).

… dass die Tabellenzelle <td>, in der das Menü steht, einen farbigen Hintergrund bekommt (Hinweis).

… dass im Content-Bereich der Seite „Collection“ die Sitzungsaufgabe (Imagemap der Pyramide) integriert ist (z.B. unter dem Bild von Tutanchamun). (Musterseite)

Achten Sie bitte darauf, dass alle Dateien den HTML- Standards entsprechen und alle Styleänderungen ausschließlich über die CSS- Datei implementiert werden!


Für Fortgeschrittene

  • Kopieren Sie die Tutanchamun- Datei der letzten Aufgabe für Fortgeschrittene und fügen Sie diese als weitere Unterseite mit dem Namen „Cheops-Pyramide“ unter Collection ein. Erstellen Sie auf dieser neuen Seite jeweils einen seperaten Textabschnitt mit entsprechender Überschrift für jedes markierte bzw. verlinkte Gebäude auf der Imagemap der Pyramide. (Die Textabschnitte können Sie einfach von den vorher verlinkten Seiten oder von Wikipedia kopieren und einfügen) ->Musterseite
  • Verknüpfen Sie nun die einzelnen Links der jeweilig markierten Gebäude der Imagemap mit den dazugehörigen Textabschnitten auf der „Cheops-Pyramide“ Seite, sodass man beispielsweise bei einem Klick auf das Gebäude „Östliche Schiffsgrube a.“ direkt den Textabschnitt mit der Überschrift „Östliche Schiffsgrube a.“ auf der verwiesenen Unterseite angezeigt bekommt. ->Beispiel
Schlagwörter: