Instituto de Educacin Superior Tecnolgico Privado

SEMANA

04

MENS EMERGENTES
Los mens emergentes aparecen en el navegador cuando el usuario mueve el puntero sobre un objeto Web o bien hace clic en l, por ejemplo, en una divisin o zona interactiva. Cada elemento del men emergente aparece como una celda de HTML o de imagen. La celda tiene un estado. Arriba, un estado Sobre y texto en ambos estados. Es posible incorporar vnculos de URL a elementos del men emergente para la navegacin y puede crear tantos niveles de submen como desee en los mens emergentes. Se puede utilizar alguna o todas las fichas y editar configuraciones de ficha en cualquier momento. Debe aadir al menos un elemento de men en la ficha Contenido para crear una opcin de men que se pueda previsualizar en un navegador. Para obtener la presentacin preliminar de un men emergente, presione F12. Los mens emergentes no se muestran en el espacio de trabajo de Fireworks.

CREAR UN MEN EMERGENTE 1. 2. Seleccione una zona interactiva o divisin que corresponda al rea de activacin del men emergente. Siga uno de estos procedimientos: Seleccione Modificar > Men emergente > Aadir men emergente. Haga clic en el tirador de comportamiento de la divisin y elija Aadir men emergente. Haga clic en la ficha Contenido y, a continuacin, haga clic en Aadir men. Haga doble clic en cada celda y especifique o seleccione la informacin adecuada de texto, vnculo y destino. En los campos Vnculo y Destino, especifique informacin personalizada o seleccione desde los mens mostrados. Al aadir texto en la ltima lnea de la ventana se agrega una lnea vaca debajo de la misma. Repita los pasos 3 y 4 hasta aadir todos los elementos de men. Para eliminar un elemento del men, haga clic en el botn Suprimir men. Haga clic en Siguiente o Listo, o bien seleccione otra ficha.

3.

4. 5.

Prof. MOQUILLAZA LVANO, Cristopher

TALLER DE DESARROLLO WEB II

CREAR SUBMENS EN UN MEN EMERGENTE Los submens son mens emergentes que aparecen cuando un usuario desplaza el cursor por encima de otro elemento del men emergente o hace clic en este. Puede crear tantos niveles de submens como desee. 1 Abra la ficha Contenido del Editor de men emergente y cree elementos de men. Coloque los elementos de men que desee utilizar para el submen directamente bajo el elemento de men para el que habr un submen. Resalte el elemento del men emergente que desea convertir en un elemento de submen y, a continuacin, haga clic en el botn Sangrar men. Para aadir el elemento siguiente del submen, resltelo y haga clic en el botn Sangrar men. O, para insertar un nuevo elemento justo debajo del elemento resaltado, resalte un elemento de men o submen y haga clic en Aadir men. Todos los elementos que estn sangrados de forma contigua en el mismo nivel componen un submen emergente. Para crear un submen dentro del submen emergente, resalte un elemento del submen en la ficha Contenido del Editor de men emergente y, a continuacin, haga clic de nuevo en el botn Sangrar men. Haga clic en Siguiente para continuar la creacin del men emergente o haga clic en Listo.

Prof. MOQUILLAZA LVANO, Cristopher

TALLER DE DESARROLLO WEB II

CAMBIAR EL ASPECTO DE UN MEN EMERGENTE Tras crear un men bsico y los submens opcionales, puede dar formato al texto, aplicar estilos de grfico para los estados Sobre y Arriba y elegir la orientacin vertical u horizontal en la ficha Aspecto del Editor de men emergente. 1 2 3 Abra el men emergente en el Editor de men emergente y haga clic en la ficha Aspecto. Seleccione vertical u horizontal en Elija una alineacin del men emergente. Elija una opcin de Celdas: HTML: Define el aspecto del men utilizando slo cdigo HTML. Esta configuracin produce pginas con el menor tamao posible. Imagen: Le permite seleccionar un estilo de imagen que se utilizar como fondo de celda. Esta configuracin produce pginas de mayor tamao. Elija un tamao preestablecido en el men emergente Tamao o introduzca un valor en el cuadro de texto Tamao. Elija un grupo de fuentes del sistema en el men emergente Fuente o introduzca el nombre de una fuente personalizada. (Opcional) Aplique un estilo, justificacin y color para el texto. Elija los colores del texto y de la celda para cada estado. Si ha seleccionado Imagen como tipo de celda, elija un estilo grfico para cada estado. Contine la creacin del men emergente o haga clic en Listo.

6 7 8 9

Prof. MOQUILLAZA LVANO, Cristopher

TALLER DE DESARROLLO WEB II

CONFIGURAR PROPIEDADES AVANZADAS DE CELDA 1 2 Abra el Editor de men emergente y haga clic en la ficha Avanzado. Seleccione una restriccin de anchura o de altura en el men emergente Automtico/Pxeles: Automtico: Restringe la altura de la celda al tamao del texto definido en la ficha Aspecto del Editor de men emergente y la anchura al del elemento de men con el texto de mayor longitud. Pxeles: Permite introducir medidas especficas en pxeles en los cuadros de texto Anchura de celda y Altura de celda. Introduzca un valor en el cuadro de texto Relleno celda para determinar la distancia que habr entre el texto del men emergente y el borde de la celda. Introduzca un valor en el cuadro de texto Espacio entre celdas para definir el espacio que habr entre las celdas de men. Introduzca un valor en el cuadro de texto Sangra de texto para definir el sangrado del texto del men emergente. Introduzca un valor en el cuadro de texto Demora de men para definir los milisegundos que el men permanecer visible despus de que el puntero se aleje.

Seleccione mostrar u ocultar los bordes de un men emergente. Si selecciona mostrar los bordes, configure sus atributos. Contine la creacin del men emergente o haga clic en Listo.

Prof. MOQUILLAZA LVANO, Cristopher

TALLER DE DESARROLLO WEB II

CAMBIAR LA POSICIN DE LOS MENS Y SUBMENS EMERGENTES Utilice la ficha Posicin del Editor de men emergente para especificar la posicin de un men emergente. Tambin es posible situar un men emergente de nivel superior arrastrando su contorno en el espacio de trabajo cuando la capa de Web est visible.

ESTABLECER UNA POSICIN ESPECFICA PARA UN MEN O SUBMEN EMERGENTE 1 Abra el men emergente que desee en el Editor de men emergente y haga clic en la ficha Posicin. Siga uno de estos procedimientos para definir la posicin del men: Haga clic en un botn Posicin del men para situar el men emergente en relacin con la divisin que lo activa. Introduzca las coordenadas x e y. Las coordenadas 0,0 permiten alinear la esquina superior izquierda del men emergente con la esquina superior izquierda de la divisin o zona interactiva que lo activa. 3 Defina la posicin del submen: Haga clic en un botn Posicin del submen para situar el submen emergente en relacin con el elemento de men emergente que lo activa. Introduzca las coordenadas x e y. Las coordenadas 0,0 permiten alinear la esquina superior izquierda del submen emergente con la esquina superior derecha del men o elemento de men que lo activa.

Prof. MOQUILLAZA LVANO, Cristopher

TALLER DE DESARROLLO WEB II