Verweissensitive Grafik - LinkFang.de





Verweissensitive Grafik


<imagemap>-Fehler: Bild ist ungültig oder nicht vorhanden

Beispiel „Kontinente“

Verweissensitive Grafik (englisch image map) ist ein Begriff aus dem Webdesign und bezieht sich auch auf Multimediaprogramme. Sie bietet eine Möglichkeit, Hyperlinks innerhalb einer Grafik einzubetten. Diese werden mit der Variable shape= als rechteckige (rect), runde (circle) oder freie (poly) Schaltflächen realisiert, die sich wie Verweise (Anchor-Links) im Hypertext eines HTML-Dokumentes verhalten. In der Regel deutet ein sich verändernder Mauszeiger auf die nicht sichtbaren Schaltflächen hin. Verweissensitive Grafiken werden sowohl in Bild- als auch in Videodateien eingesetzt.

Auf Webseiten häufig anzutreffende Beispiele sind Landkarten, in denen bestimmte Regionen zu den entsprechenden Seiten führen. Ein weiteres Beispiel sind im Winter oft „interaktive“ Adventskalender.

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. Folgender Code gibt an, dass ein Bereich (9,372,66,397), der als rechteckiger Bereich definiert wird, zur Wikipedia-Seite zeigt:

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

Grafische Hervorhebungen können mit CSS oder JavaScript umgesetzt werden.

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 derer die Bereiche aktiv sind

Anwendungen sind beispielsweise aktiv vom Zuschauer einzublendende Zusatzinformationen oder Werbemitteilungen.

Pseudo-Verweissensitivität in Videos

Um einen Effekt von Verweissensitivität hervorzurufen greifen viele Videomacher auf Videoportalen zu Tricks zurück, die ein ähnliches Resultat wie eine echte verweissensitive Grafik kreiert. Beispielsweise wird auf Youtube eine Anmerkung in bereits zuvor gefertigte Bereiche des Videos eingebettet, was diesen Bereich innerhalb des Videos "klickbar" macht.

Standards

HTML 4.01

HTML 5

Software

Weblinks

Tutorials:

Skripte:

Einzelnachweise

  1. ajaximagemapcreator kolchose.org
  2. imagemap maschek.hu
  3. imagemap-generator.dariodomi.de

Kategorien: GIS-Datenformat | Computergrafik | HTML

Quelle: Wikipedia - http://de.wikipedia.org/wiki/Verweissensitive Grafik (Vollständige Liste der Autoren des Textes [Versionsgeschichte])    Lizenz: CC-by-sa-3.0

Änderungen: Alle Bilder mit den meisten Bildunterschriften wurden entfernt. Ebenso alle zu nicht-existierenden Artikeln/Kategorien gehenden internen Wikipedia-Links (Bsp. Portal-Links, Redlinks, Bearbeiten-Links). Entfernung von Navigationsframes, Geo & Normdaten, Mediadateien, gesprochene Versionen, z.T. ID&Class-Namen, Style von Div-Containern, Metadaten, Vorlagen, wie lesenwerte Artikel. Ansonsten sind keine Inhaltsänderungen vorgenommen worden. Weiterhin kann es durch die maschinelle Bearbeitung des Inhalts zu Fehlern gerade in der Darstellung kommen. Darum würden wir jeden Besucher unserer Seite darum bitten uns diese Fehler über den Support mittels einer Nachricht mit Link zu melden. Vielen Dank!

Stand der Informationen: August 201& - Wichtiger Hinweis: Da die Inhalte maschinell von Wikipedia übernommen wurden, ist eine manuelle Überprüfung nicht möglich. Somit garantiert LinkFang.de nicht die Richtigkeit und Aktualität der übernommenen Inhalte. Sollten die Informationen mittlerweile fehlerhaft sein, bitten wir Sie darum uns per Support oder E-Mail zu kontaktieren. Wir werden uns dann innerhalb von spätestens 10 Tagen um Ihr Anliegen kümmern. Auch ohne Anliegen erfolgt mindestens alle drei Monate ein Update der gesamten Inhalte.