Cómo crear y enlazar mapas de imágenes en Fireworks CS5

  1. Software
  2. Adobe
  3. Fuegos artificiales
  4. Cómo crear y enlazar mapas de imágenes en Fireworks CS5

Libro Relacionado

Adobe Creative Suite 5 Design Premium All-in-One para tontos

Por Jennifer Smith, Christopher Smith, Fred Gerantabee

Cuando se crea un gráfico en Adobe Fireworks Creative Suite 5 y se le añaden varias zonas activas (hipervínculos), se conoce como mapa de imagen.

Utilice un mapa de imagen para definir las regiones en las que se puede hacer clic en una imagen.

Crear un mapa de imagen en Fireworks

Para crear un mapa de imagen, siga estos pasos:

  1. Abra un archivo gráfico al que desee asignar varias zonas activas.
  2. Haga clic y mantenga pulsada la herramienta Rectangle Hot Spot en la sección web del panel Herramientas y seleccione una de las tres herramientas ocultas para zonas activas: Rectángulo, círculo o polígono.
  3. Si elige la herramienta Rectángulo o Círculo, simplemente haga clic y arrastre para definir la zona activa. Para crear una región con la herramienta Polígono, simplemente haga clic y suelte de punto a punto para crear una región personalizada.

Si no conseguiste las formas correctas, no te preocupes. Puede utilizar las herramientas Puntero y Subselección para mover y cambiar el tamaño de las zonas activas.

Enlazar un mapa de imagen de Fireworks

Después de definir una zona activa, puede definir la ubicación (normalmente, una página web) a la que desea que se vincule la zona activa.

  1. Seleccione Window→URL.Aparece el panel de URL.
  2. Tenga en cuenta que puede añadir su URL a una biblioteca para su uso posterior haciendo clic en el signo más a la derecha del cuadro de texto URL. Cuando haga referencia a páginas fuera de su sitio web (enlaces externos), debe iniciar el enlace con http://.
  3. Seleccione Window→Layers para mostrar el panel Capas. la zona activa que ha creado aparece como una subcapa separada de la capa web.
  4. Haga doble clic en el nombre de esta subcapa y déle un nombre más apropiado.

Aquí hay algunos tipos de enlaces que no son URLs que usted puede usar:

  • Dirección de correo electrónico: Escribe mailto:youremail address en el cuadro de texto URL para crear un enlace que abra una ventana de mensaje, con tu dirección ya introducida y lista para usar.
  • Enlace a otra página en su documento de Fireworks: A muchas personas les gusta crear prototipos de sus sitios web en Fireworks y demostrar el enlace de una página a otra. Puede utilizar el panel Páginas para añadir una página a su documento y, a continuación, utilizar el menú desplegable Enlace para enlazar de una página a otra.

Para exportar varias páginas de Fireworks, elija File→Export y luego seleccione Todas las páginas en el menú desplegable Páginas. Puede probar sus enlaces abriendo el archivo HTML recién creado en un navegador.

  • Archivos no HTML en el servidor: Puede escribir 2010/catalog.pdf, por ejemplo, para indicar al navegador que abra un archivo PDF llamado catálogo que se encuentra dentro de la carpeta 2010.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *