Corel Painter Hilfe | Image-Maps erstellen

Image-Maps erstellen

So definieren Sie eine Standard-URL für eine Image-Map

Eine Image-Map ist ein Bild auf einer Webseite, das verschiedene anklickbare Bereiche enthält, die verlinkt sind, sodass der Benutzer durch Klicken auf einen dieser Bereiche zu einer anderen Webseite gelangt.

Es gibt zwei Arten von Image-Maps:

• Client-Image-Maps (Client-side Maps): Die Image-Map-Informationen werden direkt im HTML-Dokument gespeichert. Informationen zur URL erscheinen am unteren Rand des Browserfensters, wenn der Mauszeiger über die jeweiligen Bereiche der Image-Map bewegt wird.

• Bei Server-Image-Maps werden die Image-Map-Informationen in einer separaten Datei auf einem Server gespeichert und von dort mittels eines CGI-Skripts abgerufen. Unten im Browserfenster werden Koordinateninformationen (keine URL-Informationen) angezeigt, wenn ein Mauszeiger über den entsprechenden Bereich der Image-Map bewegt wird.

Client-Image-Maps sind schneller und effizienter, da sich alle Bilddaten im HTML-Code der Seite befinden. Bei einer Server-Image-Map müssen dagegen erst entsprechende Informationen zwischen Browser und Webserver ausgetauscht werden. Allerdings werden Client-Image-Maps von sehr alten Browsern nicht unterstützt.

Wenn auf einen verlinkten Bereich (links) geklickt wird, zeigt der Browser die entsprechende Seite an (rechts).

Client-Image-Maps

Eine Client-Image-Map ist ein Bild mit Bereichen, die verlinkt sind, denen also eine URL-Adresse zugewiesen wurde. Diese Bereiche werden „Hotspots" genannt. Wenn der Benutzer auf einen dieser Hotspots klickt, zeigt der Browser die angegebene Webseite an.

Eine Client-Image-Map erkennt runde und rechteckige Hotspots. Aus diesem Grund wird in Corel Painter ein kreisförmiger Bereich wie ein Kreis und ein rechteckiger Bereich wie ein Rechteck behandelt. Ovale Bereiche werden als Rechtecke exportiert.

Image-Maps werden mithilfe von Ebenen erstellt. Die Größe der Ebene bestimmt den anklickbaren Bereich. Weitere Informationen finden Sie unter Ebenen.

Die Größe der Ebene bestimmt die Größe des anklickbaren Bereichs (Hotspots).

Bei Server-Image-Maps werden Kreise und Ovale anders gehandhabt. Wenn Sie Server-Image-Maps erstellen, können Sie auch Ovale exportieren. Weitere Informationen zu Server-Image-Maps finden Sie unter Server-Image-Maps erstellen.

So definieren Sie eine Client-Image-Map

1 Wählen oder erstellen Sie eine Ebene oder Form an exakt der Stelle Ihres Bilds, an der der Link eingefügt werden soll.

Falls Sie das Auswahlrechteck der Ebene nicht sehen können, klicken Sie im Bedienfeld Ebenen auf die Ebenen-Optionen-Schaltfläche

, und wählen Sie die Option Ebenen-Indikator einblenden.

2 Klicken Sie auf die Ebenen-Optionen-Schaltfläche

und wählen Sie die Option Ebenenattribute.

3 Geben Sie im Dialogfeld Ebenenattribute einen Namen für die Ebene ein.

4 Aktivieren Sie die Option Anklickbarer WWW-Bereich.

5 Geben Sie im Feld URL die URL-Adresse ein, die beim Klicken auf diesen Bereich aufgerufen werden soll (z. B. http://www.painterartist.com).

6 Klicken Sie auf OK, um zum Bild zurückzukehren.

7 Heben Sie die Auswahl der Ebene auf und definieren Sie danach den nächsten Bereich Ihrer Image-Map.

Wenn sich mehrere Bereiche in einer Image-Map überlagern, hat der oberste Bereich Priorität.

8 Exportieren Sie Ihr Bild in das GIF- oder JPEG-Dateiformat. Aktivieren Sie im Dialogfeld GIF-Optionen bzw. JPEG-Optionen die Option Client-Map-Datei, um anzugeben, dass Corel Painter eine HTML-Datei mit der Image-Map-Definition exportieren soll.

Das RIFF-Format enthält Bildinformationen, die beim Umwandeln in das GIF- oder JPEG-Format verloren gehen. Wenn Sie sicherstellen möchten, dass die Datei später noch einmal bearbeitet werden kann, sollten Sie daher vor dem Erstellen der GIF- bzw. JPEG-Version eine Kopie im RIFF-Format anlegen.

Beim Export einer Client-Image-Map exportiert Corel Painter sowohl das Bild als auch eine HTML-Datei. Sie können dann die HTML-Datei in einem Text- oder HTML-Editor öffnen und den Code in eine andere Webseite kopieren.

So definieren Sie eine Standard-URL für eine Image-Map

1 Wenn Sie eine Standard-URL (oder Basis-URL )definieren möchten, die verwendet wird, wenn ein Benutzer auf eine Stelle außerhalb der definierten Hotspots einer Image-Map klickt, gehen Sie wie folgt vor: Vergewissern Sie sich, dass keine Ebenen, Formen oder Plugins ausgewählt sind, und wählen Sie Datei Informationen.

2 Aktivieren Sie im Dialogfeld Datei-Information das Kontrollkästchen Standard-URL der WWW-Map.

3 Geben Sie eine URL-Adresse ein.

4 Klicken Sie auf OK.

Wenn Sie keine Standard-URL angeben, passiert nichts, wenn der Benutzer auf Bereiche außerhalb der Hotspots klickt.