Image Maps - Verweis-sensitive Grafiken erstellen

von: Werner Zenk

Verweis-sensitive Grafiken sind Grafiken, in denen der Anwender mit der Maus
auf ein Detail klicken kann. Daraufhin wird ein Verweis ausgeführt.

In diesem Bild soll ein Link erscheinen (an der Stelle wo das rote Rechteck ist),
zum erstellen kann man das Programm » iMap verwenden.

Hier folgt eine kurze Anleitung zum Programm iMap:

1. Laden Sie ein Bild mit dem Dateiformat .gif oder .jpg in das Programm:
Datei > Hintergrundbild importieren...

2. Markieren Sie mit den Werkzeugen den gewünschten Bereich.

3. Ansicht > Eigenschaften auswählen und bei Verweisziel einen Verweis eintragen.

4. Datei > Html exportieren... auswählen und den erstellten Html-Quelltext
vom Programm kopieren und in die Webseite einbauen.

Demo Quelltext:

   <map name="mrrobot-0">
      <area shape=rect coords="48,40,85,72" href="demolink.htm">
    </map>

    <img src="mrrobot.gif" usemap="#mrrobot-0" border=0>

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Kevin: Cool! Hatte so was gesucht, aber gedacht so was gibs nicht. Tom12: Besser geht es mit dem kostenlosen Programm GIMP
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Schriftarten

Bildschutz (3)

Marquee und Blink

Helle Farben - Farben sind eines der wichtigsten Gestaltungsmittel auf einer Webseite.

Die optimale Schriftart - Im Web gibt es einige Schriftarten die sich auf den meisten Browsern darstellen lassen.

Grafik Einbinden - So werden Grafiken und Bilder richtig eingebunden (referenziert).

Auswahllisten-Vorlagen - Nichts ist langweiliger beim schreiben als große Auswahllisten zu erstellen! Hier finden Sie deshalb diverse Auswahllisten zum kopieren.

Der Input-Tag (1)

Image-Toolbar - Neu im Internet Explorer 6 ist die Image Toolbar. Sie erscheint automatisch, sobald der Mauszeiger auf einer Grafik größer als 130*130 Pixel ruht. Über die angebotenen Icons kann die jeweilige Grafik abgespeichert, gedruckt oder per Email verschickt werden. So lässt sich die Image Toolbar abschalten

Leuchtfarben (Neonfarben)

Einen Link zum Seitenanfang setzen - Ist die Webseite etwas lang geworden, kann man einen Link zum Seitenanfang setzen.

1536 - Farben - Farbtabelle

Frameset Vorlagen (1) - Framesets (Frames) zu erstellen ist oftmals eine knifflige Angelegenheit. Hier finden Sie eine Sammlung von Frame-Quellcodes.

Frameset Vorlagen (2)

Schriftattribute

Beispiele für Farbkombinationen …mehr