• 

  Image MAP készítése XHTML-ben

  2010. június 29. 15:57:53 |

  Készítette: cyrexone

  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.
  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.
  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.
  
  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.
  

Statisztika