Tutorial: MENÚ DESPLEGABLE CON DREAMWEAVER

Tema en 'Tutoriales Desarrollo Web' iniciado por ginger, 25 Abr 2006.

  1. ginger

    ginger New Member

    <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" />
  2. adi

    adi Zen Moderator

    Gracias Ginger por el aporte :)
  3. 23sato

    23sato www.oscarblanco.net

    Muchas gracias por el aporte ginger :)
  4. PROMETEO

    PROMETEO New Member

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

    elQuique Active Member

    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.
  6. ginger

    ginger New Member

    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.
  7. NEKAE

    NEKAE New Member

    BUEN REPASO PARA EMPEZAR! GRACIAS GINGER
  8. Moana

    Moana New Member

    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.
  9. elQuique

    elQuique Active Member

    Moana, bienvenida al foro :)

    Debes ponerle a tu flash el wmode = transparent ;)
  10. cachoperro

    cachoperro New Member

    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.
  11. elQuique

    elQuique Active Member

    imagen3, bienvenido al foro

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

    cachoperro New Member

    <!--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.
  13. pasencioo

    pasencioo Guest

    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í??
  14. elQuique

    elQuique Active Member

    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" />
  15. Soda Stereo

    Soda Stereo New Member

    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!
  16. jbymadol

    jbymadol New Member

    Yo estoy como soda estereo, tampoco lo encuentro en el cs3
  17. Princesa Equivocada

    Princesa Equivocada New Member

    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
  18. elQuique

    elQuique Active Member

    Princesa Equivocada bienvenida al foro
  19. LeonMX

    LeonMX New Member

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

    elQuique Active Member

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




Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


Sitios amigos: GuiaHosting · Unidominios · Interalta · Forocreativo