Im vierten Gimp-Artikel wird eine Imagemap erstellt. Es handelt sich dabei um eine Grafik mit Hyperlink-Bereichen. Man kann also auf bestimmte Bereiche der Grafik klicken und interaktive Aktionen ausf\u00fchren \u2013 etwa auf eine andere Webseite geleitet werden.<\/p>\n\n\n\n\n\n\n\n
Imagemap erstellen:<\/strong><\/p>\n\n\n\n Um mit Gimp eine Imagemap zu erstellen, gibt es den gleichnamigen Filter unter der Filter-Rubrik Web.<\/p>\n\n\n\n Innerhalb des Dialogfensters des Imagemap-Filters werden die Hyperlink-Bereiche festgelegt.<\/p>\n\n\n\n Die Bereiche f\u00fcr die Imagemap werden per Rechteck-Auswahlbereich festgelegt und dann als Hyperlink definiert. Die Imagemap in diesem Fenster als map-Datei speichern liefert die HTML Befehle f\u00fcr die Imagemap.<\/p>\n\n\n\n In der map-Datei steht nur der Quellcode der in die Webseite mit der Imagemap eingebunden wird. Die map-Datei selber wird also nicht unbedingt ben\u00f6tigt. Der Inhalt mit den Imagemap Koordinaten aber nat\u00fcrlich schon, denn der wird in die Webseite (also das HTML-Dokument) eingebunden.<\/p>\n\n\n\n Der Artikel der HTML-Webseite k\u00f6nnte beispielsweise so aussehen:<\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" Im vierten Gimp-Artikel wird eine Imagemap erstellt. Es handelt sich dabei um eine Grafik mit Hyperlink-Bereichen. Man kann also auf bestimmte Bereiche der Grafik klicken und interaktive Aktionen ausf\u00fchren \u2013 etwa auf eine andere Webseite geleitet werden.<\/p>\n","protected":false},"author":1,"featured_media":791,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[21],"class_list":["post-574","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-linux","tag-linux-gruppe-peine"],"_links":{"self":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":2,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/574\/revisions"}],"predecessor-version":[{"id":576,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/574\/revisions\/576"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media\/791"}],"wp:attachment":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media?parent=574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/categories?post=574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/tags?post=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<article>\n<h3>Die Imagemap mit Weblink-Funktion:<\/h3>\n<p>\n<img src=\"02_Bilder\/imagemapimage.jpg\" width=\"800\" height=\"600\" border=\"0\" usemap=\"#map\" \/>\n\n<map name=\"map\">\n<!-- #$-:Image map file created by GIMP Image Map plug-in -->\n<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->\n<!-- #$-:Please do not edit lines starting with \"#$\" -->\n<!-- #$VERSION:2.3 -->\n<!-- #$AUTHOR:Administrator -->\n<area shape=\"rect\" coords=\"38,42,225,181\" href=\"Webseite 1\" \/>\n<area shape=\"rect\" coords=\"328,32,555,185\" href=\"Webseite 2\" \/>\n<area shape=\"rect\" coords=\"317,267,574,397\" href=\"Webseite 3\" \/>\n<\/map>\n<\/p>\n\n<p class=\"clearingtext\">\nHier stehen eventuell noch weitere Abs\u00e4tze mit unwichtigem Text...\n<\/p>\n\n<\/article>\n<br \/>\n<\/code><\/pre>\n\n\n\n