Mit CoffeeCup Image Mapper können Sie mehrere Links (oder Hotspots) zu bestimmten Speicherorten eines Bildes angeben und auf ein Dokument oder eine Website verweisen. Erstellen Sie Mouseover-Text, ALT-Text, Links und mehr. Unterstützt JPG-, PNG- und GIF-Bildformate! Wie funktioniert das? Nehmen wir an, Sie verkaufen Möbel mit mehreren Stücken zum Greifen. Zeigen Sie die Elemente in einem Bild. Zeichnen Sie dann mithilfe der Entwurfstools eine Gliederung für ein bestimmtes Element, und weisen Sie ihr eine Websiteadresse zu. Wenn nun jemand auf ein Möbelstück klickt, wird er zur mit ihm verknüpften Webseite weitergeleitet, um weitere Informationen zu erhalten. Wenden Sie die gleiche Technik auf andere Arten von Bildern wie Karten, Unternehmensfotos, Flussdiagramme, Kunstgalerien und mehr an. Ziemlich genial, richtig? :) Responsive Image Maps sind für mobile Benutzer freundlich Da über 51 % des Datenverkehrs von mobilen Geräten kommen, ist es wichtig, dass Sie Ihre Imagemaps aktualisieren, um reaktionsfähig zu sein. Dies macht sie einfacher, schneller und funktionaler für Zuschauer auf kleineren Bildschirmen zu navigieren. Reaktionsfähige Bildkarten passen die Verknüpfungskoordinaten entsprechend der Anzeigebreite an. Eine Sache, die Sie beachten sollten, ist jedoch, dass mobile Geräte keine Mouseovers oder QuickInfos auf Hover/Mouseover zulassen. Aus diesem Grund müssen Sie kreativ überdenken, wie Ihre Imagemap funktioniert, damit Benutzer instinktiv wissen, wie sie sie verwenden. Wie können Sie das tun? Einfach. Machen Sie Ihre Imagemap auf mobilen Geräten funktionaler, indem Sie einen "Key" o"Legend" in der Nähe der Karte anzeigen (oder sie sogar dem Bild selbst hinzufügen), das textlich darauf hinweist, was sie anfassen können. Zum Beispiel ist hier der Möbelkatalog, der einige Möbel zum Verkauf im Katalog präsentiert. Wir haben Text unter dem Bild platziert, um die 8 Elemente zu beschreiben. Ein zusätzlicher Indikator wurde auch auf das Quellbild angewendet. Diese Hilfsmittel helfen mobilen Zuschauern zu wissen, was anfassbar ist. Wenn Sie eines dieser Elemente berühren, werden Sie zu einer Seite weitergeleitet, auf der Sie den Katalog nach ähnlichen Elementen durchsuchen können.
Programmdetails
- Kategorie: Webentwicklung > HTML-Tools
- Verlag: CoffeeCup Software
- Lizenz: Kostenlose Testversion
- Preis: $14.00
- Version: 5.0
- Plattform: windows