Jak vytvořit obrazové mapy pro webové stránky

Word Wide Web má částečně atraktivní design, protože podporuje prezentace s atraktivní grafikou a vytváří místa, která můžete procházet stejně jako na discích CD-ROM (například je nejznámějším sousedem internetu). Běžným zařízením pro navigaci je speciální mapa zvaná obrazová mapa. Může být zobrazen jako řada tlačítek nebo ikon nebo jako seznam možností textu. Může dokonce vypadat jako skutečná mapa: kliknutím na město přejdete na jeho stránku.

Všechny obrazové mapy začínají stejným způsobem: vytvoříte graf s navigačními tlačítky mapy a poté pomocí generátoru obrazových map nakreslíte aktivní body spojující každé tlačítko s webovou stránkou.

Toto je krátká verze. Celý příběh je složitější s atributy, které ovlivňují výkon webového serveru. Tento měsíc vysvětlím dobré a špatné stránky obrazových map.

Jak fungují obrazové mapy

Obrázkové mapy vyžadují použití dlouhodobého klientského serveru: obrazová mapa je společným úsilím mezi webovým prohlížečem klienta a programem webového serveru. Když návštěvník klikne na obrazovou mapu webové stránky, odešle prohlížeč dvojici souřadnic na server. Tyto souřadnice označují umístění, nikoli možnost, kterou si uživatel zvolí. Zpráva proto není „stisknuto tlačítko Start“, ale „myš stisknuta v jednom bodě 30 pixelů vpravo a 50 pixelů pod obrázkovou mapou“.

Úkolem webového serveru je přeložit souřadnice na adresu (URL) cílové stránky. K tomu server obvykle používá aplikaci typu CGI (Common Gateway Interface). Tyto programy běží na webovém serveru a provádějí speciální úlohy zpracování nebo fungují jako prostředník mezi webovým serverem a jiným programem. Například když vyplníte formulář na obrazovce a provedete vyhledávání, CGI vezme informace zadané uživatelem a předá je databázovému programu nebo jiné vyhledávací aplikaci.

Když kliknete na obrázkovou mapu, prohlížeč odešle souřadnice CGI, které definují bod, kde bylo kliknuto, a to je porovná s souborem popisu mapy: jedná se o textový dokument popisující všechny body. přesná mapa (každá s jeho umístěním a tvarem a příslušnou adresou URL). CGI předá adresu URL serveru, který ji předá prohlížeči a prohlížeč přejde na příslušnou adresu.

Skrytá strana obrazových map

Jednou z nevýhod obrazových map je, že přetěžují server. Dotaz na soubor mapy a převod souřadnic na adresy URL není mozkovou operací, ale serveru trvá, než pošle klientům webové stránky. Znásobte více obrazových map podle počtu návštěvníků kliknutím na ně a získejte zvýšené zatížení serveru.

Další nevýhoda: zatímco tlačítka a ikony na disku CD-ROM poskytují informace (např. Změnou jejich tvaru nebo barvy), obrazové mapy neposkytují uživateli takové vodítka. Přesuňte kurzor na hypertextový odkaz a váš prohlížeč zobrazí v dolní části cílovou adresu URL. Přesuňte kurzor na obrazovou mapu a jediná změna bude v souřadnicích na konci adresy URL stránky.

Horší však je, že kliknete na necitlivou část mapy a mezi serverem a prohlížečem bude stále probíhat komunikace. Ztrácí se několik sekund (nebo více) bez viditelných změn.

Aby se tento problém minimalizoval, měli by weboví designéři objasnit, kde mohou návštěvníci něco udělat (viz „Pravda a nepravda“ v přiloženém poli). Vytváření map s odlišnými výběry nevyloučí špatná kliknutí myší, ale alespoň je minimalizuje.

Nakonec nezapomeňte, že obrazové mapy se obtížně ověřují. Nemůžete použít prohlížeč k otevření souboru HTML obsahujícího mapu (mapu a odpovídající definiční soubor musíte odeslat na webový server, který obsahuje také CGI, které použijete k použití mapy). Pokud jsou vaše webové stránky hostovány poskytovatelem služeb, znamená to trávit spoustu času nahráváním souborů za účelem testování vašich map.

Aktuální možnosti návrhu rozhraní webové stránky mohou být nyní primitivní, ale toto je komunikační médium, které právě začíná. S rádiem, které je nyní ve stejné situaci jako web, se lidé naladili na různé dostupné stanice úpravou polohy tenkého vlákna. V současné době se jedná o primitivní uživatelské rozhraní.

Zákulisí: obrazové mapy

Obrazová mapa může vypadat jako sada samostatných tlačítek a ikon, ale vždy začíná jedním obrázkem. Čtyři prvky spolupracují na tom, aby z Obrázkové mapy vytvořily interaktivní monstrum, které webové prohlížeče znají a milují.

Navrhněte scénu

Prvním krokem při vytváření obrazové mapy je samotný obraz. Použijte požadovaný program, ale optimalizujte grafiku: nezvětšujte jej více, než je nutné, a použijte kompaktní formát obrazu s několika bity na pixel.

Vyberte aktivní oblasti

Klíčem k interaktivitě v obrazových mapách jsou citlivé body, které spojují každou „ikonu“ s adresou URL. Webové nástroje, které zpracovávají obrazové mapy, podporují různé tvary (obdélníky, ovály, kruhy, polygony a body), které můžete přizpůsobit své grafice.

Vozidla

Software Adobe PageMill (http: // www. Adobe.com) je působivý nástroj pro vytváření webových stránek, který při vytváření obrazové mapy šetří spoustu času. Okolo části obrázku, která by měla reagovat, můžete nakreslit obrazec a do textového vstupního pole okna zadat cílovou adresu URL. Můžete také přetáhnout stránky a ikony odkazů z jiných dokumentů PageMill a zkopírovat jejich URL. Podobné funkce má také PageMillův starší bratr SiteMill.

Painter 4 od Fractal Design (http: //

www. fraktální. com) je další volba. Tato návrhová aplikace může přidružit adresu URL s plovoucími výběry.

Existuje také řada sdíleného softwaru a bezplatných mapovacích programů.

zboží. Nejlepší je webová mapa Rowlanda Smitha. Umožňuje vám vytvářet přesné body v existujícím souboru GIF nebo PICT. Verze 1. 0. 1 shareware, cena 20 $ a http: // www. Město. net / cnx / software /. Můžete si také stáhnout beta verzi verze 2. 0 bude komerční program, který bude při spuštění stát 25 $.

Identifikujte a archivujte

Výstupem relace mapování je soubor definice mapy (textový soubor používaný CGI obrazové mapy nahraný na váš webový server). Pro každý citlivý bod existuje řádek textu, který definuje pole a jeho přidruženou adresu URL. Vlastnost shape vyžaduje některé souřadnice popisující stav v grafu. Ale ne