Els mapes d'imatges són simplement etiquetes HTML senzilles
Els mapes d'imatges són una manera interessant i interessant d'animar el vostre lloc web, amb ells, podeu carregar imatges i fer que algunes d'aquestes imatges es puguin fer clic a altres actius en línia. Si tens una mica i no vols descarregar un editor de mapes d'imatges, crear un mapa amb etiquetes HTML és senzill.
Necessiteu una imatge, un editor d'imatges i algun tipus d' editor o editor de text HTML . La majoria dels editors d'imatges us mostraran les coordenades del ratolí quan assenyali la imatge. Aquesta informació de coordenades és tot el que necessites per començar amb mapes d'imatges.
Creació d'un mapa d'imatges
Per crear un mapa d'imatge, primer seleccioneu una imatge que servirà com a base del mapa. La imatge hauria de ser "mida normal", és a dir, no heu d'utilitzar una imatge tan gran que el navegador l'escalarà.
Quan inseriu la imatge, afegireu un atribut addicional que identifica les coordenades del mapa:
Quan creeu un mapa d'imatge, esteu creant una àrea que es pot fer clic a la imatge, de manera que les coordenades del mapa s'han d'alinear amb l'alçada i l'amplada de la imatge que heu seleccionat. Els mapes admeten tres tipus de formes diferents:
- recte-un rectangle o una figura de quatre costats
- figura poly-a polígon o de múltiples costats
- cercle-un cercle
Per crear les àrees, heu d'aïllar les coordenades específiques que voleu mapear. Un mapa pot consistir en una o més àrees definides a la imatge que, quan es fa clic, obriu un hipervincle nou.
Per un rectangle , mapeu només les cantonades superior esquerra i inferior dreta. Totes les coordenades es detallen com x, y (per sobre, per dalt). Per tant, per a la cantonada superior esquerra 0,0 i la cantonada inferior dreta 10,15, escriviu 0,0,10,15 . A continuació, l'incloeu al mapa: