Tutoriales en la Web

Menu desplegable en Dreamweaver

Posteado el 27. Apr, 2010 por Webi in Desarrollo Web, Dreamweaver, Web Design

PASO 1

Crear un documento nuevo HTML.

Menu desplegable en Dreamweaver

PASO 2

Con el comando Ctrl + S guardamos nuestro documento con el nombre de menu desplegable.html

Menu desplegable en Dreamweaver

PASO 3

Vamos a la ventana Insert – Layout – Spay Menu Bar

Menu desplegable en Dreamweaver

PASO 4

Nos aparece la ventana Spry Menu Bar y escogemos la opción que se ajuste a nuestras necesidades en este caso escogeremos un menú horizontal.

Menu desplegable en Dreamweaver

PASO 5

Nos aparece como se muestra en la imagen, un menú con 4 Items para poder modificar a nuestro gusto.

Menu desplegable en Dreamweaver

PASO 6

En la ventana Properties cambiamos los nombres de los menús principales y secundarios, agregamos links a nuestros botones y agregamos más menús.

Menu desplegable en Dreamweaver

PASO 7

Ya tenemos nuestro menú terminado solo para colocarle un diseño bonito.

Menu desplegable en Dreamweaver

PASO 8

Si nos damos cuenta en la parte derecha en la ventana CSS Styles vemos que nuestro menú tiene aplicado un css entonces ahí podemos editar colores, tipo de letra y agregare todas las modificaciones necesarias para obtener un menú machismo mejor.

Menu desplegable en Dreamweaver

PASO 9

Final

Menu desplegable en Dreamweaver

Descarga el editable de Menu desplegable en Dreamweaver

Articulos relacionados:

Tags: Dreamweaver