HTML-Seite mit grafischem Text

Aufgabe 10: Einbinden einer sensitiven Grafik im HTML-Dokument

Aufgabenstellung:

Das Quadrat mit den verschieden gefärbten Flächen aus der Übung 09 soll als anklickbare Grafik in ein HTML-Dokument eingebunden werden. Die einzelnen rechteckigen Bereiche und das Polygon sollen bei Mausklick zu einem Sprungziel innerhalb der HTML-Datei führen. Erstellen Sie hierfür eine Testdatei namens Quadrat.htm mit Ihre HTML-Editor.

Sprungziel 1 (wird angesprungen beim Klick in das Rechteck 1)

Zurück zum Seitenbeginn

Sprungziel 2 (wird angesprungen beim Klick in das Rechteck 2)

Zurück zum Seitenbeginn

Sprungziel 3 (wird angesprungen beim Klick in das Rechteck 3)

Zurück zum Seitenbeginn

Sprungziel 4 (wird angesprungen beim Klick in das Rechteck 4)

Zurück zum Seitenbeginn

Sprungziel 5 (wird angesprungen beim Klick in das Polygon)

Zurück zum Seitenbeginn

+++ Füllrechteck +++ Füllrechteck +++ Füllrechteck +++ Füllrechteck +++

Speichern Sie die Seite regelmäßig während der Bearbeitung!
Betrachten Sie die Seiten mit Ihrem Browser
Testen Sie die einzelnen sensitiven Bereiche der Grafik indem Sie die Informationen in der Statuszeile beachten, während Sie mit dem auszeiger die einzelnen Bereiche der Grafik überfahren.
Testen Sie auch die Randzonen der sensitiven Bereiche
Bei Problemen lesen Sie nochmals die Hinweise zu den Sensitiven Grafiken
Zur Unterstützung lassen Sie sich den Quelltext dieser Aufgabenstellung anzeigen. Er enthält alle notwendigen HTML-Tags zur Einbindung von Imagemaps

+++ Füllrechteck +++ Füllrechteck +++ Füllrechteck +++ Füllrechteck +++

Horst@holyware.de