01 de 07
Coloca os teus ficheiros nun cartafol novo
O Bloc de notas de Windows é un programa básico de procesamento de textos que pode usar para escribir as súas páxinas web. As páxinas web son só texto e pode usar calquera programa de procesamento de textos para escribir o seu HTML. Este tutorial lévallo ao longo do proceso.
O primeiro que debes facer ao crear un novo sitio web no Bloc de notas é crear un cartafol separado para almacenalo. Normalmente, almacena as túas páxinas web nun cartafol chamado HTML no cartafol "Os meus documentos", pero podes almacenalos onde queiras.
- Abre a xanela Os meus documentos
- Faga clic en Ficheiro > Novo > Folder
- Nome o cartafol my_website
Nota importante: nomee os cartafoles e ficheiros web usando todas as minúsculas e sen espazos ou puntuación. Mentres Windows permítelle usar espazos, moitos proveedores de hospedaxe web non o fan e aforrarache tempo e problemas se nomeas correctamente os ficheiros e carpetas desde o principio.
02 de 07
Garda a páxina como HTML
O primeiro que debes facer ao escribir unha páxina web no Bloc de notas é gardar a páxina como HTML. Isto aforrar tempo e problemas máis tarde.
Do mesmo xeito que co nome do directorio, sempre empregue todas as minúsculas e non hai espazos ou caracteres especiais no nome do ficheiro.
- No Bloc de notas, fai clic en Ficheiro e despois en Gardar como.
- Desprácese ata o cartafol onde está gardando os ficheiros do seu sitio.
- Cambia o menú despregábel Gardar como tipo a Todos os ficheiros (*. *).
- Nome do ficheiro. Este tutorial usa o nome pets.htm.
03 de 07
Comezar a escribir a páxina web
O primeiro que debes escribir no teu documento HTML do Bloc de notas é o DOCTYPE. Isto di aos navegadores o tipo de HTML que se espera. Este tutorial usa HTML5.
A declaración doctype non é unha etiqueta. Dalle á computadora que está chegando un documento HTML5. Vaia na parte superior de cada páxina HTML5 e toma este formulario:
Unha vez que tes o DOCTYPE, podes comezar o teu HTML. Escribe o comezo
etiqueta e etiqueta final e deixa espazo para os contidos do corpo da túa páxina web. O documento da túa libreta debería ser así:
04 de 07
Crea un xefe para a túa páxina web
O xefe dun documento HTML é onde se almacena información básica sobre a súa páxina web: cousas como o título da páxina e, posiblemente, as metaetas para a optimización dos motores de busca. Para crear unha sección de cabeza, engada o
etiquetas no seu documento de texto HTML entre os tagtags.
ElIgual que co
etiquetas, deixe un espazo entre eles polo que ten espazo para engadir a información principal.
05 de 07
Engada un título da páxina na sección principal
O título da túa páxina web é o texto que se mostra na xanela do navegador. Tamén está o que está escrito nos marcadores e nos favoritos cando alguén garda o sitio. Almacena o texto do título entre o
tags usingtags. Non aparecerá na páxina web en si, só na parte superior do navegador.
Esta páxina de exemplo chámase "McKinley, Shasta e outras mascotas".
ElEl
McKinley, Shasta e outros animais
Non importa canto tempo o seu título sexa ou se abrangue varias liñas no seu HTML, pero os títulos máis curtos son máis fáciles de ler e algúns navegadores cortan os máis longos na xanela do navegador.
06 de 07
O corpo principal da túa páxina web
O corpo da túa páxina web está almacenado dentro do
etiquetas. Aquí é onde pon o texto, titulares, subtítulos, imaxes e gráficos, ligazóns e todo o resto do contido. Pode ser o tempo que queira.
Este mesmo formato pode ser seguido para escribir a súa páxina web no Bloc de notas.
O teu xefe de título vai aquí Todo o que vai na páxina web vai aquí
07 de 07
Creando un cartafol de imaxes
Antes de engadir contido ao corpo do seu documento HTML, cómpre configurar os seus directorios para ter un cartafol para imaxes.
- Abre a xanela Os meus documentos .
- Cambiar ao cartafol my_website .
- Faga clic en Ficheiro > Novo > Folder.
- Name as imaxes do cartafol.
Almacena todas as túas imaxes para o teu sitio web na carpeta de imaxes para que poidas atopalos máis tarde. Isto facilita a carga cando o necesites.