Cómo crear un menú emergente en Fireworks

Cómo crear un menú emergente en Fireworks: dummies

Un menú emergente creado en Fireworks usa JavaScript para crear su magia. Sin embargo, Fireworks escribe todo el código. Si tiene muchas páginas para vincular pero solo una cantidad limitada de espacio, un menú emergente es la opción obvia. Aparece un menú emergente, um, (de ahí el nombre) cuando un visitante del sitio hace una pausa en el cursor sobre el botón que activa el menú emergente.

Para crear un menú emergente, siga estos pasos:

1Utilice la herramienta Puntero para seleccionar el botón al que se adjuntará el menú.

Aparece un botón blanco en el medio del botón. Esto significa que puede agregar interactividad al botón. Cuando crea un botón, Fireworks crea un sector que se ajusta al tamaño del botón. El corte se guarda como una imagen cuando exporta su menú.

2Haga clic en el botón blanco.

Aparece un menú con una lista de comportamientos interactivos que puede agregar al botón.

3Elegir Agregar menú emergente.

Aparece el Editor de menú emergente.

4En la pestaña Contenido, ingrese el Texto, Enlace y Destino para el artículo.

El texto es la etiqueta del botón, el enlace es la página a la que se vincula el botón y el objetivo es la ventana en la que se abre la página vinculada.

5Haga clic en el signo más (+) para agregar otro elemento al menú.

Fireworks agrega campos en blanco para el texto, enlace y destino del botón. Alternativamente, puede presionar la tecla Tab para agregar otro elemento al menú.

Repita el paso 4 para este botón.

6 Continúa agregando los otros elementos a tu menú emergente.

La figura muestra un menú emergente con varios elementos.

7Haga clic en Siguiente.

Aparecerá la pestaña Aspecto del Editor de menú emergente.

8Especifique los parámetros para la apariencia de los elementos del menú emergente.

Celdas: Seleccione HTML o Imagen. Si elige HTML, Fireworks crea el código para crear los elementos del menú. Si elige Imagen, Fireworks crea las imágenes para cada elemento del menú y las guarda cuando exporta el menú.

Menú desplegable de alineación de menú: Elija Menú horizontal o Menú vertical.

Fuente: Elija un conjunto de fuentes. Estos son idénticos a las opciones de fuente que tiene en Dreamweaver. La primera fuente es la predeterminada. El navegador web se predetermina a la siguiente fuente si la fuente predeterminada no está instalada en la computadora del usuario.

Tamaño de fuente: Elija un tamaño de fuente en el menú desplegable.

Opciones de estilo de fuente y alineación: Estas son las mismas opciones que encuentras en tu amigable aplicación de procesamiento de texto: negrita; itálico; y alineación izquierda, central o derecha.

Estado arriba: Haga clic en las muestras de color y elija el color para la celda y el texto.Como regla general, elige los mismos colores que el menú al que se adjunta el menú emergente.

Sobre estado: Haga clic en las muestras de color y elija el color de la celda y el texto que aparecerá cuando un visitante ponga el cursor sobre un elemento del menú.

9Haga clic en Siguiente.

Aparece la pestaña Avanzado del Editor de menú emergente.

10 Acepte o modifique los siguientes parámetros:

Ancho de celda: Fireworks determina el ancho según el elemento del menú con el texto más largo. Para modificar el ancho, elija Píxeles en el menú desplegable. Esto abre el cuadro de texto Ancho de celda en el que puede ingresar un valor.

Altura de celda: Fireworks elige una altura, que se puede modificar ingresando un valor diferente en el campo Altura de celda. Alternativamente, puede elegir Automático en el menú desplegable.

Relleno de celda: Acepte el valor predeterminado o ingrese un valor diferente. Este valor determina el área en píxeles alrededor del texto de la celda.

Sangría de texto: Acepte el valor predeterminado (0) o ingrese una cantidad para sangrar el texto.

Espaciado celular: Acepte el valor predeterminado de 0 o ingrese un valor. Si ingresa un valor, aparece un espacio entre cada elemento en su menú emergente. Nos gustan nuestros menús ajustados, por lo que aceptamos el valor predeterminado de 0.

Retraso del menú: Esta es la cantidad de tiempo durante la cual el menú aparece después de que un visitante coloca su cursor sobre el botón. Si no se realiza ninguna acción dentro de ese período de tiempo, el menú desaparece. La demora predeterminada es 1000 ms, o 1 segundo. Ingrese un valor diferente para aumentar o disminuir el retraso del menú.

Pop-up Borders: La casilla de verificación Mostrar bordes está seleccionada de manera predeterminada, con un valor predeterminado de 1. Ingrese un valor para mostrar un borde más grande y luego haga clic en las muestras de color aplicables para el borde: Sombra, Color del borde y resaltado. Esta opción no está disponible si elige Imagen en la pestaña Aspecto.

11Haga clic en Siguiente.

Aparece la pestaña Posición del Editor de menú emergente.

12Haga clic en un icono para alinear la ventana emergente en una de las siguientes configuraciones: en la parte inferior derecha, inferior, superior o superior derecha del sector.

Después de elegir una opción, Fireworks inserta valores en los campos X e Y. Si lo desea, puede ingresar diferentes valores para definir mejor el posicionamiento del menú emergente. Si tiene elementos de menú con sangría, aparecen las opciones del menú secundario, que le permiten especificar la posición de los submenús.

13Haga clic en Listo.

El menú emergente se agrega al botón.

14Elegir archivo → Vista previa en el navegador y elegir el navegador deseado de la lista del menú.

Su menú aparece en el navegador deseado.