O Windows Notepad é um programa básico de processamento de texto que você pode usar para escrever suas páginas da web. As páginas da Web são apenas texto e você pode usar qualquer programa de processamento de texto para escrever HTML. Este tutorial orienta você pelo processo.
01 de 07Coloque seus arquivos em uma nova pasta
Para criar um novo site no bloco de notas, primeiro crie uma pasta separada para armazená-lo. Normalmente, você armazena suas páginas da Web em uma pasta chamada HTML na pasta Meus Documentos, mas pode armazená-las onde quiser.
- Abra oMeus documentos janela.
- Clique Arquivo > Novo > Pasta.
- Nomeie a pasta meu website.
Nota importante: Nomeie as pastas e arquivos da web usando todas as letras minúsculas e sem espaços ou pontuação. Embora o Windows permita o uso de espaços, muitos provedores de hospedagem na Web não permitem, e você economizará tempo e problemas se nomear corretamente os arquivos e pastas desde o início.
Salvar a página como HTML
Tal como acontece com o nome do diretório, quando você salvar a página, use todas as letras minúsculas e sem espaços ou caracteres especiais no nome do arquivo.
- No Bloco de Notas, clique em Arquivo e depois Salvar como.
- Vá para a pasta onde você salvou os arquivos do seu site.
- Mudar o Salvar como tipo menu suspenso para Todos os arquivos (*.*).
- Nomeie o arquivo. Este tutorial usa o nome pets.htm.
03 de 07
Comece a escrever a página da Web
A primeira coisa que você deve digitar no seu documento HTML5 do Notepad é o DOCTYPE. Isso informa aos navegadores que tipo de HTML esperar.
A declaração do doctype não é uma tag. Diz ao computador que um documento HTML5 está chegando. Vai no topo de cada página HTML5 e assume este formato:
Depois de ter o DOCTYPE, você pode iniciar seu HTML. Digite a tag inicial e a tag final e deixe algum espaço para o conteúdo do corpo da página da web. O documento do seu bloco de notas deve ficar assim:
Crie uma cabeça para sua página da Web
A cabeça de um documento HTML é onde as informações básicas sobre sua página da web são armazenadas - coisas como o título da página e, possivelmente, meta tags para otimização de mecanismos de busca. Para criar uma seção head, adicione as tags head no documento de texto HTML do Notepad entre as tags html.
Tal como acontece com as tags html, deixe algum espaço entre elas para que você tenha espaço para adicionar as informações da cabeça.
05 de 07Adicionar um título de página na seção principal
O título da sua página da web é o texto exibido na janela do navegador. É também o que está escrito em favoritos e favoritos quando alguém salva seu site. Armazene o texto do título entre as tags de título. Ele não aparecerá na própria página da Web, apenas na parte superior do navegador.
Esta página de exemplo é intitulada "McKinley, Shasta e outros animais de estimação".
Não importa quanto tempo seu título é ou se ele abrange várias linhas no HTML, mas títulos mais curtos são mais fáceis de ler e alguns navegadores cortam os longos na janela do navegador.
06 de 07O corpo principal da sua página da web
O corpo da sua página da web é armazenado dentro das tags do corpo. Ele deve vir depois das tags principais, mas antes da tag html final. É aqui que você coloca o texto, as manchetes, os subtítulos, as imagens e os gráficos, os links e todos os outros conteúdos. Pode ser o tempo que você quiser.
Deixe um espaço extra entre as tags iniciais e finais do corpo.
Esse mesmo formato pode ser seguido para escrever sua página da Web no bloco de notas.
07 de 07Criando uma pasta de imagens
Antes de adicionar conteúdo ao corpo do seu documento HTML, você precisa configurar seus diretórios para que você tenha uma pasta para imagens.
- Abra o Meus documentos janela.
- Mude para o meu website pasta.
- Clique Arquivo > Novo > Pasta.
- Nomeie a pasta imagens.
Armazene todas as imagens do seu site na pasta de imagens para encontrá-las mais tarde. Isso facilita o envio quando você precisar.
