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.

sshot-1.png 
Ú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ů.

sshot-2.png 
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.

sshot-3.png 
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čí.

sshot-4.png 
Označená pole v mapě.


X

Doporučit článek

Vaše jméno:

Váš e-mail:

E-mail adresáta:

Komentář:

kontrolní kód

Odeslat


celkem 3

Poslední názory Názory

Doporučuju raději online generátor, tam aspoň... m.m 17. 10. 2011 11:11
Autore, příště než napíšete zase nějaký článek o... Rdm 17. 10. 2011 9:47
Další "zbytečný" program, který využijí... ajda2 17. 10. 2011 8:20
Můj názor Zobrazit vše


Další podobné články

Na stopě tajemství: Co je záhadná aplikace ve Windows 8?

Na stopě tajemství: Co je záhadná aplikace ve Windows 8?

21. 5. 2012  |  Čičák Matěj  |  12
DiffPDF: Porovnejte obsah dvou PDF mezi sebou

DiffPDF: Porovnejte obsah dvou PDF mezi sebou

Máte více verzí téhož dokumentu, které se od sebe liší jen nepatrně. Najít rozdíly pouze pomocí oka je zdlouhavé a náročné. Práci vám usnadní malý a bezplatný pomocník.

21. 5. 2012  |  Kraus Josef

Nejlepší programy na outdoorové aktivity pro Windows
TIP!

Nejlepší programy na outdoorové aktivity pro Windows

Léto se blíží, stejně tak pěkné počasí a doba venkovních aktivit. Jaké programy lze využít k plánování a vylepšování výletů, zájezdů, sportování či poznávání? Připravte se na outdoor.

20. 5. 2012  |  Kraus Josef  |  5

Listen N Write: Rychlý přepis přednášek či rozhovorů

Listen N Write: Rychlý přepis přednášek či rozhovorů

Nahráli jste si do zvukového formátu přednášku ve škole, interview s důležitou osobou či vlastní poznatky a komentáře? Přepisování do textové podoby může být zdlouhavé. Usnadněte si to!

18. 5. 2012  |  Kraus Josef  |  2

Stallman: Nikomu neříkejte, že bude Steam pro Linux

Stallman: Nikomu neříkejte, že bude Steam pro Linux

17. 5. 2012  |  Čížek Jakub  |  21
Windows 8 Release Preview: Co přinese nového

Windows 8 Release Preview: Co přinese nového

V první polovině června bychom se měli dočkat poslední veřejné testovací verze Windows 8 Release Preview. Mnoho věcí zůstává v tajnosti, něco o ní už ale přeci jen víme.

17. 5. 2012  |  Čížek Jakub  |  19


DEJTE NÁM TIP NA ČLÁNEK