Készítette: cyrexone 2010. június 29. 15:57:53 - 4301 megtekintés
A művelethez a Handy Image Mapper nevű ingyenes programot használjuk. A forráskód ellenőrzéséhez pedig a W3C Markup Validation Service-t.
Amire szükségünk van
Handy Image Mapper
Image MAP készítése XHTML-ben egyszerűen
Az image map lényege, hogy a kép különböző részeire kattintva különböző helyekre linkelhetünk, anélkül, hogy a képet fel kellene darabolni.<br />
Nyissunk meg egy képet a Handy Image Mapperben. Kezdjük el azokat az alakzatokat megrajzolni, amelyre kattinva linkeket szeretnénk elhelyezni. Ezután írjuk be a linkek címét a HREF mezőbe. A Tooltip mezőbe írjuk be, amit akkor szeretnénk látni, ha az egérkurzort a link fölé húzzuk.<br />
Amint megvagyunk, nyomjuk meg a Place On Clipboard gombot, amivel az image map html kódja a vágólapra kerül, és ezt a kódot illesszük be egyszerűen a html szerkesztőnkbe.<br />
<br />
Ellenőrizzük le a http://validator.w3.org/ oldalon. A webes szabványoknak megfelelő kódot szeretnénk, le kell tisztáznunk a kódot. Először formázzuk át kisbetűsre, a képet tegyük felülre és kezdjük el kiszedni a nem szabványos tageket. Zárjunk le minden taget.<br />
Csomó helyen már csak XHTML formában fogadják el az anyagot, pl. EDM hírlevél küldésnél van ahol előírás, hogy XHTML küldjed a cuccot. Az image map jóformán már csak hírleveleknél használatos, hogy minél kevesebb kódot kelljen írni, meg nagyjából ugyanúgy nézzen ki mindenféle levelező alatt. Nyilván egyszerűbb lenne felhasználni a kódot amit kinyom a Handy, de átalakítani sem több fél percnél, ha az ember gyorsan csinálja.
Melyik keresőbe? Nekem nincs Mozzilám