Índice:

Como fazer um site básico usando o bloco de notas: 4 etapas
Como fazer um site básico usando o bloco de notas: 4 etapas

Vídeo: Como fazer um site básico usando o bloco de notas: 4 etapas

Vídeo: Como fazer um site básico usando o bloco de notas: 4 etapas
Vídeo: DESENVOLVENDO MEU PRIMEIRO SITE COM HTML | 4# 2024, Novembro
Anonim
Como fazer um site básico usando o bloco de notas
Como fazer um site básico usando o bloco de notas

Alguém já se perguntou

"como faço um site a partir de um programa básico de escrita?"

Bem, obviamente, não especificamente …

Enfim, aqui vou mostrar como fazer um site BASIC usando apenas o notepad.

Suprimentos

Para este projeto, você precisará de:

-um grande cérebro

-bloco de anotações

- pode ser uma folha de dicas de comandos HTML e CSS

- muita paciência

Etapa 1: o começo

O começo
O começo

Abra o bloco de notas. Na verdade, abra duas vezes. Você estará codificando 2 arquivos ao mesmo tempo.

Agora, salve os dois arquivos. Um será [nome do arquivo].html e o outro será [nome do arquivo].css

Etapa 2: Configurando o arquivo HTML

Configurando o arquivo HTML
Configurando o arquivo HTML

No arquivo HTML, escreva na primeira linha "" pule uma linha

linha 2 -

linha 3 - [nome da página]

linha 4 -

linha 5 -

pular uma linha

linha 6 -

linha 7 -

[o que você quer na primeira linha. este é um texto normal.]

linha 8 -

linha 9 -

Agora, edite onde coloco as mensagens em

EXPLICAÇÃO - - -

indica o início do código.

indica o início do cabeçalho.

indica o que será mostrado no nome da guia

+ outro código no link vinculará a folha de estilo css ao html para estilos.

termina a declaração.

termina a declaração do cabeçalho

indica o início do corpo do texto / código

é o início do parágrafo do texto que aparecerá quando você executar o código html.

você adivinhou. termina as declarações do corpo

significa o fim do código.

Etapa 3: Configurando o arquivo CSS

Configurando o arquivo CSS
Configurando o arquivo CSS

na primeira linha do arquivo CSS, coloque (@charset "utf-8";)

linha 2 - corpo

linha 3 {plano de fundo: [o que você deseja como cor de plano de fundo]

linha 4 -}

linha 5 - h1 {

linha 6 - font-family: negrito

linha 7 -}

Você pode adicionar mais variáveis e alterar minhas notas entre

Etapa 4: Bem, era isso

Bem, era isso
Bem, era isso

Se quiser, você pode usar um guia melhor como "Noções básicas de design da web" por vishalapr

www.instructables.com/Web-Designing-Basics…

Além disso, tome cuidado para que o bloco de notas não mostre onde seu código está errado.

É por isso que o software de codificação de sites é recomendado.

Recomendado: