{"id":73571,"date":"2023-12-04T14:52:12","date_gmt":"2023-12-04T13:52:12","guid":{"rendered":"https:\/\/zfl-lernen.de\/?page_id=73571"},"modified":"2023-12-05T14:39:21","modified_gmt":"2023-12-05T13:39:21","slug":"interaktive-grafik-imagemap","status":"publish","type":"page","link":"https:\/\/zfl-lernen.de\/en\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/","title":{"rendered":"interaktive Grafik\/Imagemap"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

1. Einf\u00fchrung<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Image Map Pro ist ein Plugin, mit dem Sie interaktive Bilder f\u00fcr Ihre Lernmodule oder Online-Kurse erstellen k\u00f6nnen. Laden Sie Ihr Bild und zeichnen Sie Formen darauf, die sich dann vom Gesamtbild abheben und die mit weiterem Text oder Bildern versehen oder Webseiten verlinkt werden k\u00f6nnen.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

\n\t
\n\t\t
\n\t\t\t

1.1 Beispiel<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Hier sehen Sie ein Beispiel einer interaktiven Grafik (ImageMap)<\/strong> mit Feldern (ToolTips)<\/strong>, die beim \u00dcberfahren mit der Maus aktiviert und angezeigt werden. <\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

[lernlandkarte_veraenderungen_in_der_schule]<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n\t

\n\t\t
\n\t\t\t

1.2 M\u00f6glichkeiten von ImageMap<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Einen \u00dcberblick der M\u00f6glichkeiten, die Image Map Pro bietet, und eine Einf\u00fchrung in die wichtigsten Funktionen von Image Map Pro inkl. Video-Tutorials finden Sie hier: <\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

\n
\n
\n
\n
\n

Lernmodul zu Image Map Pro<\/a><\/h2>\n <\/div>\n <\/div>\n
\n
\n \n

Einen \u00dcberblick der M\u00f6glichkeiten, die Image Map Pro bietet, und eine Einf\u00fchrung in die wichtigsten Funktionen von Image Map Pro finden Sie hier:<\/p>\n\n

Zum Lernmodul \"Image Map Pro\"<\/a><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\t
\n\t\t
\n\t\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Weiterf\u00fchrende Informationen und Nutzungsanleitungen finden Sie in englischer Sprache auf der Website von\u00a0Image Map Pro<\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/span><\/span><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

2. Erstellung von ImageMaps<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

2.1 Neues Dokument anlegen<\/h3>\n

ImageMaps k\u00f6nnen Sie in einem separatem Men\u00fc erstellen. Dieses befindet sich in der linken Seitenleiste in dem Dozierendenbereich unter\u00a0Image Map Pro<\/strong>.<\/p>\n

\"\" Wenn Sie darauf geklickt haben, \u00f6ffnet sich die zuletzt bearbeitete ImageMap. Sie m\u00fcssen ein neues Dokument erstellen. Daf\u00fcr klicken Sie auf \u201eNew\u201c<\/strong> in der oberen Taskleiste. \"\" \"\" Jetzt k\u00f6nnen Sie \u00fcber die Image Map Settings ein Bild hinzuf\u00fcgen<\/strong>, welches die Grundlage der ImageMap ist (\u00fcber „+Image“). \"\" Jetzt k\u00f6nnen Sie \u00fcber die Image URL > Choose Image ein Bild aus der Medienbibliothek hinzuf\u00fcgen<\/strong>. Bitte beachten Sie hierbei die Benennungsregeln<\/strong> f\u00fcr die Grafik, sowie den entsprechenden Lernmodul bzw. Kurs-Ordner in der Medienbibliothek<\/strong>. \"\" <\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/span><\/span><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t
\n
<\/i> Hinweise zur Benennung<\/div>
Wie bei allen anderen Elementen des Lernmoduls greift auch hier Regel zur Benennung: Absender_NamedesLernmoduls_SeiteausdemLernmodul<\/strong> In unserem Beispiel „Lernmodul Medienkonzeption“<\/em><\/strong>, w\u00fcrde eine auf der Seite „Lernziele“<\/em><\/strong> hochgeladene Image Map: ZfL_Medienkonzeption_Lernziele<\/strong> hei\u00dfen.<\/div><\/div>\n
\n

3. Tooltips<\/strong><\/h2>\n

<\/p>\n

Ein Tooltip<\/strong> ist ein kleines Pop-up-Fenster, das eine Beschreibung zu einem Element\u00a0beinhaltet. Dieser Tooltip wird nach dem Dar\u00fcberfahren mit der Maus aktiviert und angezeigt. \"\"<\/p>\n

3.1. Tooltipps erstellen<\/strong><\/h3>\n

\u00dcber das A im Tooltip Context-Men\u00fc k\u00f6nnen Sie einen Text eingeben. \"\" Dieser kann dann unter A-Settings bearbeitet werden. Hier stellen Sie zum Beispiel die Schriftgr\u00f6\u00dfe (Font-Size) ein. Eine Empfehlung ist die Schriftgr\u00f6\u00dfe 16 pt.<\/p>\n

3.2 Gestaltungstips f\u00fcr Tooltips<\/strong><\/h3>\n

Bei der Umsetzung von Tooltips sind folgende Aspekte der Gestaltung zu ber\u00fccksichtigen:<\/p>\n

\"\"
Beispiel f\u00fcr die Umsetzung eines ToolTips<\/figcaption><\/figure>\n

 <\/p>\n

<\/p>\n

 <\/p>\n

<\/p>\n

    \n
  1. Tooltip-Felder kompakt anlegen<\/strong>; mit Hilfe des x-Symbols in der Men\u00fcleiste des Tooltips k\u00f6nnen Sie dessen Breite bestimmen. W\u00e4hlen Sie diese m\u00f6glichst kompakt. Zur besseren Lesbarkeit der Inhalte sollte maximal 5-6 W\u00f6rter in einer Zeile stehen!<\/li>\n
  2. Der Hintergrund eines Tooltip sollte schwarz (#000000) sein<\/strong> und die verwendete Schrift wei\u00df (#ffffff)<\/strong> damit hier ein maximaler Kontrast und eine Einheitlichkeit lernmodul\u00fcbergreifend entsteht. Bitte tragen Sie in den entsprechenden Feldern die Hexadezimalzahlen (#) ein.<\/li>\n
  3. Die Schriftgr\u00f6\u00dfe sollte mindestens 16<\/strong> betragen.<\/li>\n<\/ol>\n

    <\/p>\n

     <\/p>\n

    <\/p>\n

    \u00a0<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div>"},"excerpt":{"rendered":"1. Einf\u00fchrung Image Map Pro ist ein Plugin, mit dem Sie interaktive Bilder f\u00fcr Ihre Lernmodule oder Online-Kurse erstellen k\u00f6nnen. Laden Sie Ihr Bild und zeichnen Sie Formen darauf, die sich dann vom Gesamtbild abheben und die mit weiterem Text …","protected":false},"author":4,"featured_media":0,"parent":73536,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[1240],"tags":[],"kooperation":[],"class_list":["post-73571","page","type-page","status-publish","hentry","category-anleitung-zur-erstellung"],"acf":[],"yoast_head":"\ninteraktive Grafik\/Imagemap - ZfL Lernen<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zfl-lernen.de\/en\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"interaktive Grafik\/Imagemap - ZfL Lernen\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zfl-lernen.de\/en\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/\" \/>\n<meta property=\"og:site_name\" content=\"ZfL Lernen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/zflkoeln\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-05T13:39:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/zfl_wiki_ImageMapPro.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Lehrer_innen\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/\",\"url\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/\",\"name\":\"interaktive Grafik\/Imagemap - ZfL Lernen\",\"isPartOf\":{\"@id\":\"https:\/\/zfl-lernen.de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/zfl_wiki_ImageMapPro.png\",\"datePublished\":\"2023-12-04T13:52:12+00:00\",\"dateModified\":\"2023-12-05T13:39:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/#primaryimage\",\"url\":\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/zfl_wiki_ImageMapPro.png\",\"contentUrl\":\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/zfl_wiki_ImageMapPro.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/zfl-lernen.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lernmaterial erstellen mit WordPress\",\"item\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"interaktive Grafik\/Imagemap\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zfl-lernen.de\/#website\",\"url\":\"https:\/\/zfl-lernen.de\/\",\"name\":\"ZfL Lernen\",\"description\":\"ZfL Offene Bildungsangebote\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zfl-lernen.de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"interaktive Grafik\/Imagemap - ZfL Lernen","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zfl-lernen.de\/en\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/","og_locale":"en_US","og_type":"article","og_title":"interaktive Grafik\/Imagemap - ZfL Lernen","og_url":"https:\/\/zfl-lernen.de\/en\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/","og_site_name":"ZfL Lernen","article_publisher":"https:\/\/www.facebook.com\/zflkoeln","article_modified_time":"2023-12-05T13:39:21+00:00","og_image":[{"url":"https:\/\/zfl-lernen.de\/wp-content\/uploads\/zfl_wiki_ImageMapPro.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Lehrer_innen","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/","url":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/","name":"interaktive Grafik\/Imagemap - ZfL Lernen","isPartOf":{"@id":"https:\/\/zfl-lernen.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/#primaryimage"},"image":{"@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/#primaryimage"},"thumbnailUrl":"https:\/\/zfl-lernen.de\/wp-content\/uploads\/zfl_wiki_ImageMapPro.png","datePublished":"2023-12-04T13:52:12+00:00","dateModified":"2023-12-05T13:39:21+00:00","breadcrumb":{"@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/#primaryimage","url":"https:\/\/zfl-lernen.de\/wp-content\/uploads\/zfl_wiki_ImageMapPro.png","contentUrl":"https:\/\/zfl-lernen.de\/wp-content\/uploads\/zfl_wiki_ImageMapPro.png"},{"@type":"BreadcrumbList","@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/interaktive-grafik-imagemap\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/zfl-lernen.de\/"},{"@type":"ListItem","position":2,"name":"Lernmaterial erstellen mit WordPress","item":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/"},{"@type":"ListItem","position":3,"name":"interaktive Grafik\/Imagemap"}]},{"@type":"WebSite","@id":"https:\/\/zfl-lernen.de\/#website","url":"https:\/\/zfl-lernen.de\/","name":"ZfL Lernen","description":"ZfL Offene Bildungsangebote","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zfl-lernen.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/73571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/comments?post=73571"}],"version-history":[{"count":3,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/73571\/revisions"}],"predecessor-version":[{"id":73782,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/73571\/revisions\/73782"}],"up":[{"embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/73536"}],"wp:attachment":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/media?parent=73571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/categories?post=73571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/tags?post=73571"},{"taxonomy":"kooperation","embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/kooperation?post=73571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}