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