Página inicial

Unidad 16. Comportamientos Avanzados (VI)


Menús Emergentes

Esta es una de las herramientas más utiles en cuanto al uso de JavaScript en Dreamweaver.

Como puedes ver en la parte superior izquierda de este apartado hemos creado tres menús emergentes de una forma sencilla y con una apariencia fenomenal, cada uno de los menús lo hemos asociado a una imagen.

Lo único que deberás tener en cuenta es que estos menús sólo se pueden asociar a enlaces o a imágenes.

Si no quieres utilizar imágenes, simplemente coje el texto (colócalo en la parte superior de la página) y dale como vínculo #, se convertirá en un enlace vacío. El enlace no hará nada pero estará listo para que le asignes el menú.

 

Más adelante veremos que crear enlaces vistosos para utilizar en estos menús es muy fácil con CSS.

 

La alternativa de las imágenes es muy socorrida, puedes utilizarla en cualquier posición dentro de la página y son un poco más elegantes.

 

Para crear uno de estos menús selecciona la imagen o el enlace que hayas creado para tal efecto y selecciona Mostrar menú emergente en el panel Comportamientos haciendo clic en el botón añadir comportamiento.

Se abrirá el siguiente cuadro de diálogo:

Rellenar este menú es igual de fácil que el anterior. Solo introduce el Texto del enlace, la ruta del Vínculo y su Destino, es decir, dónde se abrirá.

Cuando lo tengas haz clic en el botón más.

Hazlo tantas veces como sea necesario y luego reordénalos utilizando las flechas flechas para moverlos de arriba a abajo y viceversa.

Con los botones botones menu podrás crear los diferentes niveles dentro del menú, con el primer colocas el elemento seleccionado al mismo nivel que el anterior, con el segundo botón colocarás el elemento seleccionado dentro del anterior.

 

Luego puedes visitar el resto de las pestañas para mejorar su aspecto del menú.

Realiza el ejercicio paso o paso de Menús Emergentes para practicar el resto de opciones.

 

  Ejercicios del Tema 16.

  Prueba evaluativa del Tema 16.




  Ir a la página anterior Índice del curso  Ir a la siguiente página  

Pág. 16.6

© aulaClic. Todos los derechos reservados. Free Computer tutorials. Prohibida la reproducción por cualquier medio.
Agosto - 2006.