A kép térképek előnyei és hátrányai
Volt egy pont a webes tervezés történetében, ahol sok webhely egy "képi térképet" ismert funkciót használt. Ez az oldal egy adott képéhez csatolt koordináták listája. Ezek a koordináták hiperhivatkozási területeket hoznak létre a képen, elengedhetetlen a "forró pontok" hozzáadásával egy grafikus elemhez, amelyek mindegyikét különböző helyekre lehet kódolni. Ez sokkal különbözik attól, hogy csak egy linkcímkét ad hozzá egy képhez, ami azt eredményezné, hogy a teljes grafika egyetlen nagy címhez kapcsolódjon.
Példák - Képzelje el, hogy van egy grafikus fájl az Egyesült Államok képével. Ha azt szeretné, hogy az egyes államok "kattinthatóak" legyenek, hogy azok az adott állapotra vonatkozó oldalakra menjenek, ezt egy kép térkép segítségével teheti meg. Hasonlóképpen, ha volt egy zeneszerző képképe, akkor használhat egy képi térképet, hogy minden egyes tagot lecserélhess a következő oldalra az adott zenekar tagjánál.
Hasznosak a kép térképek? Biztosan voltak, de a mai webes oldalán nem kedveltek. Ez legalább részben azért van, mert a képi térképekhez speciális koordináták szükségesek. A webhelyek ma úgy épülnek fel, hogy érzékenyek legyenek, és a képek méretét egy képernyő vagy eszköz méretén alapulják. Ez azt jelenti, hogy az előre beállított koordináták, így a képek térképek működése, szétesnek, amikor egy webhely mérlegel, és a képek megváltoztatják a méretet. Ez az oka annak, hogy a képmappákat ma ritkán használják a produkciós oldalakon, de még mindig vannak előnyei demók vagy példányok esetén, ahol az oldal méretét kényszeríti.
Szeretné tudni, hogyan lehet létrehozni egy képi térképet, konkrétan, hogyan kell ezt csinálni a Dreamweaverrel? . A folyamat nem különösebben nehéz, de ez sem könnyű, ezért meg kell szereznie a tapasztalatát, mielőtt elkezdené.
Elkezdeni
Lássunk neki. Az első lépés, amit meg kell tenni, hogy egy képet adjon hozzá a weboldalához. Ezután a képre kattintva kijelölheti. Innen kell mennie a tulajdonságok menüjébe (és kattintson a három hotspot-rajzeszköz egyikére: téglalap, kör vagy sokszög.) Ne felejtsd el elnevezni a képet, amit a tulajdonságsorban meg tudsz csinálni. mindent, amire csak szüksége lehet. Példaként használja a "térképet".
Most húzza ki a kívánt formát a képen az egyik eszközzel. Ha téglalap alakú foltokra van szüksége, használja a téglalapot. Ugyanaz a kör. Ha bonyolultabb hotspotformákat szeretne, használja a sokszöget. Ez az, amit valószínűleg az amerikai térkép példáján használ, mivel a sokszög lehetővé teszi, hogy pontokat dobjon ki, és nagyon összetett és szabálytalan formákat hoz létre a képen
A hotspot tulajdonságablakában írja be vagy keresse meg azt az oldalt, amelyhez a hotspot kapcsolódnia kell. Ez hozza létre az összekapcsolható területet. Folytassa a hotspotok hozzáadását, amíg a térkép befejeződött, és a hozzáadni kívánt összes link hozzá lett adva.
Miután elkészült, ellenőrizze a kép térképét egy böngészőben, hogy megbizonyosodjon róla, hogy megfelelően működik. Kattintson az egyes linkekre annak biztosítására, hogy a megfelelő erőforráshoz vagy weboldalhoz érkezzen.
A képtérképek hátrányai
Ismét fontos tudatában annak, hogy a képmappáknak több hátránya is van, még a fent említett, a reagáló weboldalakkal kapcsolatos támogatás hiányában is. Az apró, apró részletek homályosíthatók a képi térképen. A földrajzi kép térképek például segíthetnek meghatározni, hogy melyik kontinensen tartózkodik a felhasználó, de ezek a térképek nem elég részletesek ahhoz, hogy a felhasználó származási országát feltérképezzék. Ez azt jelenti, hogy egy kép térkép segíthet meghatározni, hogy a felhasználó Ázsiából származik-e, de nem Kambodzsából.
A képmappák is lassan töltődhetnek be. Nem szabad többször felhasználni egy weboldalon, mert túl sok helyet foglalnak el ahhoz, hogy a weboldal minden oldalán használják őket. Egyetlen oldalon túl sok képi térkép súlyos szűk keresztmetszetet és hatalmas hatást gyakorolna a webhely teljesítményére .
Végül a kép térképek nem könnyűek a vizuális problémákkal küzdő felhasználók számára. Ha képfelvételt használt, alternatívaként egy másik navigációs rendszert is létrehozhat ezeknek a felhasználóknak.
Alsó sor
Időről időre képi térképeket használok, amikor megpróbálok egy gyors demo-t összeállítani, és hogyan működik. Például egy mobilalkalmazás tervét gúnyolhatom, és képi térképeket szeretnék használni, hogy hotspotokat hozzon létre az alkalmazás interaktivitásának szimulálására. Ez sokkal könnyebben megtehető, mint az alkalmazás kódolása, vagy akár a HTML és a CSS-hez hasonló, szabványosított szabványos weboldalak készítéséhez. Ebben a konkrét példában, és mivel tudom, hogy melyik eszközön szeretném bemutatni a tervet, és képesek lesíteni a kódot az adott eszközre, egy képi térkép működik, de egy produkciós webhely vagy alkalmazás létrehozása nagyon trükkös és valószínűleg elkerülhető a mai weboldalak.
Jennifer Krynin eredeti cikke. Szerkesztette: Jeremy Girard, 2007.07.07.