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épzeld el, hogy van egy grafikus fájlt 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
Kezdjük el. 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 négyszögletes 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 képképe egy böngészőben, és győződjön meg 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. Először is, a kis részleteket elrejthetik 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ára 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 használja a képi térképeket, amikor egy design gyors bemutatóját próbálja összeállítani és hogyan működik. Például ha egy mobilalkalmazást tervezel, és képi térképeket szeretne használni hotspotok létrehozásához az alkalmazás interaktivitását szimulálni. Ez sokkal könnyebben megtehető, mint az alkalmazás kódolása, vagy akár a HTML-hez és a CSS-hez a meglévő szabványokhoz épített dummy weboldalak létrehozása. De egy termelési webhely vagy alkalmazás bevezetése nagyon trükkös, és valószínűleg elkerülhető a mai weboldalakon.
