Free Imagemapper: Tvorba interaktivní HTML mapy

Máte na svých webových stránkách obrázky či mapy, u nichž chcete, aby jejich konkrétní místa byla rozkliknutelná dále? Použijte na to jednoduchý a bezplatný nástroj.

Klikací mapy či obrázky jsou velice dobrým interaktivním doplňkem pro webové stránky. Princip je jednoduchý. Konkrétním vytyčeným místům na obrázku dodáte nějaký odkaz, kam může být návštěvník po klepnutí odeslán. Lze mu tak nechat zobrazit další obraz (v případě mapy přímo fotku onoho místa), přesměrovat jej na webovou stránku s informacemi o místě či objektu apod. Možnosti vysoké, cena za ně nízká, v případě Free Imagemapperu dokonce nulová.

Mapa a odkazy

Že se jedná o program jednoduchý a funkčně specializovaný, poznáte v okamžiku spuštění, kdy vás přivítá prázdné okno s jedním panelem obsahujícím ovládací tlačítka. První uživatelův krok tak směřuje k vložení obrázku či mapy, z jejichž částí bude chtít odkazovat někam dále. Aplikace podporuje všechny běžné grafické formáty umisťované na web, takže import do programu není problém.

Klepněte pro větší obrázek 
Úvodní prázdné okno.

Jakmile dojde k načtení zdrojového souboru, je dalším krokem vymezení míst (polí), které budou nějakým způsobem aktivní. Vybráním si vhodného tvaru (obdélník, kruh a libovolný víceúhelník) a jeho umístěním kamkoli na mapu dojde k zobrazení tohoto obrazce, s jehož pozicí a velikostí lze dále manipulovat tak, aby pokrývala chtěnou oblast fotky. Ihned poté dojde k otevření druhého okna, v němž nastavíte několik povinných a několik nepovinných údajů.

Klepněte pro větší obrázek 
Vložená fotka (mapa).

Vkládání odkazu

Mezi základní nastavitelné položky patří odkaz (tedy URL, kam bude návštěvník přesměrován), název, text zobrazený po najetí myši a také akce, která bude za určitých podmínek provedena (např. zobrazení textu při pohnutí kolečka myši nad vytyčeným polem). Takovýchto míst můžete do obrázku nacpat, kolik jen budete chtít, přičemž při každém dalším kroku dojde k jeho převedení do HTML kódu, který se zobrazuje na spodu hlavního okna.

Klepněte pro větší obrázek 
Nastavení odkazu.

Abyste věděli, že projekt funguje přesně tak, jak jste si představovali, je možné využít testovacího náhledu, kdy dojde k zobrazení mapy ve webovém prohlížeči, odkud můžete zkoušet všechny umístěné odkazy. Výstupem z programu je pak vytvořený HTML soubor, který lze pohodlně umístit na web, nebo samotný kód, který se dá z útrob aplikace nakopírovat do schránky a odtud kamkoli jinam. Free Imagemapper není příliš ambiciózní nástroj, ovšem ve freewarové licenci méně náročným uživatelům plně postačí.

Klepněte pro větší obrázek 
Označená pole v mapě.

Témata článku: Software, Download, GigaMania, Mapy

13 komentářů

Nejnovější komentáře

  • m.m 17. 10. 2011 11:11:38
    Doporučuju raději online generátor, tam aspoň nehrozí viry jako...
  • Rdm 17. 10. 2011 9:47:07
    Autore, příště než napíšete zase nějaký článek o SW, tak si ten SW alespoň...
  • ajda2 17. 10. 2011 8:20:36
    Další "zbytečný" program, který využijí webmasteři stylem tvorba webu po 3...
Určitě si přečtěte

Špičkoví hackeři útočili na prohlížeče. Chrome odolal, ale Edge je tragédie

Špičkoví hackeři útočili na prohlížeče. Chrome odolal, ale Edge je tragédie

** Do Vancouveru se sjeli hackeři ** Soutěžili v útocích na prohlížeče ** Chrome odolal, ale Edge to projel na celé čáře

22.  3.  2017 | Jakub Čížek | 79

Pojďme programovat elektroniku: Meteostanice, která bude díky Sigfoxu posílat stav počasí třeba z vrcholu Sněžky

Pojďme programovat elektroniku: Meteostanice, která bude díky Sigfoxu posílat stav počasí třeba z vrcholu Sněžky

** Příští roky budou ve znamení internetu věcí ** Podívali jsme se podrobně na síť Sigfox ** Takhle s ní komunikují krabičky z celé Evropy

19.  3.  2017 | Jakub Čížek | 18

Kde nejlevněji uložit 1 TB dat: Srovnali jsme aktuální ceny cloudových úložišť

Kde nejlevněji uložit 1 TB dat: Srovnali jsme aktuální ceny cloudových úložišť

** Srovnali jsme známá cloudová úložiště podle toho, kolik měsíčně zaplatíte za 1TB ** Ceny se pohybují od dvou stovek až po tisíc korun ** Google umožní uložit až 30 TB dat

18.  3.  2017 | Stanislav Janů | 115

Obří Mechroboti jsou realitou, měří čtyři metry a mají hmotnost přes 1,5 tuny

Obří Mechroboti jsou realitou, měří čtyři metry a mají hmotnost přes 1,5 tuny

** Jihokorejská společnost Hankook Mirae Technology vyrábí obří Mechroboty ** Jsou určené pro ovládání člověkem uvnitř ** V prodeji se objeví koncem tohoto roku za 200 milionů korun

20.  3.  2017 | Karel Javůrek | 18


Aktuální číslo časopisu Computer

Supertéma o počítačové bezpečnosti

AMD Ryzen přichází

Velké testy kinoprojektorů a levných sluchátek

Příslušenství do USB-C