PDF (adobe.com)

Crear mapas de imágenes

Una vez insertadas las zonas interactivas adecuadas encima de un gráfico, exporte éste como un mapa de imagen para que se vea en navegadores Web. Cuando se exporta un mapa de imagen, se generan el archivo gráfico y el archivo HTML que contiene la información de mapa para las zonas interactivas y los vínculos URL correspondientes. Fireworks sólo crea mapas de imagen de cliente durante la exportación.

También puede copiar el mapa de imágenes en el Portapapeles y pegarlo en Dreamweaver o en otro editor HTML.

Para obtener información sobre cómo colocar en Dreamweaver contenido exportado desde Fireworks, consulte Funcionamiento con Dreamweaver.

  1. Para preparar el gráfico con el fin de exportarlo, debe optimizarlo.

  2. Seleccione Archivo > Exportar.

  3. Si va a exportar la imagen, localice la carpeta en la que desea colocar el archivo HTML y asígnele un nombre al archivo.

    Si ya ha creado una estructura local de archivos para el sitio Web, puede guardar el gráfico en la carpeta correcta del sitio.

  4. En el menú desplegable Guardar como tipo, elija HTML e imágenes.

  5. Seleccione una opción en el menú emergente HTML:

    Exportar archivo HTML
    Genera el archivo HTML requerido y los archivos gráficos correspondientes para importarlos en Dreamweaver o en otro editor HTML.

    Copiar al portapapeles
    Copia todo el contenido HTML requerido, incluso las tablas si el documento está dividido, en el Portapapeles para pegarlo en Dreamweaver o en otro editor HTML.
    Nota: en Divisiones, elija Ninguna sólo si el documento no contiene ninguna división.

  6. (Solo en la exportación) Si fuera necesario, seleccione la opción Colocar imágenes en subcarpeta y abra la carpeta adecuada.

  7. Haga clic en Guardar.

  8. Cuando exporta archivos, Fireworks emplea comentarios HTML para marcar el comienzo y el final del código de los mapas de imagen y de otras funciones Web. De forma predeterminada, los comentarios HTML no se incluyen en el código. Si desea incluirlos, seleccione Incluir comentarios HTML en la ficha General del cuadro de diálogo Configuración de HTML.