Menúes drop down (Fireworks)

[NelxoN]

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



or 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.



Fuente: Webexperto

---------

Saludos.