Imagemap

Imagemap

Verweissensitive Grafik (engl. image map) ist ein Begriff aus dem Webdesign und bezieht sich auch auf Multimedia-Anwendungen.

Verweissensitive Grafiken bieten eine Möglichkeit, Hyperlinks innerhalb einer Grafik zu verstecken. Sie werden als rechteckige, runde oder freie Schaltflächen realisiert, die sich wie Verweise (Anchor-Links) in einem HTML-Dokument verhalten. In der Regel deutet ein sich verändernder Maus-Cursor auf die nicht sichtbaren Schaltflächen hin. Verweissensitive Grafiken werden sowohl in Bild- als auch in Videodateien eingesetzt.

Auf Web-Seiten häufig anzutreffende Beispiele sind Landkarten, in denen bestimmte Regionen zu den entsprechenden Seiten führen. Daneben findet man im Winter oft „interaktive“ Adventskalender.

Inhaltsverzeichnis

Definition in HTML

Eine in HTML definierte Imagemap besteht aus einem eigentlichen Bild, das mit einem <img>-Tag definiert wird. Gleichzeitig wird bei diesem ein Attribut usemap angegeben, das auf die Imagemap verweist.

Die Imagemap besteht aus dem <map>-Tag sowie aus den einzelnen <area>-Tags, die die eigentlichen Definitionen der Felder darstellen, auf die geklickt werden kann. Diese definieren, vergleichbar mit der Definition bei einem <a>-Tag, welche URL aufzurufen ist.

Beispiel

<img src="bild.jpg" alt="alternativtext" usemap="#mapname" />
<map name="mapname">
    <area shape="rect" coords="9,372,66,397" href="http://de.wikipedia.org/" />
</map>

Der Code gibt an, dass ein Bereich (9,372,66,397), der als rechteckiger Bereich definiert wird, zur Wikipedia-Seite zeigt.

Problematik in Spam-E-Mails

Imagemaps werden in sogenannten Spam-Mails häufig dazu missbraucht, dem Empfänger eine falsche Seite vorzutäuschen:

<a href="https://www.dresdner-bank.de/conf_procedure.asp?start_session">
	<map name="TvZgci">
		<area coords="0, 0, 646, 388" shape="rect" href="XXX" />
	</map>
	<img src="cid:part1.@dresdner-bank.de" border="0" usemap="#TvZgci" />
</a>

Dieser Code bewirkt, dass in der Statusleiste eines Mailreaders die URL der gespooften Bank erscheint (hier die Dresdner Bank), sich aber beim Klick auf einen Bildbereich die Seite des Spoofers (hier als XXX gekennzeichnet) öffnet.

Verweissensitive Grafiken in Videos

Auch in digitalen Videodateien können verweissensitive Grafiken angewandt werden. Dabei muss der Produzent (oder Hersteller) des Videos eine Map-Datei (als reine Textdatei) schreiben, die alle notwendigen Informationen enthält, wie

  • Art, Anzahl und Aussehen (Rechtecke, Kreise, Polygone) der anklickbaren verweissensitiven Bereiche
  • Zeitintervalle, während denen die Bereiche aktiv sind

Anwendungen sind beispielsweise aktiv vom Zuschauer einzublendende Zusatzinformationen oder Werbemitteilungen.

Weblinks


Wikimedia Foundation.

Игры ⚽ Поможем сделать НИР

Schlagen Sie auch in anderen Wörterbüchern nach:

  • Imagemap —   [dt. »Bildkarte«] die, ein anklickbares Bild, dessen einzelnen Bereichen jeweils ein Querverweis, ein Link, zugeordnet, ist. Klickt man mit der Maus auf einen solchen Bildbereich, wird man mit dem entsprechenden Dokument verbunden oder es wird… …   Universal-Lexikon

  • imagemap — NCSA HTTPd Tool zu Bildern mit anklickbaren Bereichen …   Acronyms

  • Imagemap — Et billedet på en webside, hvor et eller flere områder af billedet (hotspots) fungerer som links …   Danske encyklopædi

  • imagemap — NCSA HTTPd Tool zu Bildern mit anklickbaren Bereichen …   Acronyms von A bis Z

  • Imagemap — Aufteilung eines Bildes oder einer Grafik in mehrere Bereiche (Hotspots), von denen verschiedene Links zu unterschiedlichen Webseiten führen. Client Side Imagemaps sind innerhalb HTML definiert und erfordern keine separate Definitionsdatei auf… …   Online-Wörterbuch Deutsch-Lexikon

  • imagemap — n. (In computers) list of reference points relating to a particular image produced in order to hyperlink areas of the image to various destinations …   English contemporary dictionary

  • clickable imagemap — image on the World Wide Web that users can click on in different parts and be lead to different documents …   English contemporary dictionary

  • Image map — For image maps in Wikipedia, see Extension:ImageMap. In HTML and XHTML , an image map is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to various destinations (as opposed to a normal image… …   Wikipedia

  • Image Map — Verweissensitive Grafik (engl. image map) ist ein Begriff aus dem Webdesign und bezieht sich auch auf Multimedia Anwendungen. Verweissensitive Grafiken bieten eine Möglichkeit, Hyperlinks innerhalb einer Grafik zu verstecken. Sie werden als… …   Deutsch Wikipedia

  • Image map — Verweissensitive Grafik (engl. image map) ist ein Begriff aus dem Webdesign und bezieht sich auch auf Multimedia Anwendungen. Verweissensitive Grafiken bieten eine Möglichkeit, Hyperlinks innerhalb einer Grafik zu verstecken. Sie werden als… …   Deutsch Wikipedia

Share the article and excerpts

Direct link
… Do a right-click on the link above
and select “Copy Link”