Como Escrever Um Site No Bloco De Notas

Índice:

Como Escrever Um Site No Bloco De Notas
Como Escrever Um Site No Bloco De Notas

Vídeo: Como Escrever Um Site No Bloco De Notas

Vídeo: Como Escrever Um Site No Bloco De Notas
Vídeo: HTML Básico: Como criar sites com Bloco de Notas #1 2024, Maio
Anonim

Nenhuma ferramenta ou habilidade especial é necessária para criar uma página da web simples. Basta adquirir o programa Bloco de notas padrão, que geralmente é instalado em todos os computadores Windows.

Como escrever um site no bloco de notas
Como escrever um site no bloco de notas

Instruções

Passo 1

Primeiro, você precisa se certificar de que o resultado é exibido no formato desejado. Abra o Bloco de Notas e selecione o comando “Salvar como”, na janela que se abre, no campo “Nome do arquivo”, digite o nome do documento e escreva a extensão html separada por um ponto. Por exemplo, "meu_site.html". Clique em "Salvar".

Passo 2

Feche o bloco de notas, um ícone do navegador deve aparecer no lugar do documento criado. Se isso não aconteceu, então, aparentemente, você cometeu um erro no formato. Salve novamente.

etapa 3

Abra o programa e escreva nele o esqueleto da página futura.

Passo 4

A estrutura básica de qualquer site é a mesma. Todos os componentes estão concentrados entre as tags "html" e "/ html". O cabeçalho especifica os estilos que serão aplicados a todo o documento e também especifica os atributos para exibir a página no navegador. Por exemplo, título é o título da guia e, usando a tag, um pequeno ícone é inserido à esquerda do nome da guia.

Etapa 5

Corpo - o corpo da página, seu elemento mais importante. Todos os atributos visíveis da página são definidos entre as tags correspondentes: imagem de fundo ou cor de fundo, texto, ilustrações, tabelas, links, etc.

Etapa 6

Pense na estrutura do site, é preferível retratá-lo em uma folha de papel na forma de um diagrama. Calcule o espaço para o cabeçalho, texto, imagens, itens de menu, etc.

Etapa 7

Qualquer página da web é uma tabela, o número de linhas e colunas em que depende da complexidade do projeto. Caso contrário, simplesmente não será possível vincular os elementos a determinados locais na tela. E graças à tabela, para cada uma delas é criada sua própria célula, dentro da qual você pode usar os atributos de alinhamento.

Etapa 8

Para ver os resultados de seus experimentos, use o comando Salvar no Bloco de notas e Atualizar no navegador. Use este link depois de fazer cada alteração, especialmente se você tiver relativamente pouca experiência em criar páginas da web. Isso permitirá que você localize o erro a tempo e corrija-o.

Recomendado: