Image Map

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 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:

  • 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 — paveikslo planas statusas T sritis informatika apibrėžtis Paveikslas, suskirstytas į sritis, ir su kiekviena jo sritimi susietas atskiras ↑saitas. Kiekviena sritis tampa nuoroda. Naudojamas įvairiuose hipertekstuose: tinklalapiuose,… …   Enciklopedinis kompiuterijos žodynas

  • image map —    A graphical inline image on a Web page that contains more than one link. Each region of the image map is linked to a different Web resource; you can click a part of the image to retrieve the appropriate resource.    See also inline image …   Dictionary of networking

  • Image Map — Image Maps sind Grafiken mit anklickbaren Flächen, die als Links fungieren. Einige Suchmaschinen Spider ignorieren Links, die sich in Image Maps verbergen …   SEO Wörterbuch

  • image map — ● ►en loc. f. ►WIDGET Image découpée en zones cliquables, i.e. quand on clique dans l image il se produit des choses diverses et variées. En fait, le terme désigne plus précisément la carte qui définit ces zones, mais l usage courant s en fout et …   Dictionnaire d'informatique francophone

  • image map — noun An image on a web page that is divided into shaped portions, each of which has an associated hyperlink …   Wiktionary

  • clicable image map — paveikslo planas statusas T sritis informatika apibrėžtis Paveikslas, suskirstytas į sritis, ir su kiekviena jo sritimi susietas atskiras ↑saitas. Kiekviena sritis tampa nuoroda. Naudojamas įvairiuose hipertekstuose: tinklalapiuose,… …   Enciklopedinis kompiuterijos žodynas

  • map — atvaizdis statusas T sritis fizika atitikmenys: angl. image; map vok. Abbildung, f; Bild, n; Darstellung, f rus. образ, m; отображение, n; соответствие, n pranc. image, f …   Fizikos terminų žodynas

  • image — atvaizdis statusas T sritis fizika atitikmenys: angl. image; map vok. Abbildung, f; Bild, n; Darstellung, f rus. образ, m; отображение, n; соответствие, n pranc. image, f …   Fizikos terminų žodynas

Share the article and excerpts

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