Capítol 1. Utilitzar el KImageMapEditor

El KImageMapEditor és un editor de correspondències d'imatge HTML creat per la comunitat KDE. Permet crear i modificar correspondències d'imatge HTML.

Captura de pantalla

La finestra principal del KImageMapEditor.

Un cas d'ús comú és un mapa del món on cada país és una correspondència d'imatge. En fer clic en un país al mapa, podeu obrir un enllaç cap al país seleccionat.

Crear una correspondència d'imatge requereix els passos següents:

Carregueu un fitxer d'imatge (png, jpg, gif) o un fitxer HTML des del vostre disc o arrossegueu-lo cap a l'àrea d'imatge. Seleccioneu una imatge a l'acoblador Imatges.

Afegiu una correspondència d'imatge utilitzant CorrespondènciaCorrespondència nova... des del menú i introduïu un nom de correspondència.

Ara el menú Eines està habilitat i podeu seleccionar les formes geomètriques escaients com Cercle, Rectangle, Polígon o Polígon a mà alçada i definir una àrea on fer clic a la imatge.

Es mostrarà el diàleg Editor d'etiquetes d'àrea. A la pestanya General, introduïu els atributs HREF (un enllaç URL de destinació), Text Alt., Destinació i el Títol.

La pestanya Coordenades mostra les dades geomètriques de la forma. Editar el valor us permetrà ajustar la mida i la posició sobre la imatge de manera que els canvis seran immediatament visibles a la imatge. També es poden modificar la mida i la posició amb el ratolí.

Per a obrir el diàleg Editor d'etiquetes d'àrea per a una correspondència d'imatge ja definida utilitzeu l'entrada Propietats des del menú Edita o el menú contextual de la regió.

Utilitzeu CorrespondènciaMostra l'HTML per a veure el codi HTML generat de la correspondència.

A continuació obriu ImatgeEdita el mapa_usuari... i introduïu el nom de la correspondència com a valor mapa_usuari. Deseu el treball amb FitxerDesa. Obriu el fitxer HTML al Konqueror per a verificar que la correspondència d'imatge funciona com s'esperava.

Les opcions de configuració del KImageMapEditor són accessibles obrint el diàleg de configuració amb la selecció d'ArranjamentConfigura el KImageMapEditor... des del menú.

El diàleg de configuració del KImageMapEditor

El diàleg de configuració del KImageMapEditor.