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ě.

Diskuze (13) Další článek: Pitva: kucháme externí pevné disky a SSD

Témata článku: Software, Mapy, Download, GigaMania, Testovací náhled, Jednoduchý tvar, Tvorba, TV +, Interaktivní, Tvor, HTM, Software na Heureka.cz



Sex manželských párů? Jen výjimečně. Ložnice ovládnou roboti s umělou inteligencí

Sex manželských párů? Jen výjimečně. Ložnice ovládnou roboti s umělou inteligencí

** Sex manželských párů jen při zvláštních příležitostech. ** Ložnice ovládnou sexuální roboti s umělou inteligencí. ** I to je jeden ze závěrů Mezinárodní robotické konference.

Filip KůželJiří Liebreich
RobotiSexUmělá inteligence
Recenze hry LEGO Brawls. Zážitek, který bolí

Recenze hry LEGO Brawls. Zážitek, který bolí

LEGO hry jsou tu s námi už pěknou řádku let. Tentokrát ale vývojáři zkusili trochu jiný koncept. A totálně vyhořeli.

Ladislav Novák
BojovéLegoRecenze
Nastal pravý čas na výměnu telefonu. Jak poznat, že ten váš už dosluhuje?

Nastal pravý čas na výměnu telefonu. Jak poznat, že ten váš už dosluhuje?

** Jak poznat, že váš telefon má nejlepší dny za sebou? ** Vypadá potlučeně, má pavučinu nebo nedostává aktualizace? ** Ukážeme si, kdy má smysl jeho oprava, a kdy už jen koupě nového

Martin Chroust
Prasklý displejVysloužilý mobilSmartphony
Tuto českou základnu plnou satelitů nesmíte vidět. V Mapy.cz je každá anténa pečlivě vyretušovaná

Tuto českou základnu plnou satelitů nesmíte vidět. V Mapy.cz je každá anténa pečlivě vyretušovaná

** Zapomeňte na rozčtverečkovaná místa, kterých si každý všimne ** Mapy.cz musely dokonale zakrýt desítky parabol ** Základnou se přitom na webu chlubí i její majitel. Kocourkov

Jakub Čížek
ČeskoMapy.czMapy
Kurvítka v základní výbavě, výrobci mají umělé zastarávání v malíku. Začalo to bateriemi, pokračuje softwarem

Kurvítka v základní výbavě, výrobci mají umělé zastarávání v malíku. Začalo to bateriemi, pokračuje softwarem

** Nejen mobilní výrobci jsou naučeni rok od roku prodávat stále více telefonů ** Tento trend se však zákonitě musí někdy zastavit ** Jenže, co naplat, když jsou starší zařízení „uměle“ nepoužitelná?

Martin Chroust
Prasklý displejBaterieAktualizace softwaru
Superzemě jsou větší, běžnější, a také obyvatelnější než planety jako Země. Jsou doslova superobyvatelné

Superzemě jsou větší, běžnější, a také obyvatelnější než planety jako Země. Jsou doslova superobyvatelné

** Země podle všeho není nejlepším ze všech možných světů, alespoň pokud jde o obyvatelnost lidmi ** Máme štěstí, že jsme naživu ** U superzemí, tedy planet větších než Země a menších než ledoví obři jako Uran nebo Neptun, to je jiné

Stanislav Mihulka
ZeměAstronomie
Sociální síť BeReal jde proti proudu. Žádné filtry a přetvařování, tohle má být čistá realita

Sociální síť BeReal jde proti proudu. Žádné filtry a přetvařování, tohle má být čistá realita

** BeReal je novou hvězdou mezi sociálními sítěmi ** Ukazuje pouze všední realitu běžných dní ** Aplikace vám jednou denně dá dvě minuty na poslání vlastní fotky

Martin Chroust
BeRealMobilní aplikaceSociální sítě