|
Arbeiten mit Image-Maps |
Links einer Grafik zuweisenIm Kapitel über Hyperlinks wurde bereits gezeigt, wie man kompletten Grafiken einen Hyperlink zuordnen kann. Mit Image-Maps kann man bestimmten Bereichen einer Grafik einen Hyperlink zuordnen. Diese Bereiche werden auch Hotspots genannt. Beispielsweise kann man Bereichen einer Landkarte Informationen über den angeklickten Bereich zuordnen. Kompatibilität von ImagemapsAb der HTML-Version 2.0 wurden die Bereiche einer Grafik, denen ein Hyperlink zugeordnet war, in einer speziellen Datei auf dem Webserver gespeichert. Für diese Dateien gab es verschiedenste Dateiformate, und man war auf die Unterstützung von CGI-Skripten durch den Webserver angewiesen. Dieser Ansatz wird hier nicht weiter beschrieben. Seit der HTML-Version 3.2 werden die Definitionen der "Hotspots" im HTML-Dokument selbst gespeichert, und die Image-Maps werden vom Browser des Benutzers verarbeitet. Dieser Ansatz scheint wesentlich robuster und flexibler zu sein. Allerdings unterstützen nur neuere Browser diese Art der Verarbeitung von Image-Maps. Ältere Browser werden die definierten Hotspots ignorieren. Hotspots definierenMöchte man Hotspots auf einer bereits eingefügten Grafik erstellen, so blendet man zunächst die Symbolleiste Grafik (Menüpunkt Ansicht/Symbolleisten/Grafik) ein. Als nächstes markiert man die Grafik. Dann kann man in der Symbolleiste auswählen, welche Form der Hotspot haben soll. Zur Auswahl stehen Rechteck, Kreis, oder Vieleck. Wenn man sich für eine Form für den Hotspot entschieden hat zeichnet man den Bereich auf der Grafik, der mit einem Hyperlink verknüpft werden soll. Nachdem der Bereich gezeichnet wurde, öffnet sich automatisch der Dialog zum Festlegen des Hyperlinks. Im Eingabefeld URL muß nur die Adresse der Verknüpfung angegeben werden. Nachdem die Hotspots festgelegt wurden, kann man die Größe der Bereich noch verändern, in dem man den Hotspot markiert und an den Ziehpunkten am Rand der Markierung, die Größe des Hotspots verändert. Eine Hilfe beim Markieren der Hotspots ist die Schaltfläche Hotspots markieren, die sich ebenfalls in der Symbolleiste Grafik befindet. Klickt man auf diese Schaltfläche, so wird die Grafik ausgeblendet, und nur die Hotspots beleiben sichtbar. Imagemaps und HTMLFrontpage erzeugt automatisch den HTML-Code für die Image-Maps. Im folgenden werden die HTML-Tags betrachtet, die Frontpage bei der Definition von Image-Maps verwendet. Die Definition des Image-Maps wird zwischen den Tags Das Bild muß mit der Definition des Image-Maps verknüpft werden. Die
Definition des Bildes hat dabei die folgenden Aufbau:
|
| ||||||