Dedicado a mis proyectos en Gambas ,un lenguaje de programación parecido al Visual Basic + Java pero ampliamente mejorado y...¡¡para gnu/linux!!.La potencia del gnu/linux sumada a la facilidad del Basic



Consultas, Desarrollo de programas y petición de presupuestos:



miércoles, 27 de abril de 2011

HTML: Crear mapas de imágenes con KImageMapEditor

Los mapas de imágenes son zonas definidas en una pagina web donde podemos al hacer click  hacer que se ejecute alguna acción (normalmente ir a otra pagina web o ejecutar un comando de javascript). En la siguiente dirección encontrareis mucha información: http://www.desarrolloweb.com/articulos/753.php, realizado por Ruben Dario.

  • "Explicamos detalladamente el proceso para crear mapas de imágenes, osea, imágenes que tienes varios enlaces asociados en distintas áreas....."
Echarle un vistaso que es muy interesante.

Yo os traigo una utilidad que se llama KImageMapEditor que realiza "el trabajo dificil", dibujamos una figura o poligono y el genera el código en HTML.

Para instalarlo, vamos al synaptic, y buscamos el paquete KImageMapEditor:

 Y se nos instala en el menu Aplicaciones / Programación
Ahora ejecutamos el programa, hacemos click en menu/ File / Open, y elegimos una imagen por ejemplo.
Nos vamos al menu / Tools / Polygon
Y ahora podemos hacer el dibujo del poligono.
Cuando lo cerramos (que coincida el punto que le demos con el inicial) nos sale el siguiente menu:
 En este formulario definiremos la pagina web donde ira, etc, le damos a "Apply".

Y se le damos a menu / Map / Show Html, nos genera el codigo fuente de las distintas superficies definidas y direcciones web a las que apuntara si hacemos click sobre ellas.



Espero que os sea útil para vuestra páginas web.
Saludos