Tecnología

Inicio

Cómo expandir el índice en HTML

Cuando usted posee y opera su propio sitio web, controlando el contenido de índice es fundamental para guiar a los visitantes del sitio a otras páginas, su menú, y para lo que necesitarán detalles acerca de los productos y servicios. Codificación en HTML sigue siendo útil, ya que es bastante fácil de escribir y ajustar, y también se puede encontrar numerosas plantillas que se pueden adaptar para satisfacer sus propios fines. Cuando se quiere pasar de un índice normal que tiene sólo una introducción básica o un gráfico con poca información, se puede mejorar sustancialmente tras el sitio mediante la adición de código más completo. Esto también ayudará con la optimización de motores de búsqueda (SEO), guiando a más gente a su sitio.

Instrucciones

1 Ver su página web index.html básica para asegurarse de que muestra las etiquetas <! DOCTYPE> <HTML> en la parte superior, y </ HTML> en la parte inferior de la página. Una línea estándar en la parte superior de la mayoría de las páginas HTML modernas es la siguiente: <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 Transitional // EN">

2 Dentro del HTML, añadir cualquier etiquetas de la cabeza, como el título, meta tags, palabras clave, autor y así sucesivamente. Estos son estándar y se ven como: <title> Cine Independiente de Fred </ title>. Las etiquetas META se escriben utilizando <meta name = "description" content = "Fred Fillmore comparte su experiencia de cine y know-how a través de artículos en línea y clases."> Cuando se cambia el nombre de metadatos de palabras clave, el contenido será una lista de palabras clave reales pertinente a su sitio. Cierre la zona de la cabeza mediante el uso de </ head> después de que todos los elementos están en su lugar.

3 Añadir las etiquetas <body> elementos - como <fondo cuerpo = enlace de "negro" = "" vlink = ""> Asignar los colores utilizando sus claves de programa o de color de codificación de programas gráficos. Añadir la fuente junto con su tamaño y color. Por ejemplo: <font face = "Arial, Helvetica, sans-serif" size = "2" color = "# FFFFFF">

4 Introducir el código para las tablas para establecer el ancho de filas de la tabla, y los datos de la tabla. Esto aparece comúnmente como: <table align = "center" border = 1 BorderColor = "negro" cellspacing = 0 cellpadding = 0 COLS = 1 width = "900"> Experimentar con los diferentes atributos para determinar lo que su página se verá así. Añadir las filas <tr> y datos <td> según sea necesario a través de las líneas siguientes: <tr width = "900" bgcolor = "000000"> <td> <p> Todo sobre Fred ... </ p> </ td> </ tr>

5 Construir su menú para las diversas sub-páginas. En nuestro ejemplo, Fred tendrá una página con su biografía (bio.html), sus videoclips (videos.html), información sobre clases y talleres (classes.html) y la forma de pago que tomar la clase. Puede utilizar la misma plantilla índice para adaptarse a cada página copiando index.html y guardarlo con un nombre nuevo (payhere.html). El menú mostrará una lista de cada uno de los enlaces de la página para que los visitantes del sitio pueden encontrarlos.

6 Ampliar el código para incluir encabezados, subheaders, citas de bloques, gráficos, etcétera. Cada uno de estos tiene codificación básica que a menudo se encuentra directamente en el software de codificación. tamaños típicos son de cabecera <H1> a <H5> y siempre requieren un cierre </ H5> o </ H1>. Imágenes utilizan el estándar <img align = "izquierda" src = "/ images / fredonset1.jpg"> pero se puede aumentar la altura, anchura y otros detalles, también. Asegúrate de subir todas las imágenes que código o que no se mostrará en la página web.

7 Añadir cualquier otro elemento, como vídeos incrustados, imágenes de fondo y enlaces que no están en su menú principal. Tenga en cuenta, sin embargo, que desea un sitio con aspecto profesional - no se exceda la primera página. Mantenerlo limpio, sencillo y directo con una excelente navegación a otras páginas del sitio.

8 Asegúrese de que todas las etiquetas de cierre se encuentran al final de cada apertura, así como al final de cada página. Por ejemplo, la parte inferior de cada página debe tener </ td> </ tr> </ table> en la tabla que termine efectivamente, además de </ body> y </ html> al final de la página.

Consejos y advertencias

  • Pre-escribir todo su contenido va a simplificar su trabajo en la Web considerablemente. Por ejemplo, escribir su biografía a continuación, cortar y pegar en el código de párrafos <p> </ p> o dividirla en varios párrafos.
  • Si está utilizando una plantilla diseñada por otra persona, asegúrese de que sirve a todas las funciones y objetivos que desea para su propio sitio web antes de desarrollar todo su sitio.
  • Pruebe cada versión de su índice de subiéndolo y su visualización para el atractivo visual, así como para la funcionalidad. Pruebe cada sub-página y cada enlace a través de su sitio para asegurarse de que todo funciona correctamente.
  • Considere evitar fotogramas por completo - estos se han convertido prácticamente en desuso y son considerados una molestia para la mayoría de los visitantes y usuarios del sitio, y no son muy amables moderno navegador más.