-
Cómo construir un sitio web menú
-
Los surfistas se utilizan para navegar por la Web a través de la ayuda de hipervínculos. Los hipervínculos guían al usuario de una página a otra. programadores de sitios web ayudarán a guiar al visitante a través de su sitio al proporcionar un menú de navegación integrado por hipervínculos u opciones de menú. Web página de opciones de menú se pueden organizar en tablas. Muchos menús de navegación superiores requieren el uso de una mesa que se extiende horizontalmente, o hacia la izquierda o hacia la derecha. Mientras que muchos menús de navegación lateral utilizan una tabla vertical, o una mesa que se extiende hacia abajo. Cada tabla está formada por células. Cada célula normalmente alberga una opción de menú.Instrucciones
1 Abrir o crear una nueva página web en una página Web o un editor de texto.
2 Crear una tabla para albergar el menú. menús de navegación superiores se forman generalmente a partir de una tabla vertical, tablas de navegación lateral se forman generalmente a partir de los menús horizontales. Para crear una tabla, seleccione el número de filas y columnas necesarias para formar el menú.
Ejemplo A: menú vertical con tres células en tres columnas y una fila.
<Mesa estilo = "text-align: left; width: 100%;" border = "0"
cellpadding = "2" cellspacing = "2">
<Tbody>
<tr>
& Lt; td> Columna 1 & lt; / td>
& Lt; td> Columna 2 & lt; / td>
& Lt; td> Columna 3 & lt; / td>
& Lt; / tr>
</ Tbody>
</ Table>
Ejemplo B: menú horizontal con tres células en tres filas y una columna.
<Mesa estilo = "text-align: left; width: 100%;" border = "0"
cellpadding = "2" cellspacing = "2">
<Tbody>
<tr>
& Lt; td> Fila 1 & lt; / td>
& Lt; / tr>
& Lt; tr>
& Lt; td> Fila 2 & lt; / td>
& Lt; / tr>
& Lt; tr>
& Lt; td> Fila 3 & lt; / td>
& Lt; / tr>
</ Tbody>
</ Table>
3 Introduzca un nombre para cada opción de menú en cada celda. Muchos menús contará con enlaces a páginas tales como el hogar, sobre nosotros y Contacto. Cada opción debe estar en su propia celda. Para este ejemplo, vamos a añadir una columna adicional para albergar una opción adicional de la célula en nuestro menú horizontal.
Ejemplo:
<Mesa estilo = "text-align: left; width: 100%;" border = "0"
cellpadding = "2" cellspacing = "2">
<Tbody>
<tr>
& Lt; td> Inicio & lt; / td>
& Lt; td> Contacto & lt; / td>
& Lt; td> Acerca de & lt; / td>
& Lt; td> Preguntas Frecuentes & lt; / td>
& Lt; / tr>
</ Tbody>
</ Table>
4 Insertar código hipervínculo para cada opción de menú. Un hipervínculo es un enlace activo que, cuando se hace clic, se dirigirá al usuario a la página web indicada que está representado por la opción de menú. Los hipervínculos requieren que las URLs están encerrados en un soporte "ahref" antes y después del texto que se está vinculado.
<Mesa estilo = "text-align: left; width: 100%;" border = "0"
cellpadding = "2" cellspacing = "2">
<Tbody>
<tr>
& Lt; td> & lt; a href = "http://www.myexample.com/home.htm"> Home & lt; / a> & lt; / td>
& Lt; td> & lt; a href = "http://www.myexample.com/contactus.htm"> Contacto & lt; / a> & lt; / td>
& Lt; td> & lt; a href = "http://www.myexample.com/aboutus.htm"> Acerca de & lt; / a> & lt; / td>
& Lt; td> & lt; a href = "http://www.yahoo.com"> Preguntas Frecuentes & lt; / a> & lt; / td>
& Lt; / tr>
</ Tbody>
</ Table>
5 Personalizar el menú. La mayor personalización del menú se lleva a cabo en el tramo de "estilo de tabla" al principio del código de menú. Para este ejemplo, vamos a añadir un borde grueso, visible por el menú. Además, vamos a alinear todo el texto para que se sienta bien en el centro de cada célula, y todas las células espaciales más alejados.
Ejemplo:
<Mesa estilo = "text-align: center; width: 100%;" border = "6"
cellpadding = "2" cellspacing = "5">
** Comparar este código para las dos primeras líneas en el código original. Nótese que hemos aumentado el número al lado de "frontera" y "espaciado de celda." Se puede elegir cualquier número que desee incluyendo el cero. También cambiamos "text-align" de izquierda a centro. También puede alinear el texto a la "derecha".