Verweissensitive Grafik ( image map )

 

Ein Imagemap besteht aus dem <map>-Tag sowie aus den einzelnen <area>-Tags, die die eigentlichen Definitionen der Felder darstellen, auf die geklickt werden kann.

Mit der Bildbearbeitung GIMP ( Filter, Web, Imagemap ) können verweissensitive Grafiken unkompliziert erzeugt werden.

 

verweis sensitive Grafik joomla security valid css w3c school

 

Möglich sind Kreis (circle), Rechteck (rect) und Polygon (poly). Durch die coords wird die Position definiert - id und alt-tags sind erforderlich für eine valide Seite....

 

Code für Beispiel:
<img src="/images/stories/vsg.png" alt="verweis sensitive Grafik" usemap="#map" border="0" height="200" width="480" /> 
<map name="map" id="map">
<area shape="rect" coords="334,26,411,105" alt="joomla security" target="_blank" href="http://joomla-security.de" /> 
<area shape="circle" coords="101,88,40" alt="valid css" target="_blank" href="http://weinhertz.de" /> 
<area
 shape="poly" coords="202,134,239,107,277,135,263,178,216,177,202,137" 
alt="w3c school" target="_blank" 
href="http://www.w3schools.com/default.asp" />
</map>