Crear un menú de navegación mediante campo de formulario despegable (con un botón de confirmación de selección) es sumamente fácil.
A continuación te explicamos cómo. Evidentemente, este ejemplo no sirve más que a título ilustrativo. Tu tendrías que incluir tus propias secciones y textos sustituyendo a los que aquí aparecen.
Tomemos como punto de partida un menú en el que aparezcan las siguientes secciones: - Inicio
- Album de fotos
- Textos interesantes
- Noticias
- Novedades
- Mi diario
Para disponerlas dentro de un menú desplegable, debemos elegir, en primer lugar el lugar de nuestra página donde deseamos incluirlo (te recomendamos, por su visibilidad, la esquina superior derecha). Una vez hecho esto, pega allí el siguiente código HTML:
<form>
<SELECT NAME="urldestino">
<option selected>--- M E N U ---
<option value="inicio.html" >Inicio
<option value="seccion1.html">Album de fotos
<option value="seccion2.html">Textos interesantes
<option value="seccion3.html">Noticias
<option value="seccion4.html">Novedades
<option value="seccion5.html">Mi diario
</SELECT>
<input type="button" value="IR" onClick="location=this.form.urldestino.value" name="button">
</form>
Este sería el resultado:
Adáptalo ahora a tus necesidades Modifica este código para que se adapte a cada una de las páginas o secciones que quieres incluir en tu menú desplegable. Para ello, sustituye las palabras en morado por los nombres de dichas secciones, teniendo en cuenta que éstos serán los que le aparezcan al usuario al desplegar el menú.
Después, sustituye los textos en verde que acompañan a cada nombre en rojo por los nombres de los archivos html de destino, asegurándote de que aparece la ruta completa y correcta. Es decir, debes incluir la URL correspondiente a cada nombre de sección del menú..
No es preciso que el nombre de la sección que aparece visible para el usuario sea el mismo que tiene el documento HTML a cuya URL hace referencia.
En este menú de ejemplo aparecen 6 opciones pero puedes incluir tantas como desees, simplemente, incluyendo más líneas con nombres y enlaces.
NOTA: este sistema no es válido si realizas tus páginas mediante el asistente de Galeón.
