Índice:
- Suprimentos
- Etapa 1: o começo
- Etapa 2: Configurando o arquivo HTML
- Etapa 3: Configurando o arquivo CSS
- Etapa 4: Bem, era isso
Vídeo: Como fazer um site básico usando o bloco de notas: 4 etapas
2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:34
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
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
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
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
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:
Como converter texto em áudio usando o bloco de notas !!: 8 etapas
Como converter texto em áudio usando o bloco de notas !!: Este instrutivo mostrará como converter texto em áudio usando o bloco de notas. Por favor, inscreva-se no meu canal. Obrigado
Crie um criptografador / descriptografador de mensagem simples usando o bloco de notas: 5 etapas
Crie criptografador / descriptografador de mensagem simples usando o bloco de notas: Olá, com este aplicativo HTML simples, você pode criptografar e descriptografar sua mensagem por senha. Em primeiro lugar, mostrarei como criá-lo e depois mostrarei como usá-lo. Vamos começar
Faça seu computador falar o que você digita usando o bloco de notas: 3 etapas
Faça seu computador falar o que você digita usando o bloco de notas: Aqui está um código interessante criado por nós para fazer seu computador falar o que você digita. Usaremos o bloco de notas para criá-lo. Vamos começar
Como criar um código de matriz no bloco de notas !!: 9 etapas
Como criar um código de matriz no bloco de notas !!: Este instrutivo mostrará como criar um código de matriz no bloco de notas. Inscreva-se no meu canal. Obrigado
Como fazer uma caixa de mensagem no bloco de notas: 3 etapas
Como fazer uma caixa de mensagem no bloco de notas: Olá. Vou te ensinar como fazer uma caixa de mensagem. Tudo que você precisa é o bloco de notas. Se você tiver algum comentário, fique à vontade para postá-lo. Basta começar a aprender e se divertir