Tecnología

Inicio

Cómo crear una plantilla HTML

October 30

La creación de una plantilla HTML es un simple y el ahorro de tiempo de trabajo que le permite construir páginas web que son consistentes en apariencia. Las plantillas le permiten diseñar un esqueleto de su página principal, evitando así la necesidad de escribir en las mismas líneas de código una y otra vez. Al hacer copias de esta página inicial, puede editar y añadir contenido especializado para cada archivo y presentar un aspecto profesional y unificada a sus visitantes de la web.

Instrucciones

1 Abrir un documento HTML en un editor de texto, como BBEdit o Dreamweaver.

2 Introduzca su declaración DOCTYPE preferido al principio del documento. Esto le dice a su navegador de Internet la versión de markup su página HTML se crea en.

3 Introduzca la apertura "<html>" y "<head>" etiquetas.

4 Introduzca su juego de caracteres y codificación preferido. Esto le dice a su navegador web cómo interpretar los caracteres en su página.

5 Introduzca la etiqueta de apertura "<title>", escriba el nombre de su página web y cerrar la etiqueta, escribiendo "</ title>."

6 Introduzca el cierre "</ head>" etiqueta.

7 Introduzca la apertura "<body>" etiqueta. Contenidos introducidos por debajo de esta etiqueta es el marcador de posición para el contenido principal de cada página.

8 Introduzca la apertura "<h1>" etiqueta, escriba el nombre de su primer título y cerrar la etiqueta, escribiendo "</ h1>." Este es el marcador de posición para los encabezados de página. Puede cambiar esta partida con cada archivo nuevo se crea a partir de su plantilla.

9 Introduzca la apertura "<p>" etiqueta, el tipo de "texto aquí", o utilizar el texto de su preferencia, y cerrar la etiqueta, escribiendo "</ p>". Esta etiqueta de párrafo crea marcadores de posición para las secciones de texto en su plantilla.

10 Introduzca las etiquetas adicionales que se requieren en su plantilla HTML, como por ejemplo "<h2>" o "adicional"> <p elementos.

11 Introduzca el cierre "</ body>" y "</ html>" etiquetas. Asegúrese de escribir las etiquetas en ese orden para asegurar el archivo se muestra correctamente.

12 El nombre de su archivo "plantilla" y guardarlo con la extensión ".html". En algunos editores de texto HTML, como Dreamweaver, puede optar por guardar el archivo como una plantilla de la barra de herramientas. Esto le permite nombrar y describir su plantilla para su uso futuro.

13 Crear copias de su plantilla HTML utilizando la función de copia de su editor de texto HTML. Ahora puede empezar a editar las nuevas páginas que contienen el esquema maestro.

Consejos y advertencias

  • Muchas aplicaciones de diseño web, como Dreamweaver, tienen plantillas HTML prefabricados que se pueden editar.