Adición de zonas activas pulsables a las imágenes

Una imagen interactiva permite adjuntar URL a áreas concretas, denominadas «zonas activas», sobre una imagen del documento. Una imagen interactiva es un grupo de una o más zonas activas.

Se pueden dibujar tres tipos de zonas activas: rectángulos, elipses y polígonos. Al pulsar en una zona activa, el URL se abre en el marco o la ventana del navegador que se indique. También se puede especificar el texto que se muestra cuando el puntero del ratón reposa sobre la zona activa.

Para agregar una zona activa seleccionable a una imagen

  1. Coloque el cursor donde desee colocar el mapa de imágenes en el documento.

  2. Vaya a Insertar ▸ Imagen, seleccione e inserte un mapa de bits.

  3. With the image selected, choose Edit - ImageMap in Writer and Calc or Tools - ImageMap in Impress and Draw. You see the ImageMap Editor, which displays the image at the background.

  4. Con ayuda de los iconos del Editor de imágenes interactivas, dibuje una forma de zona activa, por ejemplo un rectángulo, sobre la imagen que está en el fondo.

    Dispone de ayuda ampliada para las funciones de cada icono cuando activa las descripciones emergentes ampliadas en  ▸ LibreOffice ▸ General.

  5. Especifique el URL que aparecerá en un navegador web cuando el usuario pulse en la zona activa.

  6. También puede escribir el texto que se mostrará como ayuda emergente al situar el puntero del ratón sobre la zona activa.

  7. Pulse en el botón Aplicar para que los cambios surtan efecto y cierre el Editor de mapa de imágenes.

  8. Guarde el documento en formato LibreOffice o HTML.

El mapa de imágenes se puede guardar como archivo y cargarlo en un servidor web, por ejemplo.

Imagen interactiva

An ImageMap is a reference-sensitive graphic or frame. You can click on defined areas of the graphic or frame to go to a target (URL), which is linked with the area. The reference areas, along with the linked URLs and corresponding text displayed when resting the mouse pointer on these areas, are defined in the ImageMap Editor.

Existen dos tipos de mapas de imagen. Un mapa de imagen de lado cliente se procesa en el equipo local, el cual obtiene la imagen desde Internet; un mapa de imagen de lado servidor se procesa remotamente en el servidor, el cual proporciona la página HTML en Internet. En el procesamiento de lado servidor, pulsar un mapa de imagen envía las coordenadas relativas del puntero sobre la imagen al servidor; a continuación, un programa dedicado en este responde a la señal. En el procesamiento de lado cliente, pulsar en una zona activa del mapa de imagen activa un URL, como si se tratara de un enlace de texto común y corriente. El URL aparece bajo el puntero del ratón al navegar por el mapa de imagen.

Como las imágenes interactivas se pueden utilizar de diversas formas, es posible almacenarlas en formatos distintos.

Formatos de imágenes interactivas

En líneas generales, las imágenes interactivas se dividen entre las que se analizan en el servidor (es decir, el proveedor de Internet) y las que se analizan en el navegador web del equipo del lector.

Imágenes interactivas de lado servidor

Las imágenes interactivas de lado servidor se muestran al lector como una imagen o un marco en la página. Si pulsa sobre la imagen interactiva con el ratón, las coordenadas de la posición relativa se envían al servidor. Con la ayuda de un programa auxiliar, el servidor entonces determina el próximo paso que deberá seguirse. Hay varios métodos incompatibles para definir este proceso, pero los dos más habituales son:

LibreOffice crea mapas de imágenes para ambos métodos. Seleccione el formato desde Tipo de Archivo en el diálogo Guardar como, en el Editor de mapa de imágenes. Se deben enviar al servidor cada uno de los archivos de mapas creados. Debe preguntar a su proveedor o administrador de redes qué tipo de mapa de imágenes admite el servidor y cómo acceder al programa de evaluación.

Imagen interactiva de lado cliente

El área de la imagen o el marco en la que el lector puede pulsar con el ratón se indica mediante la aparición del URL enlazado cuando el ratón se coloca por encima. La interacción se almacena en una capa por debajo de la imagen en sí y contiene información acerca de las regiones con referencias. La única desventaja de las imágenes interactivas de lado cliente consiste en que no funcionan en navegadores web obsoletos; esta desventaja desaparecerá a medida que transcurra el tiempo.

When saving the ImageMap, select the file type SIP - StarView ImageMap. This saves the ImageMap directly in a format which can be applied to every active picture or frame in your document. However, if you just want to use the ImageMap on the current picture or frame, you do not have to save it in any special format. After defining the regions, simply click Apply. Nothing more is necessary. Client Side ImageMaps saved in HTML format are inserted directly into the page in HTML code.