Erstellen von Imagemaps in E-Katalogen

Eine Imagemap ist ein Bereich auf einer E-Katalogseite, über den Sie den Mauszeiger bewegen oder auf den Sie klicken können, um verschiedene Aktionen auszulösen. Wenn Sie den Mauszeiger beispielsweise über eine Imagemap bewegen, wird eine Beschreibung eines Elements mit Rollover-Text angezeigt. Wenn Sie auf eine Imagemap klicken, wird eine andere Aktion ausgelöst. Beispielsweise können Sie eine Webseite öffnen, damit die Besucher der Website mehr über einen Artikel erfahren oder ihn kaufen können oder damit Sie ein Video starten können, um einen Artikel in Aktion zu sehen.

Zeichnen von Imagemaps in E-Katalogen

Imagemaps für E-Kataloge werden auf der Registerkarte „Imagemap-Seiten“ des Anzeigebereichs „E-Katalog“ gezeichnet. In diesem Anzeigebereich wird links der Bereich „Imagemap“ mit den E-Katalogseiten und rechts eine Liste mit Imagemaps angezeigt. Beim Erstellen von Imagemaps werden deren Namen in der Imagemap-Liste eingefügt.

  1. Klicken Sie auf die Rollover-Schaltfläche Bearbeiten des E-Katalogs.

  2. Klicken Sie auf Imagemap-Seiten.

  3. Wählen Sie links im Anzeigebereich „Imagemap-Seiten“ die gewünschte Seite aus.

  4. Zeichnen Sie im Bereich „Imagemap“ eine rechteckige oder polygonale (vieleckige) Imagemap:

    • Rechteckige Imagemap : Wählen Sie das Rechteck-Imagemap-Werkzeug aus und ziehen Sie auf die Seite, um das Rechteck zu erstellen.

    • Polygonale Imagemap : Wählen Sie das Polygon-Imagemap-Werkzeug aus und klicken Sie so oft wie nötig um den Bildbereich. Während Sie klicken, zeichnet Dynamic Media Classic die Ränder der Imagemap.

      Nachdem Sie eine Imagemap gezeichnet haben, weist Dynamic Media Classic ihr in der Imagemap-Liste einen Namen zu. Um den Namen zu erstellen, hängt Dynamic Media Classic eine fortlaufende Nummer an den Namen der E-Katalog-Seite an, auf der Sie arbeiten.

  5. (Optional) Geben Sie im Imagemap-Liste-Bedienfeld in der Spalte „Name“ einen neuen Namen für die Imagemap ein. Der von Ihnen eingegebene Name darf keine Leerzeichen enthalten.

  6. Sie können festlegen, dass beim Klicken auf eine Imagemap in einem Viewer eine neue Webseite geöffnet wird. Geben Sie im Imagemap-Liste-Bedienfeld in der Spalte „URL“ die URL der Webseite ein.

    Um die Eingabe von URLs (Href-Vorlagen) zu vereinfachen, klicken Sie auf Bearbeiten und geben Sie eine Vorlage ein.

Siehe Verwenden einer Vorlage zur Eingabe von JavaScript™ und URLs.

  1. (Optional) Klicken Sie in der Dropdown-Liste "Anzeigen"auf Rollover-Text und geben Sie dann den Text ein, den die Benutzer auf dem Bildschirm sehen sollen, wenn sie den Mauszeiger über die Imagemap bewegen.

  2. (Optional) Klicken Sie in der Dropdown-Liste "Anzeigen"auf Andere Aktionen und geben Sie ein Attribut ein, um eine Weichzeichnungs- oder Fokusaktion einzugeben, wenn der Benutzer den Mauszeiger über eine Imagemap bewegt.

    Siehe Definieren anderer Aktionen für Imagemaps.

  3. Klicken Sie auf „Speichern“.

  4. (Optional) Klicken Sie auf Vorschau, um den E-Katalog mit der standardmäßigen E-Katalog-Viewer-Vorgabe Ansicht.

Um eine Imagemap zu löschen, wählen Sie deren Namen in der Imagemap-Liste aus und klicken Sie auf Löschen. Um eine Imagemap vorübergehend auf einer Seite zu deaktivieren, ohne sie jedoch zu löschen, deaktivieren Sie im Imagemap-Liste-Bedienfeld die Option „Ein“ der jeweiligen Imagemap.

Einbetten von Rich-Media-Daten in einen E-Katalog

Mit der Rich-Media-Option des E-Katalogs können Sie Videos im MP4-Format oder Rotationssets zu Imagemaps hinzufügen, die Sie in einen E-Katalog eingefügt haben. Wenn ein Benutzer auf den Imagemap-Bereich im E-Katalog klickt, wird das verknüpfte Video oder das Rotationsset angezeigt. Diese Funktion ist besonders hilfreich, wenn Sie möchten, dass die Kunden einen Artikel in Aktion oder einen Artikel aus unterschiedlichen Blickwinkeln und Perspektiven sehen können.

Sie können optional auch QuickInfo-Text anzeigen, wenn Kunden den Mauszeiger über die Imagemap bewegen, damit sie wissen, worauf sie klicken.

So betten Sie Rich-Media-Daten in einen E-Katalog ein:

  1. Zeichnen Sie eine E-Katalog-Imagemap.

    Siehe Zeichnen von Imagemaps in E-Katalogen.

  2. Wählen Sie in der Dropdown-Liste Anzeigen die Option Rich Media.

  3. Navigieren Sie im Bedienfeld „Assets hinzufügen“ links zu einem Ordner, der das Rotationsset oder Video-Asset (MP4-Format) enthält, das Sie einbetten möchten.

  4. Ziehen Sie das Asset auf die Imagemap.

  5. (Optional) Geben Sie im Bereich "Imagemap-Liste"unter der Spaltenüberschrift QuickInfo den Text ein, den die Viewer auf dem Bildschirm sehen sollen, wenn sie den Mauszeiger über die Imagemap bewegen.

  6. Klicken Sie auf „Speichern“.

Bearbeiten von Imagemaps in E-Katalogen

Führen Sie auf der Registerkarte „Imagemap-Seiten“ des Anzeigebereichs „E-Katalog“ die folgenden Schritte zum Bearbeiten von Imagemaps in E-Katalogen durch:

  • Anpassen der Position : Wählen Sie das Schwenken-Werkzeug aus und bewegen Sie den Zeiger nahe, jedoch nicht über den Rand der Karte. Wenn sich der Zeiger in einen vierköpfigen Pfeil ändert, ziehen Sie die gesamte Imagemap an eine neue Position.

    Siehe Anpassen der Position, Form und Größe von Imagemaps.

  • Ändern der Form und Größe - Um die Größe einer rechteckigen Imagemap zu ändern, wählen Sie das Schwenken-Werkzeug aus. Bewegen Sie dann den Mauszeiger über den Rand oder eine Ecke der Imagemap. Wenn der Mauszeiger als Doppelpfeil dargestellt wird, ziehen Sie ihn. Um die Größe einer polygonalen Imagemap zu ändern, ziehen Sie einen quadratischen Auswahlziehpunkt an die gewünschte Stelle. Um einen Auswahlziehpunkt zu erstellen, klicken Sie auf den Rand der Imagemap und beginnen Sie zu ziehen.

    Siehe Anpassen der Position, Form und Größe von Imagemaps.

  • Löschen von Imagemaps : Wählen Sie das Schwenken-Werkzeug aus, klicken Sie auf die Imagemap, um sie auszuwählen, und klicken Sie dann auf Löschen.

    Um alle Imagemaps aus einem E-Katalog zu entfernen, klicken Sie auf die Registerkarte Seiten ordnen und dann auf Imagemaps löschen.

  • Umgang mit überlappenden Imagemaps : Ziehen Sie, um die Reihenfolge der Imagemaps auf der Imagemap-Liste zu ändern.

    Siehe Beheben von überlappenden Imagemaps.

  • Kopieren von Imagemaps auf andere Seiten - Klicken Sie auf "Imagemaps kopieren nach "(stellen Sie sicher, dass Sie sich auf der Registerkarte "Imagemap-Seiten"befinden). Wählen Sie im Bildschirm "Bilder auswählen"die Seite bzw. die Seiten aus, auf die Sie die Imagemaps kopieren möchten, und klicken Sie auf Auswahl.

    Siehe Kopieren von Imagemaps in andere Bilder.

HINWEIS

Sie können Imagemaps nicht nur auf verschiedene Seiten in einem E-Katalog kopieren, sondern auch alle Imagemaps in einem E-Katalog in einen anderen E-Katalog kopieren. Siehe Kopieren von Imagemaps zwischen E-Katalogen.

Überprüfen und Importieren von Imagemap-Daten

Im Anzeigebereich mit der Imagemap-Zusammenfassung werden Metadaten zum E-Katalog angezeigt. Sie können in diesem Anzeigebereich auch einen Stapelimport von Imagemap-Daten für den E-Katalog starten. Ein solcher Import von Imagemap-Daten erleichtert die Eingabe von Imagemap-URLs und Rollover-Text.

Um die Map-Übersicht anzuzeigen, klicken Sie auf der Registerkarte „Imagemap-Seiten“ des E-Katalog-Anzeigebereichs auf „Zusammenfassung“.

Überprüfen der Zusammenfassung von Imagemap-Daten

  1. Klicken Sie im Anzeigebereich "Imagemap-Seiten"auf Zusammenfassung.

    Im Anzeigebereich mit der Imagemap-Zusammenfassung wird die Anzahl der im E-Katalog enthaltenen Imagemaps, URLs, Rollover-Textbeschreibungen und anderen Aktionen angezeigt.

  2. Wenn Rollover-Key-Fehler auftreten, klicken Sie auf den Fehler in der Spalte Rollover_Key-Fehler, um zu sehen, was in Ihrer Tabelle geändert werden muss, um den Fehler zu korrigieren. Sie können den Text dieser Meldung kopieren und direkt in Ihre Tabelle einfügen.

  3. Klicken Sie auf Vorschau, um eine Seite im E-Katalog-Viewer zu untersuchen, klicken Sie auf das X, um den Anzeigebereich "Zusammenfassung"zu schließen und zum Anzeigebereich "Imagemap-Seiten"zurückzukehren, oder klicken Sie auf Schließen, um zum Durchsuchen zurückzukehren.

Importieren von Imagemap-Daten

Anstatt auf jeder Seite Imagemap-Daten einzugeben, können Sie über den Anzeigebereich mit der Imagemap-Zusammenfassung auch die Daten für den gesamten E-Katalog 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.

HINWEIS

Bevor Sie Imagemap-Daten importieren können, müssen Sie die Imagemaps bereits erstellt haben.

Führen Sie im Anzeigebereich mit der Imagemap-Zusammenfassung die folgenden Schritte zum Importieren vom Imagemap-Daten für die bereits erstellten Imagemaps aus:

  1. Klicken Sie auf Map Data importieren.
  2. Klicken Sie im Dialogfeld "Metadaten importieren"auf Durchsuchen und wählen Sie dann die tabulatorgetrennte oder XML-DTD-Datei aus.
  3. Geben Sie im Feld „Auftragsname“ einen Namen für die Datei ein (achten Sie darauf, die Dateinamenerweiterung dabei nicht zu ändern).
  4. Klicken Sie auf Hochladen.

Kopieren von Imagemaps zwischen E-Katalogen

Sie können alle Imagemaps in einem E-Katalog in einen anderen E-Katalog kopieren. Das Kopieren der Imagemaps auf diese Weise ist ein praktisches Verfahren, um Imagemaps zwischen fremdsprachigen Versionen des gleichen E-Katalogs zu kopieren. Damit das Kopieren erfolgreich ist, empfiehlt Dynamic Media Classic das Kopieren zwischen E-Katalogen mit derselben Anzahl von Seiten und denselben Bildern.

HINWEIS

Falls der E-Katalog, in den Sie Imagemaps kopieren, bereits Imagemaps enthält, werden diese beim Kopiervorgang gelöscht.

Gehen Sie wie folgt vor, um alle Imagemaps in einem E-Katalog in einen anderen E-Katalog zu kopieren:

  1. Wählen Sie den E-Katalog mit den zu kopierenden Imagemaps aus und klicken Sie auf die Rollover-Schaltfläche Bearbeiten des E-Katalogs.
  2. Klicken Sie auf der Registerkarte "Seiten ordnen"auf Imagemaps kopieren.
  3. Wählen Sie im Dialogfeld "Asset auswählen"den E-Katalog aus, in den Sie die Imagemaps kopieren möchten, und klicken Sie dann auf Auswählen.

In Dynamic Media Classic wird eine Warnmeldung angezeigt, wenn der E-Katalog der Zielgruppe (der E-Katalog, in den Imagemaps kopiert werden) eine andere Seitenanzahl oder Bildgröße aufweist. Klicken Sie auf Weiter, um die Imagemaps trotz der Warnung zu kopieren.

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now