Cómo hacer menús desplegables en una página web

Al crear un sitio web es muy fácil de saturar una página web con información. Una de las maneras más fáciles de eliminar el desorden y darle a su sitio web un aspecto limpio es mediante la adición de un menú desplegable que funciona. Además de ayudar a poner en orden su sitio web, un menú desplegable también puede hacer que la navegación del sitio fácil para sus visitantes, haciendo múltiples enlaces fáciles de encontrar. La creación de un menú desplegable en un sitio web requiere sólo una simple adición código HTML en su página web.

Instrucciones

1 Coloca el menú desplegable en un formulario en su página web. Al igual que en las formas de papel, un formulario web es un lugar donde los usuarios pueden introducir datos con casillas de verificación, botones de radio y cuadros de texto, así como crear un menú desplegable. Para comenzar el formulario, comenzar con el siguiente código:

<Form name = "menú desplegable">

</ Form>

El nombre del formulario puede ser lo que quieras (elegimos el menú desplegable aquí) y se utiliza para etiquetar su formulario para su uso posterior.

2 Añadir la función de selección de su formulario web. La función de selección se utiliza para crear una lista de selección (o lista desplegable), donde se llevarán a cabo los valores individuales. Una lista de selección se tire el valor seleccionado en el cuadro de menú desplegable y hacer que el valor activo para la selección. El código para crear una función de selección es el siguiente:

<Form name = "menú desplegable">
<Select>

</ Select>
</ Form>

3 Añadir valores de las opciones a su función de selección en el menú desplegable. Las selecciones individuales en un menú desplegable se conocen como opciones. La función de valor es el URL (o dirección web) que la opción está conectado. Puede agregar tantas opciones a su menú desplegable según sea necesario y así es como el menú desplegable puede ayudar a despejar el desorden de su página web. Para agregar los valores de opción, añadir este código a la función de selección:

<Form name = "menú desplegable">
<Select>
<Option value = "URL"> texto en el menú </ option>
<Option value = "URL"> texto en el menú </ option>
<Option value = "URL"> texto en el menú </ option>
<Option value = "URL"> texto en el menú </ option>
</ Select>
</ Form>

4 Crear un botón de selección para activar el menú desplegable y permiten a los usuarios seleccionar la opción que se elija. El botón de selección debe ser o bien a la izquierda oa la derecha de su menú desplegable y bastante cerca para que los usuarios sepan que se relaciona con el menú. Usted puede tener su botón decir cualquier cosa que desee para captar la atención del usuario. Para nuestro menú desplegable simplemente vamos a utilizar "Seleccionar". Para añadir un botón de selección para su menú desplegable, agregue la siguiente línea de código:

<Form name = "menú desplegable">
<Select>
<Option value = "URL"> texto en el menú </ option>
<Option value = "URL"> texto en el menú </ option>
<Option value = "URL"> texto en el menú </ option>
<Option value = "URL"> texto en el menú </ option>
</ Select>
<Input type = "button" onclick = "location = document.jump.menu.options [document.jump.menu.selectedIndex] .Value"; value = "Seleccionar">
</ Form>

5 Coloca el menú desplegable que aparece en su sitio web. El menú desplegable se puede añadir en cualquier lugar que elija en su página web. Simplemente coloque el código de menú desplegable en su página web HTML y asegúrese de comprobar la funcionalidad del menú desplegable de forma inmediata.

Consejos y advertencias

• Haga su menú desplegable más atractiva visualmente mediante la adición de CSS (Cascading Style Sheets) código para cambiar los colores y la apariencia de la forma.
• No agregue demasiadas opciones a su menú desplegable. No hay un número mágico, pero tener demasiadas opciones puede hacer que su menú desplegable confuso y podría irritar a los visitantes. Si usted tiene un montón de opciones, considerar la separación en categorías y crear varios menús desplegables.