Erstellen von Imagemaps

Imagemaps sind Grafiken, die in anklickbare Bereiche aufgeteilt sind. Die anklickbaren Flächen werden Hot-Spots genannt und dem User verdeutlicht, indem der Mauszeiger zur Hand wird. Wird ein Hot-Spot angeklickt, erfolgt eine Aktion, in der Regel wird dadurch einem Link gefolgt. Dies erhöht die Möglichkeit ansprechende Seiten zu erstellen. Die Form der Hot-Spots kann rund oder eckig sein, je nachdem, wie sie programmiert sind. In der Unterrichtseinheit erstellen die Schülerinnen und Schüler ein Imagemap und gestalten darüber die Navigation zwischen verschiedenen HTML-Dokumenten.

Kompetenzen

Die Schülerinnen und Schüler sollen

• erkennen, dass Imagemaps eine weitere Möglichkeit der Navigation zwischen und innerhalb von HTML-Dokumenten darstellen.
• eine Grafik als Imagemap in ihrem HTML-Dokument kennzeichnen.
• mithilfe eines Grafikprogramms die Koordinaten für die Bereiche (Hot-Spots) ermitteln, die den Benutzer zu HTML-Dokumenten verweisen.
• diese Hot-Spots definieren und entsprechende Verweise einrichten.
• die Imagemap in ihr HTML-Dokument einbinden.
• selbstständig am PC arbeiten und dabei alle nötigen Tools benutzen (Editor, Internet Explorer, Grafikprogramm).

Kurzinformation

Didaktisch-Methodischer Kommentar

Man unterscheidet grundsätzlich clientseitige und serverseitige Imagemaps. Bei den clientseitigen Imagemaps übernimmt der Browser die Auswertung der Koordinaten und lädt das Dokument, auf das die Hot-Spot verweist. Bei den serverseitigen Imagemaps werden die Koordinaten an einen Server übermittelt, der die Auswertung übernimmt. Da in der Praxis überwiegend clientseitige Imagemaps eingesetzt werden, wird im Unterricht auschließlich dieses Prinzip behandelt. Mit dem Modellunternehmen Rand OHG wird hautpsächlich im Fach Informationswirtschaft gearbeitet. Für die Arbeit in dieser Unterrichtsstunde werden alle notwendigen Daten zur Rand OHG vorgegeben.

• Unterrichtsablauf
  Der Ablauf der Unterrichtsstunde und die Einbindung der Arbeitsmaterialien werden hier vom Einstieg bis zur Sicherung erläutert.

Download

Zusatzinformationen

• Zuber J.: HTML 4.0 in der Schule - Arbeitsbuch, 4. Auflage, Troisdorf 2002.

Informationen zum Autor

Patrick Uhlemann hat an der Ruhr-Universität in Bochum das Lehramt für die Sekundarstufe II studiert. Seine Fächer sind Wirtschaftswissenschaft, Organisation und Bürokommunikation sowie Absatz und Marketing.

• Mehr Infos im Autorenverzeichnis
  Hier können Sie Kontakt mit Herrn Uhlemann aufnehmen und finden zudem alle Beiträge des Autors.

Kommentare zu dieser Unterrichtseinheit

Um diese Funktion nutzen zu können, müssen Sie sich einloggen.Hilfe