Amit tudni kell
• Használjon normál méretű képet, amelyet a böngésző nem skáláz át. Szüksége lesz egy képszerkesztőre és egy HTML- vagy szövegszerkesztőre is.
• A kép beszúrásakor adjon hozzá egy extra attribútumot a térkép koordinátáinak azonosításához.
• Például:
Ez a cikk bemutatja, hogyan hozhat létre képtérképeket HTML-címkék használatával képtérkép-szerkesztő helyett. A legtöbb képszerkesztő megmutatja az egér koordinátáit, amikor rámutat a képre, ez az összes adat, amelyre szüksége van a képtérképek használatának megkezdéséhez.
Képtérkép készítése
Képtérkép létrehozásához először válasszon ki egy képet, amely a térkép alapjául fog szolgálni. A képnek "normál méretűnek" kell lennie – vagyis ne használjon olyan nagy képet, hogy a böngésző átméretezze azt.
A kép beszúrásakor egy további attribútumot ad hozzá, amely azonosítja a térkép koordinátáit:
A képtérkép létrehozásakor egy olyan területet hoz létre, amely a képen kattintható, így a térkép koordinátáinak összhangban kell lenniük a kiválasztott kép magasságával és szélességével. A térképek három különböző típusú alakzatot támogatnak:
- egyenes-téglalap vagy négyoldalas figura
- poly-egy sokszög vagy többoldalú ábra
- karikázzon be egy kört
A területek létrehozásához el kell különítenie a leképezni kívánt koordinátákat. A térkép egy vagy több meghatározott területből állhat a képen, amelyekre kattintva új hiperhivatkozás nyílik meg.
Téglalap esetén csak a bal felső és a jobb alsó sarkot kell leképezni. Az összes koordináta x, y (fölött, fel) néven szerepel. Tehát a bal felső sarokba 0, 0 és a jobb alsó sarokba 10, 15 írja be a következőt: 0, 0, 10, 15. Ezután vegye fel a térképre:
Egy sokszög esetén minden x, y koordinátát külön-külön leképez. A webböngésző automatikusan összekapcsolja az utolsó koordinátakészletet az elsővel; ezeken a koordinátákon belül bármi a térkép része.
A kör alakzatokhoz csak két koordináta szükséges, például a téglalaphoz, de a második koordinátához meg kell adni a sugarat vagy a kör középpontjától való távolságot. Tehát egy olyan körhöz, amelynek középpontja 122, 122, sugara 5, 122, 122, 5:
Minden terület és alakzat szerepelhet ugyanabban a térképcímkében:
Megfontolások
A képtérképek sokkal gyakoribbak voltak az 1990-es évek Web 1.0 korszakában, egészen a 2000-es évek legelejéig – a képes térképek gyakran képezték a webhelyek navigációjának alapját. A tervező valamilyen képet készít a menüelemek jelzésére, majd beállít egy térképet.
A modern megközelítések a reszponzív tervezést ösztönzik, és lépcsőzetes stíluslapokat használnak a képek és hiperhivatkozások oldalon történő elhelyezésének szabályozására.
Bár a HTML-szabvány továbbra is támogatja a térképcímkét, a kis méretű mobileszközök használata váratlan teljesítményproblémákhoz vezethet a képtérképeknél. Ezenkívül a sávszélesség-problémák vagy a törött képek befolyásolják a képtérkép értékét.
Tehát nyugodtan használja továbbra is ezt a stabil, jól érthető technológiát, tudva, hogy vannak hatékonyabb alternatívák, amelyek jelenleg divatosak a webtervezők körében.
