Eine Imagemap ist ein Bild, auf dem URLs "abgebildet" sind. Verschönern Sie Ihre Website oder persönliche Startseite mit einer Imagemap mit Ihren Lieblingsseiten, die Sie gerne besuchen. Es gibt eine Menge Software, mit der Sie dies tun können, aber dieser Artikel wird Gimp verwenden.
Schritte
Schritt 1. Stellen Sie eine erste Grafik zusammen, die Sie zuordnen möchten
Sie können Bilder, Bilder verwenden, was auch immer für Sie funktioniert. Hier verwenden wir wikiHow, wikiHow-Forum und iGoogle.
Schritt 2. Nachdem Sie das Bild erstellt (oder geöffnet) haben, gehen Sie zu Filter >> Web >> ImageMap
Der Gimp ImageMap-Dialogbildschirm
Schritt 3. Klicken Sie auf das Rechteck rechts auf dem Bildschirm und wählen Sie dann eines der Bilder aus, die Sie verwenden möchten
In diesem Screenshot ist wikiHow ausgewählt. Geben Sie die erforderlichen Informationen im angezeigten Dialogfenster ein.
Klicken Sie auf das Rechteck und Sie sehen die genaue Position der Grafik
Schritt 4. Setzen Sie diesen Vorgang für den Rest Ihrer Karte fort
Schritt 5. Nachdem Sie alle Linkbereiche definiert haben, speichern Sie Ihre Imagemap
GIMP bietet automatisch an, dies als Datei mit der Erweiterung.map zu speichern. Wenn Sie möchten, können Sie es so speichern. Diese Datei enthält jedoch den HTML-Code (keine Bilder), den wir bearbeiten und in unsere eigene Webseite kopieren müssen. Es wird daher empfohlen, sie als [Dateiname].html zu speichern und direkt mit Schritt 7 fortzufahren.
Schritt 6. WENN Sie sie nicht als HTML-Datei gespeichert haben, suchen Sie Ihre gespeicherte Datei und benennen Sie die Erweiterung in.html um
Möglicherweise erhalten Sie eine Warnung zum Ändern von Dateierweiterungen. Klicken Sie auf Ja, um fortzufahren.
Schritt 7. Verwenden Sie einen Texteditor, um diese HTML-Datei zu öffnen
Sie werden feststellen, dass diese Datei lediglich eine Liste von Koordinaten und URLs enthält. Dies ist der Code, der einem Browser mitteilt, welche URLs welchem Teil Ihres Bildes zugewiesen werden sollen.
Schritt 8. Stellen Sie sicher, dass der in definierte Dateipfad
Links zu dem Bild, dem die URLs zugeordnet werden sollen.
Wenn es nicht richtig auf das Bild ausgerichtet wird, kann es sein, dass überhaupt kein Bild angezeigt wird.
Schritt 9. OPTIONAL:
Verwenden Sie einen Browser, um Ihre HTML-Datei zu öffnen; Wenn alles funktioniert, sollten Sie das Bild mit allen darauf abgebildeten URLs gemäß den von Ihnen definierten Bereichen sehen.
Schritt 10. Fügen Sie Ihre Imagemap zu Ihrem Webseiten-HTML hinzu
Sie müssen ALLE Codezeilen kopieren, die Sie sehen, einschließlich der
-Tag (das den Pfad zu Ihrem Quellbild definiert) und alles zwischen den Tags. Das ist es! Sie sind fertig.