Cómo agregar un cuadro desplegable en Dreamweaver

Descargar el PDF
Descargar el PDF

Un cuadro desplegable es similar a un cuadro de texto excepto que te permite seleccionar opciones de un menú desplegable en lugar de tener que escribir texto. La lista de opciones del menú aparece cuando el usuario hace clic en el cuadro indicándole que realice una selección. Puedes agregar un cuadro desplegable en Dreamweaver insertándolo como un formulario en tu página web. Otro método es usar la extensión Vista Buttons que añade más opciones en Macromedia Dreamweaver para añadir cuadros desplegables.

Pasos

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b9\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-1-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b9\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-1-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8a\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-2-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-2-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8a\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-2-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Puedes crear un nuevo documento HTML o abrir la página web a la que deseas agregar el cuadro desplegable en Dreamweaver (puedes crear nuevos documentos o abrir documentos existentes en Dreamweaver a través del menú Archivo en la parte superior izquierda).
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9e\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-3-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-3-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9e\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-3-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e6\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-4-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-4-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-4-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/67\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-5-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-5-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/67\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-5-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/91\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-6-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-6-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/91\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-6-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-6-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Puede estar etiquetado como "Saltar menú" o "Lista/menú" dependiendo de la versión de Dreamweaver que utilices.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d9\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-7-Version-3.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-7-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d9\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-7-Version-3.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Estas serán las opciones del menú que aparecerán en el cuadro desplegable. Tienes que hacer clic en el signo + cada vez que desees añadir una nueva opción a la lista.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/58\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-8-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-8-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/58\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-8-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-8-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esto es para tu propia referencia y puedes asignar un ID como "desplegable" para que recuerdes para qué sirve este formulario.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/13\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-9-Version-3.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-9-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/13\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-9-Version-3.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-9-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El menú desplegable se insertará como formulario.
    Anuncio
Método 1
Método 1 de 1:

Vista Buttons

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cb\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-10-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-10-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cb\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-10-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-10-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/48\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-11-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-11-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/48\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-11-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-11-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Es preferible que no estés ejecutando Dreamweaver mientras haces esto.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a7\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-12-Version-3.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-12-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a7\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-12-Version-3.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-12-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/79\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-13-Version-3.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-13-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/79\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-13-Version-3.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-13-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d8\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-14-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-14-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d8\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-14-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-14-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Deberías ver aparecer la barra de herramientas de Vista Buttons en la parte superior.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7c\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-15-Version-4.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-15-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7c\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-15-Version-4.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-15-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    De esta manera, se iniciará al asistente para Vista Buttons y podrás añadir un cuadro desplegable en Dreamweaver utilizando varias plantillas preestablecidas.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/96\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-16-Version-3.jpg\/v4-460px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-16-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/96\/Add-a-Drop-Down-Box-in-Dreamweaver-Step-16-Version-3.jpg\/v4-728px-Add-a-Drop-Down-Box-in-Dreamweaver-Step-16-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El cuadro desplegable se añadirá a tu documento de Dreamweaver con la apariencia que especificaste.
    Anuncio

Consejos

  • Presiona F12 en tu teclado para previsualizar el documento que tienes abierto en Macromedia Dreamweaver. El documento se abrirá como una página web en tu navegador de internet y verás cómo el cuadro desplegable finalmente aparecerá después de cargar la página web.
Anuncio

Advertencias

  • Dreamweaver ya debe estar instalado en tu computadora antes de instalar los plug-ins Vista Buttons para Dreamweaver.


Anuncio

wikiHows relacionados

Cómo
tomar una captura de pantalla en una Dell
6 maneras de evitar que Teams cambie tu estado a Ausente
Cómo
convertir binario a decimal
Cómo
ejecutar un archivo jar java
Cómo
abrir archivos EPUB
Cómo
abrir un torrent
Cómo
activar AutoCAD
Cómo
abrir archivos BIN
Cómo
crackear un programa modificando los archivos DLL
Cómo
usar DOSBox
Cómo restablecer la contraseña de un router Huawei
Cómo
restaurar la contraseña SA en el servidor SQL
Anuncio

Referencias

  1. http://www.rascojet.com/blog/index.php/2011/06/create-drop-menu-dreamweaver/
  2. http://vista-buttons.com/dreamweaver-menu-extension.html
  3. http://dreamweavermenu.com/create-drop-down-box-dreamweaver-8.html

Acerca de este wikiHow

Esta página ha recibido 15 560 visitas.

¿Te ayudó este artículo?

Anuncio