Capítulo 1. Uso de KImageMapEditor

KImageMapEditor es un editor de mapas de imágenes HTML desarrollado por la comunidad KDE que le permite crear y modificar mapas de imágenes HTML Mapas de imagen.

Captura de pantalla

Pantalla principal de KImageMapEditor

Un caso de uso común es un mapa del mundo en el que cada país es un mapa de imagen. Haciendo clic en un país del mapa, se abre un enlace al país seleccionado.

Para crear un mapa de imagen, hay que seguir los siguientes pasos:

Cargue un archivo de imagen (png, jpg, gif ) o un archivo HTML de su disco o arrástrelo en el área de imagen. Seleccione una imagen en el panel imágenes.

Añadir un mapa de imagen mediante la opción de menú MapaNuevo Mapa e introducir un nombre para el mapa.

Ahora, el menú Herramientas está activo y puede seleccionar la forma geométrica adecuada como Círculo, Rectángulo, Polígono o Polígono a mano alzada y defina un área en la imagen.

Aparece el cuadro de diálogo Editor de etiquetas de área . En la pestaña General, introduzca URL (la URL destino de un enlace), Text alternativo, Destino y Título.

Las pestaña Coordenadas muestra los datos geométricos de la forma. Modificando sus valores, se puede ajustar el tamaño y la posición de la imagen, ya que los cambios se ven en la imagen de manera inmediata. El tamaño y la posición también se pueden modificar utilizando el ratón.

Para abrir el cuadro de diálogo Editor de etiquetas de área para un mapa de imagen ya definido, utilice la opción Propiedades del menú Editar o el menú de contexto.

Utilice MapaMostrar HTML para ver el código HTML generado para el mapa.

A continuación, seleccione la opción de menú ImagenEditar usemap... e introduzca el nombre del mapa como valor de usemap. Guarde su trabajo mediante ArchivoGuardar . Abra el archivo HTML en Konqueror para verificar que el mapa de imagen funciona como se esperaba.

Las opciones de configuración de KImageMapEditor se pueden editar abriendo el cuadro de diálogo de configuración, al cual se accede seleccionado la opción de menú PreferenciasConfiguración KImageMapEditor....

Cuadro de diálogo de configuración de KImageMapEditor

Cuadro de diálogo de configuración de KImageMapEditor