Menúes drop down con Fireworks

Macromedia Fireworks brinda la posibilidad de crear, en forma rápida y sencilla, vistosos menúes "drop down" como el que se muestra en la siguiente figura:

Para realizarlo debemos seguir los siguientes pasos:

Definimos las secciones


Creamos una imagen por cada sección:

Rectangle Hotspot Tool


Por cada sección en la que deseamos incluir un menú drop-down debemos utilizar la herramienta Rectangle Hotspot y especeficar su área:

Realizando el menú


Clickeamos con el botón derecho sobre alguna de las secciones y seleccionamos la opción Add Pop-up Menu:

Completamos las opciones del menú rellenando los campos Text, Link y Target (opcional), y luego clickeamos sobre el símbolo + para agregar, o sobre para quitar los ítems. Una vez terminado, click sobre Next.

Definimos los colores de las celdas y el texto, el tipo de fuente, y clickeamos sobre Finish.

Una vez completadado el proceso podremos elegir la ubicación del menú despegable simplemente arrastrándolo con el Mouse.

Exportando el código


Utilizaremos la opción [Modify] [Fit Canvas] para eliminar los espacios en blanco de la imagen.

Luego nos dirigimos hacia [File] [Export] y guardamos el trabajo.

Al exportarlo, se van a generar los tres archivos necesarios para hacer funcionar el menú: menu.htm, fw_menu.js y menu.gif.

Deja un comentario