CURSO COMPLETO DE DREAMWEAVER 8

--BÁSICOS--

 

02 - CREAR UN MENÚ DESPLEGABLE CON LOS COMPORTAMIENTOS

(Para abrir el menú desplegable, situa el curso encima de uno de los enlaces)

Diseño Gráfico
Diseño Web

En este tutorial, vamos a aprender a crear un menú desplegable en nuestra página, es una forma muy sencilla, ya que en esta ocasión, vamos a usar uno de los comportamientos que trae Dreamweaver, "Mostrar menú emergente"

Lo primero que debemos hacer, es situarnos sobre la palabra o la frase que queremos que desencadene el menú emergente, deberemos darle un enlace, que puede ser # ya que no es necesario que vaya enlazada a ningún sitio. Hecho esto, nos vamos a nuestra ventana de comportamientos, si no la tenemos visible: VENTANA > COMPORTAMIENTOS o pulsamos Mayúsculas + F4

Se nos abrirá una nueva ventana donde configuramos como queremos que sea nuestro menú, y los enlaces que van en él.

 

Pestaña de contenido:

Texto: Aquí pondremos el texto que queremos para nuestro enlace.

Vinculo: Enlace hacia donde va nuestro texto.

Destino: El destino que queramos darle, si queremos que se abra en la misma ventana, otra distinta, etc..

En el menú de la misma ventana podremos:
- Añadir enlaces con el botón + o eliminarlos con el botón -
- Crear un submenú con los botones centrales.
- Ordenar nuestros enlaces, con las flechas arriba y abajo.

 

Pestaña de Aspecto:

Elegiremos como queremos que luzca nuestro menú, modificando los colores, tipo de fuente, tamaño etc. a nuestro gusto

 

Pestaña de Avanzado:

Permite de una forma más concreta, modificando valores tales como el ancho y alto de las celdas, espacio entre ellas, color de borde, sombra, etc..

 

Pestaña de posición:

Desde aquí podemos elegir como queremos que se abra nuestro menú emergente, y le podemos decir exactamente donde debe ir, por norma general deberemos de modificar casi siempre el valor de X ya que és la distancia a la que deber ir nuestro menú, y por defecto no debe ser la más adecuada. Ya sabeis previsualizais en vuestro explorer y vais probando.

Si todo sale bien, cuando aceptemos, podremos ver en la misma carpeta donde se encuentra nuestro documento, dos nuevos archivos:

arrows.gif: Que és la flechita de los submenús (en el caso de que los hubiera)

mm_menu.js: Nuestro menú

¿Sencillisimo verdad? :) Ahora no tienes excusas para poner menús emergentes en tus páginas!



2008©By Almaweb.es

subir

Ir al menú de tutoriales de DREAMWEAVER

Todos los tutoriales son de mi completa autoría,

cualquier parecido con otros, es pura coincidencia.

Queda totalmente prohibida su reproduccion, total o parcial.

Si quieres enlazar mis tutoriales, no hay problema,

solo mandame un e-mail, para comunicarmelo.

Cualquier duda o sugerencia:

Tutoriales registrados

 

Alma Web

Design Sensation by almaweb.es

Foro Design Sensation