|
|
|
|
|
Im Gegensatz zu anklickbaren Grafiken verweisen sensitive Grafiken auf nicht nur eine, sondern auf mehrere verschiedene Seiten oder auch auf mehrere Punkte innerhalb einer Seite, da Bereiche dieser Grafik unterschiedlich referenziert werden. Durch Anklicken von Teilbereichen so einer Grafik gelangt man zu den entsprechenden anderen Stellen.
Verweis-sensitive Grafiken können eine Hilfe beim Navigieren sein, denn optische Verweise lassen sich manchmal schneller erfassen als Verweise über Worte oder Sätze.
Es lassen sich aber auch noch ganz andere Anwendungsbereiche für den Einsatz verweis-sensitiver Bilder denken. Ein Beispiel aus dem Gebiet der Bildbetrachtung könnt Ihr hier sehen.
Der Tag für verweis-sensitive Grafiken lautet
<map name="hier müßt Ihr einen Namen vergeben">
und wird geschlossen mit
</map>
Die verweis-sensitive Grafik wird ganz normal mit dem IMG-Tag referenziert, erhält aber die zusätzliche Bezeichnung usemap. Nach dem Gleichheitszeichen schreibt Ihr den selben Namen, den Ihr bei der Map vergeben habt in Anführungszeichen, setzt aber vor den Namen eine Sprungmarke #.
<img src="verweis.gif" usemap="#hier wieder der Name">
Die verweis-sensitiven Bereiche einer Grafik müssen pixelgenau definiert werden. Das geht recht einfach, wenn Ihr Grafiken mit z.B. Paint Shop Pro bearbeitet, denn PSP ist ein Grafikprogramm, welches die Position der Pixel in der Fußleiste anzeigt. Und wenn Ihr Eure Grafik auf ein 10-faches vergrößert, könnt Ihr die Position jedes einzelnen Pixels erkennen und bearbeiten.
Wie Ihr die Koordinaten der unterschiedlichen grafischen Formen angeben müßt erfahrt Ihr, wenn Ihr bei dem Grafikbeispiel unten auf die entsprechen Flächen klickt.
Die jeweilige Ausrichtung der Grafik spielt dabei keine Rolle, denn die Positionsbestimmung der x, y, (r)-Werte bezieht sich nur auf die Grafik an sich, nicht auf deren Plazierung auf der Seite.
<IMG USEMAP="#Verweis" SRC="verweis.gif" border=0> <MAP name="Verweis"> <AREA shape="rect" coords="5,4,44,43" href="quadrat.htm"> <AREA shape="circle" coords="70,23,20" href="kreis.htm"> <AREA shape="polygon" coords="96, 14, 118, 14, 118, 7, 136, 23, 136, 24, 118, 40, 118, 33, 96, 33, 96, 14" href="polygon.htm"> </MAP>
