Image MAP készítése XHTML-ben
Készítette: cyrexone
2010. június 29. 15:57:53 - 4301 megtekintés
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
10:34
Keresőbarát URL készítése
Sanya8998
11:56
Lekerekített doboz létrehozása HTML és CSS segítségével
cyrexone
04:14
CSS alapok - 1. rész: Bevezetés a CSS-be
A6ON
02:23
Hogyan optimalizáljuk weblapunkat? 3. rész, Weblap tipográfia
dbogschutz
05:04
Hogyan optimalizáljuk weblapunkat? 2. rész, Weblap ergonómia
dbogschutz
05:06
HTML oldal készítési alapok: stíluselemek, kép, link
Horv
05:46
Hogyan optimalizáljuk weblapunkat? 1.rész,Technológiák, kulcsszavak, linkek
dbogschutz
04:51
PHP üzenőfal készítése - 3/3. rész
djpety
05:59
PHP - Üzenőfal készítése - 2/3. rész
djpety
09:22
PHP üzenőfal készítése - 1/3. rész
djpety
04:05
Adobe Dreamweaver CS4 újdonságok - 1.rész
A6ON
08:10
Jó lett nagyon, de van egy kifogásolni valóm, mi értelme van annak, hogy te előre elkészitel egy XHTML dokument tipust, amibe be illesztesz egy HTML tartalmat, és azután még át is kell irogatnod ugye, mert a progi alapból HTML-re késziti el, szóval, ebben az esetben minek kellet XHTML? Simán Valid lett volna HTML 4.01-es dokument tipusba, de ne vedd sértésnek.