Keresés Kategóriák Kedvencek

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

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

  • Címkék:

    html xhtml image MAP
Kapcsolódó videók Hozzászólások
Smartname - 11 éve, 6 hónapja

Melyik keresőbe? Nekem nincs Mozzilám

Smartname - 11 éve, 6 hónapja

Hol van az a vágólap??? Én am nem tom, hogy vele van a vágólap??? Kérlek majd válaszolj, amúgy kiváló a videód

adam887 - 11 éve, 6 hónapja

Szia cyrexone!
A facebook urlje http://www.facebook.com/

DjCsabi - 14 éve, 4 hónapja

igaz, hogy lassan már az XHTML kezd mindenhol előnybe kerülni, pl: a telefonoknak egy nagyon nagy előny

cyrexone - 14 éve, 4 hónapja

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.

Tovább
Mobil verzió - Normál verzió

© 2024 Next Project Kft. - Minden jog fenntartva.