Imagemap bearbeiten und installieren

von Farben frei wählbar 22. August 2011 12:45 Kategoriezuordnung

SVG/AI Datei bearbeiten:

-Ordner Source-

Karte:
sichtbarer Teil der Image Map ohne das die Maus bewegt wird.

Over:
wird angezeigt wenn die Maus über die zu klickende Fläche fährt.

Einfärben:
Ebenen/Layer markieren und mit der gewünschten Farbe versehen. Das gilt für Flächen und Randfarbe. Näheres finden Sie in der Dokumentation der benutzten Software.

Größe ändern / skalieren:
Alle Flächen (Karte und Over) markieren und die gewünschte Größe einstellen. Danach nur die Karte markieren und prüfen, ob die gewünschte Größe erreicht wurde, wenn nicht, wieder alles markieren und noch einmal probieren.

Wichtig!

Beim Größe ändern immer alle Flächen markieren!
Sonst wird der Mousover Effekt nicht funktionieren.

CSS-Code muß danach neu angepasst werden.

Wenn alles eingefärbt ist wird die Datei als *.png in den Imageordner der zu nutzenden Imagemap-Version exportiert.Vorhandene Datei muß überschrieben werden.

Installieren auf Webspace

Verschieben Sie den Ordner map ins Hauptverzeichnis Ihrer Webseite. Wenn nicht gewünscht, Pfad in der Datei index.html und der jeweiligen CSS-Datei anpassen.
Fügen Sie den Inhalt der Datei index.html an die gewünschte Stelle Ihrer Webseite. Bei Joomla, Wordpress etc. in einen Artikel oder Content Modul einfügen.

Wichtig !
Code im html Modus bearbeiten, keinen "wysiwyg Editor" zum bearbeiten und kopieren verwenden!

Platzhalter die im Code vorhanden sind href="#" gegen die jeweiligen Daten und Links ändern.