Image-Maps können Sie "hot spots" in einem Bild, das anklickbare Links zu anderen Seiten , Sounds, Animationen oder Videos zu benennen . Image-Maps können visuelle Navigation für Benutzer, die Probleme mit Klartext Schaltflächen oder Links haben bieten könnte . Sie können einen grundlegenden Image-Map mit Adobe Photoshop , die eine Foto-Bearbeitungs- Programm von Adobe ist . Photoshop kommt mit einer Komponente namens Image Ready , die Image-Maps erstellen kann . Anleitung
1
Öffnen Sie das Bild , die Sie verwenden werden , um das Bild in Photoshop Karte erstellen. Das Bild sollte bereits für das Web optimiert werden.
2
Besuchen Sie das ImageReady Komponente von Photoshop , indem Sie "Shift -Ctrl -M " oder klicken Sie auf die Schaltfläche "Bearbeiten in ImageReady "-Button am unteren Rand Ihrer Toolbox.
3
Drücken Sie die Taste "P" oder die Option " Image Map " Werkzeug -Symbol in der Standard- Toolbox , um die Image Map Tool zuzugreifen entfernt. Klicken und halten Sie die " Image Map "-Tool und Sie werden ein Rechteck, Kreis oder Polygon Formen zu sehen. Wählen Sie die Form , die am besten passen Sie den Bereich des Bildes, das Sie als Hotspot verwenden möchten.
4
Sie mit der Maus auf das Bild klicken und markieren Sie die Hot-Spot- Bereich durch Klicken und Ziehen mit der Maus . Wenn Sie die Maustaste loslassen, wird ImageReady erstellen Sie einen neuen Hot Spot auf Ihrem Bild .
5
Öffnen Sie das Bild Karte Optionenbox , indem Sie auf "Fenster" Drop -Down-Menü und wählen Sie " Bild Karte . " Verwenden Sie die Option Name auf den Hot Spot zu nennen. Verwenden Sie die "URL" Drop -Down-Menü , um eine lokale Seite oder geben Sie die Adresse eines externen Web -Seite zu markieren, über diesen Hotspot zugreifen . Verwenden Sie das Ziel im Dropdown-Menü zu markieren , wie Ihr externer Link geöffnet wird. Die Alt- Bereich enthält den Text angezeigt , wenn ein Mauszeiger über diesem Hot Spot platziert wird.
6
Mit den Abmessungen Optionen zur Feinabstimmung der Position und Größe der Hot Spot. X und Y bezeichnen die genaue Lage des Hot-Spot mit vertikalen und horizontalen Pixel . W und H können Sie die Größe Ihrer Hot-Spot mit einer Anzahl von Pixeln zu definieren.
7
Wiederholen Sie die Schritte 4, 5 und 6 für jede heiße Stelle, die Sie erstellen möchten.
< Br > 8
Drücken Sie "Strg - Shift-Alt -S " oder wählen Sie "Datei" Dropdown-Menü und wählen Sie " Speichern optimiert . " Geben Sie einen Dateinamen und sicher sein, dass " HTML und Bilder " ; wird im "Speichern als Typ" Schnitt dargestellt. Klicken Sie auf " Speichern", um die Datei -Einsparung abzuschließen. Dies erzeugt eine HTML-Datei und die zugehörigen Ordner für Bilder.
9
Klicken Sie auf das neu erstellte HTML-Datei , um den Betrieb des neuen Bildes Karte testen.
