Versensitive Grafiken

Verweissensitive Grafik ( englisch Bild Karte ) ist ein Begriff aus dem Webdesign und bezieht sich available in Multimedia – Programm . Sie bietet Eine möglichkeit, HyperlinksInnerhalb Einer Grafik einzubetten. Diese werden mit den variablen Shape = Realistische ( Rect ), Round ( Circle ) oder Freelance ( Poly ) -Schaltflächen gemacht, die Verweise (Anchor-Links) im Hypertext eines HTML-Dokuments hören . In der Regel können Sie nur Mauszeiger ändernAuf die nicht sichtbaren Schaltflächen hin. Wetterempfindliche Grafiken wurden in Bild- wie auch in Videodateien eingesetzt.

Auf Webseiten Hauf anzutreffenden beispiel Ist Land Karten , in Denen Bestimmt Region zu den Seiten entsprechend Führen. Eines der besten Beispiele sind im Winter oft der „interaktive“ Adventskalender .

Definition in HTML

Ein in HTML bestimmt Imagemap Besteht Aus einem Bild Eigentlich, das mit Einem <img>– Tag bestimmt Wird. Gleichzeit wird bei diesem Attribut usemapangegeben.

Die Imagemap wird verwendet, um <map>-Tag soie aus den einzelnen <area>-Tags zu nehmen, die die Definitionen der Felder verteidigt haben, die angeklickt wurden. This defineren, confused with the definition <a>ein ame-Tag, welke URL aufstellen ist. Folgender Code Gibt einen, dass ein Bereich (9,372,66,397), der einen einfacheren Bereich definiert, wird zur Wikipedia-Seite sucht:

< Img src = "bild.jpg" all = "alternate text" USEMAP = "#mapname" />
< map name = "mapname" >
 < Bereich Form = "rect" coords = "9,372,66,397" href = „http: / /de.wikipedia.org/ " alt = " Wikipedia " title = " Wikipedia " />
</ map >

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

Wetterempfindliche Grafiken in Videos

Auch in digitalen Sprach Videodateien Konnen verweissensitive Grafiken Angewandte Werden. This is the products of the products of the videos of the Map-Datei (als reine Textdatei) schreiben, die alle Informationen enthalten, wie

  • Kunst, Anzahl und Aussehen (Rechtecke, Kreise, Polygone ) Die anklickbaren Weisensensitiven Bereiche
  • Seitliche Intervalle, währenddessen die Bereiche aktiv sind

Anwendungen sind beispielsweise aktiv von Zuschauer einzublendende Zusatzinformationen von Werbemitteilungen.

Pseudo-Verweissensitivität in Videos

Um einen Effekt zu erzielen, der Ihre wahre wettersensible Grafik besitzt. Auf diese Weise wird der Inhalt des Videos „klickbar“.

Standards

HTML 4.01

  • Image – Maps , W3C -Empfehlung, 24. Dezember 1999 (englisch)

HTML 5

  • usemap (Attribut von img), W3C Arbeitsentwurf, 25. Mai 2011 (Englisch)
  • ismap (Attribut von img), W3C Arbeitsentwurf, 25. Mai 2011 (Englisch)
  • Karte – Bild-Kartendefinition , W3C Arbeitsentwurf, 10. Sep. 2017 (englisch)
  • Bereich – Image-Map-Hyperlink , W3C Arbeitsentwurf, 10. Sep. 2017 (englisch)

Software

  • Adobe Illustrator
  • Adobe Dreamweaver
  • Adobe Fireworks
  • Online Image Map Editor , Erstellung der Flächen für witterungsempfindliche Grafiken [1]
  • Imagemap Generator , Generierung von HTML Imagemaps [2]
  • GIMP : Filter → Web → Imagemap, Eingebauter Filter Zur Erstellung und Anpassung von Imagemaps

Weblinks

Tutorials:

  • Wetterempfindliche Grafiken im SELFHTML -Wiki
  • CSS Image Map Techniken und Tutorials zu Design Reviver (englisch)
  • Kapitel ImageMap im Benutzerhandbuch von GIMP

Skript:

  • Mapper.js – Automatische Hervorhebung von Imagemap-Regionen durch JavaScript bei netzgesta.de (deutsch)
  • Maphighlight.js – jQuery Map Highlight, Umwandlung zu 2D Leinwand-Element
  • MapZoom.js – netzgesta.de
  • map zoom – Sammlung von Perl-Scripten und CGI- Programmen für Imagemaps, enthält ua shp2imagemap.pl über Umwandlung von Shapefiles in Imagemaps ( University of Rochester , Englisch)

Einzelstunden

  1. Hochspringen↑ Imagemap maschek.hu
  2. Hochspringen↑ imagemap-generator.diariodomi.de

Schreibe einen Kommentar