Image Map 2
Ich hätte gerne eine Deutschlandkarte, auf der man mit der Maus über einzelne Bereich fährt und dann dort bestimmte Informationen angezeigt bekommt; z.B.: Wie das Bundesland heißt.
Noch einen Schritt weiter: Mit einem Klick auf sein Bundesland wird man sofort auf die dazugehörige Seite geleitet.
Das realisiert man mit dem Freeware-Programm Programm Fast Image Map 2 (aktuelle Version: 2.2.1).
Vorgehensweise beim Programm Fast Image Map 2.
| Vorgehensweise | |
|---|---|
| 1) | Datei → Neu; neues Fenster öffnet sich. |
| 2) | Name der Image-Map eingeben. |
| 3) | Bilddatei für die Image Map aussuchen. |
| 4) | Beschreibungstext eingeben. |
| 5) | OK anklicken. |
| 6) | Auf die entsprechende Verweisfläche klicken: Kreis, Rechteck, Polygon (vieleckig). |
| 7) | Bei polygoner Verweisfläche mit vielen Klicks diese 1x umrunden. Es reicht ein Klick an der Stelle, an der die Richtung sich ändern soll. |
| 8) | Beschreibungstext in das Fenster unten links in die Zeile "alt, title" eingeben. |
| 9) | Reiter Image Map "in neue HTML-Datei einfügen" auswählen und dann im neuen Fenster zuerst "Speichern unter ..." auswählen und entsprechenden Namen vergeben. |
| 10) | Fenster schließen (sonst geht es nicht weiter). |
| 11) | Bei (6) geht es weiter bis zu (8). |
| 12) | Statt (9) nun nur noch "Speichern" drücken und das Fenster schließen. Nun passiert etwas Interessantes: alle bisherigen Koordinaten sind weiterhin vorhanden, solange die Image-Bearbeitung nicht unterbrochen (d.h. das Programm nicht beendet wird). So geht es weiter, bis alle Verweisflächen aufgenommen wurden. |
| 13) | Die blauen Daten (im Fenster) bitte markieren und kopieren. |
| 14) | Die Seite in CMSimple_XH aufrufen und dort im Editormodus das HTML-Fenster öffnen. |
| 15) | Mit <Strg> + <V> diese Daten an der Stelle einfügen, an der das Bild hin soll. |
| 16) | Nun muss zuerst gespeichert werden. Anschließend bekommen Sie eine Fehlermeldung, dass das Bild nicht vorhanden sei. Das ist richtig. Rufen Sie nochmals den HTML-Modus auf und suchen Sie "scr". Ändern Sie nun den richtigen Pfad zum Bild ( CMSimple_XH = ./images/dateiname.jpg ). Nach dem Speichern wird nun auch das Bild korrekt angezeigt. |
| 17) | Loggen Sie sich nun aus, damit die Contentdatei gespeichert und auch ein BAK-Up angelegt wird. |
Meine Realisierung im Juli 2013 für die Anfrage von roze aus dem CMSimple_XH Forum.
Als Kopiervorlage freigegeben: © 2013, Michael Zajusch
Letzte Bearbeitung: