Windows Notepad es un programa básico de procesamiento de textos que puede utilizar para escribir sus páginas web. Las páginas web son solo texto, y puede usar cualquier programa de procesamiento de textos para escribir HTML. Este tutorial te guía a través del proceso.
01 de 07Coloque sus archivos en una nueva carpeta
Para crear un nuevo sitio web en el Bloc de notas, primero cree una carpeta separada para almacenarlo. Normalmente, almacena sus páginas web en una carpeta llamada HTML en la carpeta Mis documentos, pero puede almacenarlas donde desee.
- Abre elMis documentos ventana.
- Hacer clic Expediente > Nuevo > Carpeta.
- Nombra la carpeta Mi sitio web.
Nota IMPORTANTE: Nombra las carpetas y los archivos web con letras minúsculas y sin espacios ni puntuación. Si bien Windows le permite usar espacios, muchos proveedores de alojamiento web no lo hacen, y se ahorrará tiempo y problemas si nombra los archivos y carpetas correctamente desde el principio.
Guardar la página como HTML
Al igual que con el nombre del directorio, cuando guarde la página, use todas las letras en minúscula y sin espacios ni caracteres especiales en el nombre del archivo.
- En el Bloc de notas, haga clic en Expediente y entonces Guardar como.
- Vaya a la carpeta donde guarda los archivos de su sitio web.
- Cambiar el Guardar como tipo menú desplegable para Todos los archivos (*.*).
- Nombra el archivo. Este tutorial usa el nombre pets.htm.
03 de 07
Comience a escribir la página web
Lo primero que debe escribir en su documento de Bloc de notas HTML5 es el DOCTYPE. Esto le dice a los navegadores qué tipo de HTML esperar.
La declaración doctype no es una etiqueta. Le dice a la computadora que un documento HTML5 está llegando. Va en la parte superior de cada página HTML5 y toma esta forma:
Una vez que tenga el DOCTYPE, puede iniciar su HTML. Escriba la etiqueta inicial y la etiqueta final y deje un espacio para los contenidos del cuerpo de su página web. Su documento de Bloc de notas debe tener este aspecto:
Crea una cabecera para tu página web
El encabezado de un documento HTML es donde se almacena la información básica sobre su página web, como el título de la página y posiblemente las etiquetas meta para la optimización de motores de búsqueda. Para crear una sección de encabezado, agregue las etiquetas de encabezado en su documento de texto HTML de Bloc de notas entre las etiquetas html.
Al igual que con las etiquetas html, deje algo de espacio entre ellas para que tenga espacio para agregar la información principal.
05 de 07Añadir un título de página en la sección principal
El título de su página web es el texto que se muestra en la ventana del navegador. También es lo que está escrito en favoritos y favoritos cuando alguien guarda su sitio. Almacena el texto del título entre las etiquetas del título. No aparecerá en la página web, solo en la parte superior del navegador.
Esta página de ejemplo se titula "McKinley, Shasta y otras mascotas".
No importa qué tan largo sea su título o si abarca varias líneas en su HTML, pero los títulos más cortos son más fáciles de leer, y algunos navegadores cortan los largos en la ventana del navegador.
06 de 07El cuerpo principal de tu página web
El cuerpo de su página web se almacena dentro de las etiquetas del cuerpo. Debería venir después de las etiquetas de la cabeza pero antes de la etiqueta html final. Aquí es donde colocas el texto, titulares, subtítulos, imágenes y gráficos, enlaces y todo el resto del contenido. Puede ser tan largo como quieras.
Deje espacio extra entre las etiquetas de inicio y final del cuerpo.
Se puede seguir este mismo formato para escribir su página web en el Bloc de notas.
07 de 07Creación de una carpeta de imágenes
Antes de agregar contenido al cuerpo de su documento HTML, debe configurar sus directorios para que tenga una carpeta para las imágenes.
- Abre el Mis documentos ventana.
- Cambio a la Mi sitio web carpeta.
- Hacer clic Expediente > Nuevo > Carpeta.
- Nombra la carpeta imagenes.
Almacene todas las imágenes para su sitio web en la carpeta de imágenes para que pueda encontrarlas más adelante. Esto hace que sea fácil subirlos cuando lo necesite.
