Tutorial: MENÚ DESPLEGABLE CON DREAMWEAVER

<b>CREAR MENÚ DESPLEGABLE CON DREAMWEAVER
Versión:</b> mx2004

RESULTADO:
<img src="http://img147.imageshack.us/img147/1826/menu29cx.jpg" border="0" alt="Imagen IPB" />

1. para ello necesitan crear una imagen, por ejemplo esta:
<img src="http://img147.imageshack.us/img147/4082/menu6lu.jpg" border="0" alt="Imagen IPB" />


2.Vamos a "ventana/comportamientos" o Mayús+f3.
3. Seleccionamos la imagen y en la ventana comportamientos le damos al <b>+</b> y seleccionamos "mostrar menú emergente".
<img src="http://img147.imageshack.us/img147/7457/co...amientos6ln.jpg" border="0" alt="Imagen IPB" />

4.Aparecerá una ventana en la que podremos añadir las propiedades.

<b>Texto:</b> el nombre del apartado.
<b>Vínculo:</b> enlace a una página web.
<b>Destino:</b> <i>_blank </i>abre el vínculo en una ventana nueva del navegador.
<i>_parent </i>abre el vínculo en la ventana del marco padre
<i>_self</i> abre el vínculo en la misma ventana en la que nos encontramos
<i>_top</i> abre el vínculo en la ventana completa quitando los marcos que hubieran.
el más y el menos para insertar y borrar apartados.
<img src="http://img193.imageshack.us/img193/9233/panel19dv.jpg" border="0" alt="Imagen IPB" />

5. Configuración del aspecto.

Está bastante claro.
Establecemos el diseño de nuestro menú, colores, letra, tamaño, alineación...
<img src="http://img227.imageshack.us/img227/2448/panel29hn.jpg" border="0" alt="Imagen IPB" />

6.avanzado:

Aquí establecemos el alto y el ancho, borde y tiempo que tardará en mostrarse.
<img src="http://img193.imageshack.us/img193/1154/panel38ks.jpg" border="0" alt="Imagen IPB" />

7.Posición:

Podemos colocar el menú con las posiciones prediseñadas o bien indicándolas con las coordenadas <b>X</b>(horizontal) <b>Y</b>(vertical).
<img src="http://img227.imageshack.us/img227/5539/panel42kc.jpg" border="0" alt="Imagen IPB" />

 

Gracias Ginger por el aporte

 

Muchas gracias por el aporte ginger

 

GINGER>
Gracias por estos apuntes de “MENÚ”.
con el DreamWeaver.

 

Ginger, excelente !! muy bueno al punto que edite tu post para que se vean las imagenes jeje (espero no te moleste) y se me colgo el pc y luego olvide volver a felicitarte por el aporte.

 

muchas gracias elquique por corregirmelo. Para nada me ha molestado, puedes modificar mis post como tu quieras borrando o añadiendo cosas, no me importa.
Siento que se te colgara el pc.
saludos.

 

BUEN REPASO PARA EMPEZAR! GRACIAS GINGER

 

Hola!!! Usé este tutorial de como hacer un menú desplegable, me sale perfecto, el problema que tengo es que en la celda de abajo de la tabla dodne está ese menú, inserté un flash y cuando lo publico, al desplegar el menú queda debajo del flash, cómo puedo hacer para que el menú desplegue arriba del flash? Todo esta en tablas, no he usado capas en este diseño.

 

Moana, bienvenida al foro

Debes ponerle a tu flash el wmode = transparent

 

Buenas. Soy nuevo en esto de las web y tengo un problemilla.
He hecho esto del menu desplegable para poner en una web que llevo y me surje que al probarlo en el pc sin colgarla me funciona bien, pero a la hora de colgar la pagina y abrirla en el explore que es el que uso no funciona el desplegable. Que puedo estar haciendo mal?
Gracias de ante mano.

 

imagen3, bienvenido al foro

No te estarás olvidando de subir algun archivo ? o tendrás mal el camino de ese archivo ?

 

<!--quoteo(post=261334:date=Nov 3 2007, 03:51 PM:name=elQuique)--><div class='quotetop'>CITA(elQuique @ Nov 3 2007, 03:51 PM) [snapback]261334[/snapback]</div><div class='quotemain'><!--quotec-->
imagen3, bienvenido al foro

No te estarás olvidando de subir algun archivo ? o tendrás mal el camino de ese archivo ?
<!--QuoteEnd--></div><!--QuoteEEnd-->
No creo el tema esta que el menu lo tengo en un marco fijo y con imagenes de sustitucion funcion bien pero cuando le quiero poner desplegable no lo reconoce.
La pagina es esta www.futbolsalasanturtzi.com y lo que quiero es que donde pone "equipos" o "galeria de fotos" se pueda poner un desplegable.

 

Elquique, consulta a que le llamas tu el wmode = transparent, yo siempre he tenido un problema con los menu flash, cuando los coloco en la pagina dreamweaver tengo que dar el espacio completo donde se va a desplegar, con esto que tu comentas se hace trasparente o siempre sera así??

 

wmode es una propiedad del código HTML que inserta el flash, seleccionas tu flash y le agregas esa propiedad en dreamweaver o en otro editor le escribes eso como parámetro.

<img src="http://img213.imageshack.us/img213/4748/ejemplotransparente02fy7.gif" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

<img src="http://img404.imageshack.us/img404/3876/ejemplotransparente01mj9.gif" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

 

Con el <!--coloro:#FFCC33--><span style="color:#FFCC33"><!--/coloro--><b>Dreamweaver CS3</b><!--colorc--></span><!--/colorc--> como se haría eso?, porque en comportamientos no está la opción "mostrar menú desplegable, alguien podría decirme como se haría eso con la versión más reciente de Dreamweaver que mencioné?.

Gracias de ante mano!

 

Yo estoy como soda estereo, tampoco lo encuentro en el cs3

 

Hola, disculpa soy nueva en el foro.. y quiero saber como se puede combinar un menu desplegable hecho en dreamweaver con uno hecho en flash... Cabe recalcar que no tengo demasiada experiencia armando paginas directamente en dreamweaver lo que hago es armarlo en fireworks y de ahi lo abro en dreamweaver e inserto lo que necesito en flash.. pero ahora necesito emular una pagina un poco complicada para mi experiencia.. ya que tengo dos principales animaciones en flash que se mantienen y la superior se conecta con un menu desplegable armado en dremweaver.. Si me puedes enviar algun ejemplo o guia de como deberia unirlos te agradeceria muchisimo ya que lo necesito para poder avanzar en otras dudas que tengo...

Gracias.
Princesa Equivocada

 

Princesa Equivocada bienvenida al foro

 

supongo que esto se puede aplicar a un menu horizontal tambien
o no?

 

Si, se puede, igualmente es mejor hacerlos con HTML y CSS puro.