Eine Imagemap ist ein Bereich auf einem Bild oder einer E-Katalog-Seite oder ein Bild in einem Rotationsset, mit dessen Hilfe ein Bedienfeld mit Rollover-Text angezeigt werden kann. Wenn der Benutzer eine Imagemap auswählt, wird eine Aktion irgendeiner Art ausgelöst. Beispielsweise kann eine Website aufgerufen werden, auf der der Benutzer mehr über ein Produkt erfährt. Um eine Imagemap wird ein Umriss angezeigt, wenn der Benutzer den Mauszeiger darüber bewegt.
Neben der Möglichkeit, in Adobe Dynamic Media Classic Imagemaps zu erstellen, können Sie beim Erstellen eines Katalogs in Adobe Acrobat oder Adobe InDesign auch Imagemaps erstellen.
Beim Erstellen von Imagemaps haben Sie folgende Möglichkeiten:
Führen Sie einen der folgenden Schritte aus:
Sie können eine rechteckige oder polygonale Imagemap zeichnen:
Rechteckige Karte - Wählen Sie das Rechteck-Bildzuordnungstool aus und ziehen Sie es auf die Seite, um das Rechteck zu erstellen. Um einen Punkt zu einer rechteckigen Karte hinzuzufügen (und sie so in eine Polygon-Karte zu ändern), drücken Sie die Strg-Taste, platzieren Sie das Einfügewerkzeug an der gewünschten Position und wählen Sie aus.
Polygonale Karte - Wählen Sie das Werkzeug Polygon-Imagemap aus und wählen Sie Punkte auf dem Bereich des Bildes aus, das Sie umschließen möchten. Verwenden Sie den Regler für die Dichte des Polygons, um die Punktdichte im Polygon zu ändern. Die ursprüngliche Dichte wird wiederhergestellt, wenn Sie andere Maps auswählen. Wenn ein Punkt im Polygon hinzugefügt, gelöscht oder verschoben wird, wird die ursprüngliche Dichte verworfen und der Regler auf den Maximalwert zurückgesetzt.
Geben Sie optional in der Imagemap-Liste einen Namen für die Imagemap ein. Nachdem Sie eine Imagemap gezeichnet haben, weist Adobe Dynamic Media Classic ihr einen Namen zu.
Um den Namen zu erstellen, hängt Adobe Dynamic Media Classic eine sequenzielle Nummer an den Namen des Bildes oder der E-Katalog-Seite an, mit dem/der Sie arbeiten. Sie können jedoch auch einen Namen Ihrer Wahl eingeben.
Wenn Sie möchten, dass Benutzer beim Auswählen der Imagemap eine neue Webseite öffnen, geben Sie die URL in die Liste "Imagemap"ein.
Wenn Rollover-Text angezeigt werden soll, sobald die Benutzer den Mauszeiger über die Imagemap bewegen, geben Sie den Text in der Imagemap-Liste ein. Wählen Sie in der Liste "Imagemap"die Anzeigen Menü und wählen Sie Rollover-Text. Geben Sie dann den Text ein, den die Benutzer auf dem Bildschirm sehen sollen. Sie können den Text in einem Textverarbeitungsprogramm schreiben und in das Feld „Rollover-Text“ kopieren.
Sie können auch eine andere Aktion definieren, die ausgeführt werden soll, wenn die Benutzer den Mauszeiger über die Imagemap bewegen. Im Anzeigen Dropdown-Liste auswählen Andere Aktionen. Geben Sie die Attribute der Aktion ein. (Gehen Sie zu Anzeigen > Beide zum Erstellen von Rollover-Text und einer Aktion für eine Imagemap.)
(Optional) Führen Sie dann einen der folgenden Schritte aus:
Auswählen Speichern.
Um die Position, Form und Größe einer Imagemap zu ändern, klicken Sie auf „Imagemap“ . Wählen Sie anschließend die Schwenken und befolgen Sie diese Anweisungen:
Position ändern - Bewegen Sie den Mauszeiger nahe, jedoch nicht über den Rahmen der Imagemap. Wenn der Mauszeiger als Vierfachpfeil dargestellt wird, ziehen Sie die Imagemap an eine andere Position.
Größe und Form ändern - Wie Sie die Form und Größe einer Imagemap ändern, hängt davon ab, ob Sie mit einer rechteckigen oder polygonalen Imagemap arbeiten:
Sie können den Schieberegler „Größe“ unten im Anzeigebereich ziehen, um die Ansichten zu ändern und die Imagemap besser anzeigen zu können.
Rechteckige Imagemap - Bewegen Sie den Mauszeiger über eine Seite oder Ecke der Imagemap. Wenn der Mauszeiger als Doppelpfeil dargestellt wird, ziehen Sie mit der Maus. Halten Sie beim Ziehen die Umschalttaste gedrückt, um die Größe zu ändern, dabei jedoch das Seitenverhältnis (die Form) beizubehalten.
Polygonale Imagemap - Ziehen Sie einen quadratischen Auswahlpunkt. Um einen Auswahlpunkt zu erstellen, wählen Sie den Rahmen der Imagemap aus und beginnen Sie mit dem Ziehen.
Wenn das Bild oder die E-Katalogseite mehrere Imagemaps enthält, die sich überschneiden, können Sie Einstellungen für die Überschneidung festlegen. Ändern Sie dazu in der Imagemap-Liste die Reihenfolge der Imagemaps. Ziehen Sie die Namen zu einer höheren oder niedrigeren Position in der Liste. Die Imagemaps an höheren Positionen überlagern die Imagemaps an niedrigeren Positionen in der Liste.
Anstatt auf jeder Seite Imagemap-Daten einzugeben, können Sie auch die Daten für das Bild, das Rotationsset oder den E-Katalog in den Anzeigebereich mit der Imagemap-Zusammenfassung importieren. Die Imagemap-Daten werden in Form einer tabulatorgetrennten oder XML DTD-Datei importiert. Die Felder in der Datei müssen dieselbe Reihenfolge haben, wie im Anzeigebereich mit der Imagemap-Zusammenfassung dargestellt: „Name“, „Inhaltsverz.“, „Imagemaps“, „URLs“, „Rollover-Text“, „Andere Aktionen“ und „Suchzeichenfolgen“. Indem Sie Imagemap-Daten importieren, können Sie sich die Arbeit beim Eingeben der Daten in der Imagemap-Liste zum Erstellen der einzelnen Imagemaps sparen.
So importieren Sie Imagemap-Daten:
Sie können Imagemaps zwischen Bildern und E-Katalogseiten kopieren. Verwendung Imagemap kopieren um einen Vorsprung zu erhalten, damit sie erstellt werden. Sie können Imagemaps auch kopieren, um sie in Bildern oder Seiten, die das Layout oder die Zuordnungsstruktur gemeinsam haben, neu zu erstellen.
Das Kopieren von Imagemaps in einem E-Katalog ist zum Beispiel eine praktische Möglichkeit, alle Imagemaps in die unterschiedlichen Sprachversionen des gleichen E-Katalogs zu kopieren. Um ein optimales Ergebnis zu erzielen, sollten Sie nach Möglichkeit zwischen E-Katalogen mit derselben Seitenanzahl und den gleichen Bildern kopieren. Wenn der E-Katalog, in den Sie kopieren, bereits Imagemaps enthält, werden diese Imagemaps beim Kopieren gelöscht.
So kopieren Sie Imagemaps:
Gehen Sie zur Seite „Imagemap-Editor“ (für Bilder oder Bilder in Rotationssets) oder zur Registerkarte „Imagemap-Seiten“ im Bearbeitungsbildschirm für E-Kataloge.
Auswählen Zuordnungen kopieren nach.
Führen Sie, abhängig davon, ob Sie Imagemaps aus Bildern oder Imagemaps aus einem E-Katalog kopieren möchten, einen der folgenden Schritte aus:
Auswählen Auswählen.
Sie können eine URL-Vorlage (auch Href-Vorlage genannt) definieren, um das Eingeben von Imagemap-URLs einfacher und effizienter zu machen. Es ist sinnvoll, eine URL-Vorlage zu definieren, wenn die meisten Ihrer Imagemap-URLs ein gemeinsames festes Format haben. Wenn Sie den gleich bleibenden Teil der URL als Vorlage definieren, brauchen Sie diesen Teil beim Erstellen einer neuen Imagemap-URL nicht jedes Mal erneut einzugeben. Eine URL-Vorlage kann auch JavaScript-Befehle, Pfadnamen und Parameter enthalten. Standardmäßig enthält die URL-Vorlage einen proprietären Adobe Dynamic Media Classic-JavaScript-Handler namens loadProduct
das das Bild in einem neuen Fenster öffnet.
Wenn Sie den JavaScript-Code zum HREF-Attribut Ihrer Imagemap hinzufügen, wird der Code auf dem Computer des Kunden ausgeführt. Stellen Sie daher sicher, dass der JavaScript-Code sicher ist.
Eine URL-Vorlage funktioniert so, dass der Inhalt der Spalte „URL“ in der Imagemap-Liste durch ein doppeltes Dollarzeichen (‘$$’) in der Vorlage ersetzt wird:
Javascript:loadProduct(‘$$’);void(0);
Sie platzieren alle Werte, die sich nicht zwischen Imagemaps ändern, in der URL-Vorlage. Fügen Sie anschließend nur die Werte hinzu, die sich in der Spalte „URL“ der Imagemap-Liste ändern. Beispiel:
javascript:loadProduct(‘https://www.examplesitehere.com/$$’);void(0);
product.htm
javascript:loadProduct(‘https://www.examplesitehere.com/product.html);void(0);
Standardmäßig enthält die URL-Vorlage einen proprietären Adobe Dynamic Media Classic-JavaScript-Handler namens loadProduct
öffnet ein neues Fenster mit dem URL-Ziel. Sie können jedoch beliebigen JavaScript-Code verwenden, um diesen JavaScript-Handler zu ersetzen, oder einen der folgenden Adobe Dynamic Media Classic-Handler verwenden:
loadProductCW
- Zeigt das URL-Ziel an, das in der Spalte „URL“ des aktuellen Fensters angegeben ist. Dieser Handler ist hauptsächlich für E-Kataloge vorgesehen, die in eine Seite innerhalb einer Website integriert sind.
loadProductPW
- Zeigt das in der Spalte URL des übergeordneten Fensters angegebene URL-Ziel an (die Seite, die die aktuelle Seite geöffnet hat). Das aktuelle Fenster bleibt geöffnet, während im übergeordneten Fenster das URL-Ziel angezeigt wird.
Der Handler loadProductPW
unterstützt keine DHTML- und HTML5-Viewer.
Auf der Seite „Map-Editor“ (bei Bildern und Rotationssets) bzw. der Registerkarte „Imagemap-Seiten“ des Anzeigebereichs „E-Katalog“ (bei E-Katalogseiten) stehen folgende Befehle zum Einstellen von URL-Vorlagen zur Verfügung:
Option "URL-Vorlage" - Wählen Sie die Option URL-Vorlage aus, um Ihre URL-Vorlage auf alle Imagemaps auf einem Bild oder einer E-Katalog-Seite anzuwenden.
Vorlagenoption - Deaktivieren Sie eine Vorlagenoption in der URL-Imagemap-Liste, wenn Sie nicht möchten, dass eine einzelne Imagemap die URL-Vorlage verwendet.
Sie können die Anzeigen Menü und wählen Andere Aktionen auf andere Trigger-Aktionen als Rollover-Text- und Webseitenstarts. Wenn der Benutzer den Mauszeiger über eine Imagemap bewegt, kann die Aktion ausgelöst werden. Diese Aktionen sind Attribute, die mithilfe der HTML-Spezifikationen des W3C (World Wide Web Consortium) für clientseitige Imagemaps definiert werden. Diese umfassen Folgende:
accesskey
- Löst eine Aktion aus, wenn der Benutzer eine bestimmte Taste der Tastatur drückt.
onfocus
- Trigger eines Ereignisses, wenn die Imagemap den Fokus erhält - durch Cursor, Tab oder Drücken einer Zugriffstaste. Sie können beispielsweise eine Website aufrufen, wenn die Imagemap den Fokus erhält, und sie wieder schließen, wenn die Imagemap den Fokus wieder verliert.
onblur
- Löst ein Ereignis aus, wenn die Imagemap den Fokus verliert, entweder durch Betätigung des Cursors oder des Tabulators.
So definieren Sie weitere Aktionen für Imagemaps:
Wählen Sie die Anzeigen Menü und wählen Sie Beide , wenn eine Imagemap über Rollover-Text und eine Aktion verfügen soll.
Sie können Imagemaps während des Entwerfens Ihres E-Katalogs in Adobe Acrobat oder Adobe InDesign erstellen.
Erstellen Sie in Adobe Acrobat oder Adobe InDesign Hyperlink-Verweise, in denen die Imagemaps angezeigt werden sollen, und geben Sie URL-Speicherorte für die Imagemap an. Wenn Sie beim Hochladen der PDF-Datei in Adobe Dynamic Media Classic die Option Links extrahieren auswählen, werden die Links automatisch in Imagemaps konvertiert.
Weitere Informationen finden Sie in der Hilfe zu Adobe InDesign oder in der Adobe Acrobat-Hilfe.
Navigieren Sie in Adobe InDesign zu Windows® > Interaktiv > Hyperlinks.
Wählen Sie im Bedienfeld "Hyperlinks"den Text, den Rahmen oder die Grafik aus, den/die Sie in eine Imagemap aufnehmen möchten.
Auswählen Neuer Hyperlink über das Bedienfeldmenü aus.
Wählen Sie im Dialogfeld "Neuer Hyperlink"aus dem Link zu Menü, wählen URL.
Geben Sie die Produkt-ID in das Feld "URL"ein oder fügen Sie sie ein.
Auswählen OK. (Adobe Dynamic Media Classic füllt die URL mit der URL-Vorlage "Imagemap".)
Sie müssen keine Darstellungsoptionen in Adobe InDesign festlegen. Sie können das Erscheinungsbild in Adobe Dynamic Media Classic festlegen.
Wiederholen Sie Schritt 2 bis 6 für alle Imagemaps, die Sie erstellen möchten.
Exportieren Sie die Datei als PDF.
Laden Sie die PDF in Adobe Dynamic Media Classic hoch.
In PDF-Optionen auswählen Links extrahieren.
Sie müssen keine Darstellungsoptionen in Adobe Acrobat festlegen. Sie können das Erscheinungsbild in Adobe Dynamic Media Classic festlegen.