Cómo crear una barra de navegación horizontal y el uso de tablas Divs

Mientras que las tablas ya no se recomiendan para el diseño web, ya que se cargan más lentamente, algunos diseñadores prefieren su fiabilidad y facilidad de instalación. Se pueden utilizar tablas y divs para crear una barra de navegación horizontal. Las tablas también le permiten insertar imágenes en lugar de sólo palabras, para que pueda insertar un botón de navegación gráfica.

Instrucciones

Prepare la mesa

1 Crear la tabla por primera vez la creación de la frontera con una fila de la tabla y cinco columnas de la tabla. Este ejemplo tiene cinco columnas, pero los diseñadores puede agregar más o menos, dependiendo de las necesidades de su sitio web. El código se verá así:

"<Table border =" 1 ">

<Tr>

<Td> fila 1, celda 1 </ td>

<Td> fila 1, celda 2 </ td>

<Td> fila 1, la celda 3 </ td>

<Td> fila 1, la celda 4 </ td>

<Td> fila 1, celda 5 </ td>

</ Tr>

</ Table> "

2 Escribe los nombres de las sub-páginas o subdominios en los datos de la tabla. Por ejemplo, si su sitio web es acerca de los perros, la barra de navegación se dispone de información, tales como "criar a un cachorro", "la elección de un cachorro", "alimentar a un cachorro", "grooming" y la salud cachorro. "El código se vería esta:

"<Table border =" 1 ">

<Tr>

<Td> La elección de un cachorro </ td>

<Td> criar a un cachorro </ td>

<Td> Alimentar a un cachorro </ td>

<Td> Afeitar a un cachorro </ td>

<Td> perrito de la Salud </ td>

</ Tr>

</ Table> "

3 Insertar imágenes si no desea que el texto sin formato. Si usted tiene un creador de imágenes, se puede utilizar para crear imágenes originales que luego parecen botones en la barra de navegación. Para insertar las imágenes, conecte la dirección de origen de la imagen dentro de las secciones de datos de tabla. Por ejemplo:

"<Table border =" 1 ">

<Tr>

<Td> <img se inserta justo antes de la etiqueta de datos HTML primera tabla, "<td>."

6 Guardar la hoja de HTML y hojas de estilo. Sube tanto en el servidor de su sitio web con el cPanel (panel de control).

7 Ver la página web y asegúrese de que la barra de navegación se muestra correctamente. Es posible que tenga que ajustar la anchura y la altura de un par de veces para conseguir que se ajuste de la manera que desee.

Consejos y advertencias

• Asegúrese de utilizar una hoja de estilos externa en lugar de uno incorporado. Esto hace que la actualización de la CSS mucho más fácil.
• Tablas pueden tardar más en cargarse en un navegador Web.