Esta es una tecnica bastante curiosa al hacer un banner o algun menu , podemos asignar una zona sensible o un link en una determinada zona de una imagen.
Al pulsar sobre contacto te llevara a una pagina , al pulsar sobre foro te llevara a otra pagina y asi sucesivamente…..
Los mapas de imagenes pueden ser : rectangulos,circulos,poligonos.
Asà pues, un mapa de imagen esta compuesto de dos partes:
- La imagen propiamente dicha que estará situada como de costumbre dentro de la etiqueta <body> de nuestro documento HTML.
- Un código, situado en el interior de la etiqueta <map>, que delimitara por medio de lÃneas geométricas imaginarias cada una de las áreas de los enlaces presentados en la imagen.
Las lÃneas geométricas que delimitan los enlaces, es decir, las áreas de los enlaces, han de ser definidas por medio de coordenadas. Cada imagen es definida por unas dimensiones de ancho (X) y alto (Y) y cada punto de la imagen puede ser definido por tanto diciendo a que altura (x) y anchura (y) nos encontramos. De este modo, la esquina superior izquierda corresponde a la posición 0,0 y la esquina inferior derecha corresponde a las coordenadas X,Y. Si deseamos saber qué coordenadas corresponden a un punto concreto de nuestra imagen, lo mejor es utilizar un programa de diseño grafico como Photoshop o Paint Shop Pro o incluso paint. Read more
