Inicio > Formación Webmaster > Consejos y trucos para webmasters > Cómo poner un menú desplegable en tu página


Paquetes de Galeón

Galeón Basic

Galeón Basic

Crea tu web gratis

Ideal para hacer tu 1ª web
- Asistente para principiantes
- 15 MB de espacio gratis

+Información¡Gratis!

Galeón Plus

Galeón Plus

Más prestaciones

¡Igual de sencillo!
- 1 GB, FTP, sin publicidad.
- 10 GB/mes de ancho de banda

+Información5,42 €/mes

Hosting avanzado

Galeón Profesional

- 1 GB de espacio
- Bases de datos, PHP

+Información

Desde 5,95 €/mes

Alojamiento Galeón
Qué es Galeón
Ayuda
Paquetes Galeón
Tabla Comparativa
Guía Páginas de Galeón
Asistente para crear webs
Álbum de Fotos
Formación Webmaster
Consejos y trucos
Libros y Manuales
Otros servicios
Alojamiento Web Profesional
Dominios
Añade tu web en Guia Hispavista

 

CÓMO PONER UN MENÚ DESPLEGABLE EN TU PÁGINA

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.

Otros temas de formación:
> Ver Indice


Condiciones de uso