Cómo crear un tema de pie de página

Un tema del sitio web es el código utilizado para crear páginas uniformes para todo el sitio y contiene tres secciones estándar. Estas secciones son la cabecera, el contenido principal y el pie de página. pie de página Un tema contiene información tal como notas de copyright, la última actualización de la página web, un enlace a un mapa del sitio y la información de contacto sitio web. El autor de un sitio web puede crear el pie de página el tema con intrincados fondos o permitir que se hereda el diseño general del tema.

Instrucciones

1 Determinar qué archivo contendrá la información de pie para su tema. HTML y Active Server Pages (ASP) sitios web poseen esta información en el mismo archivo que el resto de la información HTML del sitio. Sin embargo, algunos sitios web basados ​​en PHP contienen esta información en un archivo de pie de página por separado llamada "footer.php".

2 Abra el archivo de pie de página en un editor de texto. Utilice el Bloc de notas para Windows o TextEdit para un Mac.

3 Agregue el código siguiente a la línea justo encima de la etiqueta de cierre </ body> en el archivo. El pie de página es el elemento final de la página cargada en un navegador, por lo que esta es la colocación estándar para el pie de página.

<Div id = "pie">

<p>© My Example Site</p>

</ Div>

</ Body>

La primera línea contiene la etiqueta de apertura división de pie de página. La segunda línea contiene el código para un párrafo pie de página. Este ejemplo se carga en la página como un símbolo de copyright y "Mi Ejemplo Sitio". La tercera línea se cierra la división de pie de página.

4 Guarde el archivo de tema y cerrarla.

5 Abra la hoja de estilo del tema. Este archivo contiene toda la información de estilo para el tema, incluyendo el ancho de la página web, los tipos de letra y las imágenes de fondo.

6 Agregue el código siguiente a la parte inferior de la hoja de estilo:

pie de página{

font-size: 8 píxeles;

width: 100%;

altura: auto;

margen: 0px 10px 10px 0px;

padding: 3px;

Limpia los dos;

}

Este código de ejemplo indica al navegador cómo mostrar el pie de página. Las "señales" #footer al navegador que esta parte de la hoja de estilo en cascada (CSS) estilos de la zona de pie de página. El tipo de letra es de 8 píxeles de alto. La anchura de la zona de pie de página es exactamente el mismo ancho del resto de la página. La altura crece automáticamente cuando se agrega más información a la zona. Diez píxeles separan los márgenes superior e inferior del pie, mientras que no hay márgenes en los lados derecho e izquierdo. Tres píxeles rellenar el área entre el contenido de la zona y los márgenes. Finalmente, el pie de página despeja de cualquier elemento flotante en la página anterior o en ambos lados de ella.

7 Guarde el archivo CSS y cerrar.

Consejos y advertencias

• Puede utilizar el software de diseño de primera calidad, tales como Adobe Dreamweaver o Microsoft Expression Design, en lugar de las aplicaciones nativas que figuran aquí.
• Guarde los archivos después de cada edición.
• Probar la página en varios navegadores para verificar las dimensiones correctas y el lugar del pie de página.
• De acuerdo con la biblioteca de MSDN, páginas ASP escritas con HTML se degradan con gracia si no hay una funcionalidad ASP en la página.
• Cierre todas las etiquetas para asegurar la colocación adecuada del pie de página.