Web-Bild-Hotspots erstellen

Eine der grundlegenden Funktionen notwendig auf einer Website ist die Fähigkeit, von einer Seite zur anderen navigieren. Dies geschieht häufig mit Hyperlink zugewiesen einen Abschnitt des Textes. Klicken Sie auf den Abschnitt des Textes aktiviert die Verknüpfung und den Browser des Benutzers richtet sich an die Seite. Zuordnen eines Bildes oder Abschnitt eines Bildes mit einem Hyperlink zu einer neuen Seite oder bestimmte Inhalte erfordert ein paar mehr Zeilen Code.

Anweisungen

1 Wählen Sie eine Web-fähige grafische-Datei.

2 Erstellen einer Image-Map mit dem < Karte > HTML-Tag. Zum Beispiel: < Karte Id = "ThisPicture" Name = "ThisPicture" >< / map >. Dies ist notwendig, um einen Bereich zu definieren, in dem der Hyperlink tätig sein wird.

3 Definieren Sie die Größe und Form des Hotspot und den Link. Für ein rechteckiger Hotspot: < href="LinkedPage.htm Bereich" Shape = "Rect" Coords = "5,5,25,50" Alt = "Rechteckiger Hotspot" / >. Dies definiert den Bereich 20 Pixel breiten ab 5 Pixel von der linken Seite des Bildes und 45 Pixel hoch 5 Pixel vom oberen Rand des Bildes ab. Dieser Bereich bietet einen aktiven Link auf eine Seite namens LinkedPage.htm.

4 Verknüpfen Sie die beiden Abschnitte des Codes zusammen mit "Usemap" nach diesem Beispiel: < Img Usemap = "#ThisPicture" Alt = "Rechteckiger Hotspot" / >. Dieses Stück Code identifiziert das Bild und verknüpft es mit der Karte und Koordinaten, die als Hotspot verwendet werden soll. Das "Alt"-Tag zeigt Text, der angezeigt wird, wenn der Browser keine Grafiken anzeigen kann.

Tipps & Warnungen

• Es ist auch möglich, polygonale und kreisförmige Hotspots sowie Rechtecke zu erstellen. Mehrere Hotspots können auch für ein einzelnes Bild definiert werden. Bildkoordinaten sind Maß auf ein X, y-Achse mit x als die horizontale Abmessung Anfang bei Null auf der linken Seite des Bildes und vertikale y Messung Anfang bei Null an der Spitze des Bildes.