Werbung

So erstellen Sie eine Imagemap mit Paint. NET paintnetimagemap ScreenshotIch habe einen Artikel darüber geschrieben, wie Sie ein Bild für Ihre Website erstellen mit anklickbaren Regionen oder Hotspots mit GIMP So erstellen Sie eine Imagemap mit GIMP Weiterlesen . Diese Art von anklickbarem Bild wird als Imagemap bezeichnet. Image Maps gibt es schon seit einiger Zeit, aber sie werden immer noch häufig verwendet, um Webdesignern Flexibilität zu bieten.

In den Kommentaren fragte mich jemand, ob dies mit Paint möglich sei. NET (kann es ein sein Photoshop-Alternative 5 kostenlose Alternativen zu Photoshop, die Sie ausprobieren sollten Weiterlesen ?). Aus diesem Grund habe ich mich vorgenommen, nicht nur zu installieren und zu verwenden Farbe. NETZ zum ersten Mal, aber um herauszufinden, wie man Image Maps damit macht.


Ja, ich musste Ubuntu für einige Minuten verlassen und meine Windows-Installation starten (ich weiß, dass es sie gibt eine Ubuntu-Version, aber ich war mir nicht sicher, ob alles gleich funktionieren würde), aber die Änderung hat sich gelohnt Tempo.

Ich kam zu dem Schluss, dass dies möglich ist, Sie jedoch die Hilfe eines Plugins benötigen.

Laden Sie das Plugin herunter und installieren Sie es

Plugins sind in Paint ziemlich einfach zu implementieren. NET und es besteht im Wesentlichen darin, die Dateien herunterzuladen und in den richtigen Ordner zu legen. Das Plugin, das zum Erstellen einer Imagemap benötigt wird, heißt „Image Map erstellenUnd Sie können es von herunterladen dieser Link. Die Seite ist etwas chaotisch. Schauen Sie sich den Screenshot unten an, um sie leicht zu finden.

So erstellen Sie eine Imagemap

Sie laden eine Zip-Datei mit den richtigen Dateien herunter. Einmal heruntergeladen, legen Sie sie einfach hier ab: C / Programme / Paint. NET / Effekte

Starten Sie jetzt einfach Paint neu. NET und Sie sollten es installiert haben. Öffnen Sie das Bild und Sie sollten fertig sein.

Verwenden Sie den Image Map Editor, um den richtigen Code zu erhalten

Öffnen Sie den Image Map Editor: Effekte -> Bildanwendung -> Imagemap erstellen

Ziehen Sie (tun Sie so, als würden Sie eine Box sehen) und benennen Sie jeden Hotspot.

So erstellen Sie eine Imagemap

Klicken Sie auf OK, wenn Sie fertig sind. Sie erhalten dann ein Popup mit einem Code, den Sie abrufen müssen.

Erstellen Sie eine Imagemap

Bearbeiten Sie den Code und bereiten Sie ihn für Ihre Site vor

Öffnen Sie Notepad oder einen ähnlichen Texteditor und fügen Sie den Code ein. Sie werden wahrscheinlich den gesamten Code in einer Zeile haben. Am einfachsten ist es, die Zeilen so zu trennen, wie ich es im folgenden Screenshot getan habe.

So erstellen Sie eine Imagemap mit Paint. NET paintnetimagemap bearbeiteter Code

Beachten Sie, dass ich oben eine Codezeile hinzugefügt habe. Diese Codezeile gibt an, wo sich das Bild auf dem Server befindet (Sie haben es hochgeladen, oder?) Und den Namen der Karte, die über dem Bild verwendet wird.

Sie werden auch feststellen, dass ich die Karte benannt habe. Um das Bild an die Karte zu binden, müssen Sie dies tun. Ersetzen Sie auch die "#" - Zeichen durch URLs der Links, die Sie einfügen möchten.

Also ja, es gibt noch eine andere Möglichkeit, eine Imagemap zu erstellen. Es ist auch möglich, ohne die Hilfe eines Bildbearbeitungsprogramms von Hand zu arbeiten, aber wer hat die Zeit dafür?

Womit erstellen Sie Imagemaps?

Ich bin im Herzen ein 30 Jahre altes Kind. Ich arbeite seit der High School an und an Computern. Ich finde es toll, neue und interessante Websites zu finden, die für den Alltagsmenschen nützlich sind. Ich helfe und trainiere seit Jahren Menschen in technischen Fragen und sehe mich nicht in der Lage, bald aufzuhören.