Cómo crear un menú expandible en Dreamweaver

Un menú extensible permite añadir varios enlaces de navegación de su sitio web sin ocupar mucho espacio en pantalla. Cuando un visitante de su sitio web se mueve el cursor del ratón sobre una sección en el menú de la sección expandible se abre una lista de enlaces. Cuando el cursor del ratón sale de la sección de la lista de elementos se derrumba. Utilice el widget de Spry barra de menús en el software de desarrollo Web de Adobe Dreamweaver para crear un menú expansible para su sitio web.

Instrucciones

1 Lanzar Dreamweaver y haga clic en "HTML" para crear un nuevo documento HTML.

2 Abra el menú "Insertar" y seleccione "Objetos de diseño", a continuación, haga clic en "Spry barra de menús".

3 Haga clic en "Aceptar" cuando se le dice que Dreamweaver debe guardar el documento antes de añadir un widget. Escriba un nombre para el documento y haga clic en "Guardar".

4 Haga clic en "horizontal" o "vertical" en el cuadro de diálogo que se abre, en función del estilo de menú que desea crear. Haga clic en "Aceptar", luego Dreamweaver crea una barra de menús que contiene cuatro secciones expandibles.

5 Haga clic en la "barra de menús de Spry" la partida en la parte superior del menú. Haga clic en "Punto 1" en la parte inferior de la pantalla, a continuación, escriba el nombre de la primera sección del menú en el campo "Texto".

6 Haga clic en "Punto 1.1" para expandir la primera sección del menú. Escriba el texto para el primer elemento de menú en la sección ampliada en el campo "Texto". Escriba o pegue el enlace que desea que el elemento de menú para abrir en el campo "Enlace".

7 Haga clic en "Punto 1.2" e introduzca la información de este elemento de menú. Repita el proceso para el resto de los artículos; para añadir elementos adicionales a la sección del menú, haga clic en el icono "+".

8 Haga clic en "artículo 2", a continuación, agregar artículos a esta sección del menú e introducir su información que antes. Repetir el proceso para el resto de las secciones en el menú.

9 Pulse la tecla "F12" cuando haya terminado de crear el menú. Haga clic en "Sí" y luego "Aceptar". Dreamweaver abre el menú de su navegador de Internet. Cambie a la ventana del navegador de reciente apertura, a continuación, mover el cursor del ratón sobre una sección en el menú para expandirlo.