A partir de 1993, começou algo que mudaria completamente o nosso dia-a-dia e foi aí que foi lançado o navegador Mosaic, dando origem ao que hoje conhecemos como páginas da web. Por que dizemos que isso muda nossa vida é simples, pois hoje encontramos mais de 1.100 milhões de páginas da web com todos os tipos de informações, designs, estruturas, linguagens e muito mais.
Obviamente existem páginas profissionais, intermediárias e outras amadoras, mas todas têm como objetivo fornecer algum tipo de informação às pessoas que as visitam. Por isso, se você deseja saber como criar uma página web hoje, o Solvetic explicará de forma simples como fazê-lo, usando o Notepad e o HTML como linguagem de programação.
HTML (HyperText Markup Language) é uma linguagem de programação que permite o desenvolvimento de páginas web dinamicamente com ótimos recursos de edição.
1. Como criar uma página da web no bloco de notas
Passo 1
Para acessar o bloco de notas, podemos usar qualquer uma das seguintes opções:
- Use as teclas Windows + R e execute o comando "Notepad"
- Use a Cortana ou a caixa de pesquisa do Windows 10.
Passo 2
Assim que abrirmos o bloco de notas iremos ao menu Arquivo e lá selecionaremos "Salvar como" ou podemos usar as teclas Ctrl + Shift + S:
Ctrl + Shift + S
etapa 3
Ao clicar lá, vamos ao caminho onde deve ser salvo e, por padrão, veremos o seguinte:
Passo 4
Sendo o notepad podemos ver que o valor padrão é .txt, para editá-lo, exibimos as opções no campo Tipo e selecionamos "Todos os arquivos". Atribuímos o nome do arquivo seguido pela extensão .html:
Clique em "Salvar" para aplicar as alterações.
2. Veja a estrutura do site
Passo 1
Depois de salvar o arquivo com a extensão .hmtl, é hora de prosseguir com sua edição, adicionando a tag de idioma HTML para a página da web. Para isso, inserimos o seguinte:
Passo 2
Agora vamos adicionar as tags de cabeçalho ou "cabeças", a finalidade dessas tags é marcar o início e o fim do título da página a ser criada. Para fazer isso, vamos escrever após a etiqueta "", pressionar a tecla Enter duas vezes para deixar um espaço e escrever novamente:
etapa 3
O próximo passo será adicionar o título da página da web, este título estará localizado entre as tags "" e vai sob as tags "head" da seguinte maneira. O título atribuído será o que veremos na guia do navegador.
Passo 4
É hora de adicionar as tags "body" que vão sob a tag e a função do corpo é permitir que o código da página da web fique entre essas tags e seja visível para o usuário:
Etapa 5
O próximo passo será fechar a tag do idioma HTML, esta é a última tag do arquivo e é uma tag HTML que indica o final da página. Para isso, vamos escrever na tag "" para fechar a tag HTML:
Salvamos as alterações usando as teclas Ctrl + G ou no menu Arquivo / Salvar.
Etapa 6
É hora de adicionar os elementos à página da web em processo, todos esses elementos devem ir depois da tag "" e antes da tag "" para que fiquem visíveis.
O primeiro elemento a adicionar será o título principal da página web, para isso entramos entre as tags "" e entramos com o texto desejado entre:
Com esta linguagem HTML podemos usar as tags "" até ""para criar o texto do cabeçalho com dimensões menores.
Etapa 7
Em seguida, vamos adicionar parágrafos à página da web, as tags de parágrafo são "" e entre elas inseriremos o texto do site:
Solvetic Internet, ponto de encontro para profissionais e amantes da tecnologia
PROLONGAR
Etapa 8
Para adicionar uma quebra de parágrafo na página, devemos inserir
após a tag de fechamento da linha que adicionamos, por exemplo:
Solvetic Internet, ponto de encontro para profissionais e amantes da tecnologia
nUma comunidade que o surpreenderá e ajudará em mais de uma ocasião
PROLONGAR
ObservaçãoPodemos adicionar uma tag "
Adicional "para criar um espaço entre o primeiro parágrafo e o segundo.
Etapa 9
Agora é hora de formatar o texto inserido como negrito, itálico, sobrescrito, subscrito ou sublinhado, os rótulos disponíveis serão:
Texto em negrito Texto em itálico Texto sublinhado Texto sobrescrito Texto subscrito
PROLONGAR
3. Como validar a página da web
Passo 1
Para validar se tudo funciona conforme o esperado, vamos até o caminho onde o arquivo HTML foi salvo, clique com o botão direito sobre ele e selecione Abrir com e escolha o navegador desejado:
Passo 2
Ao clicar aqui veremos a estrutura que criamos:
PROLONGAR
É assim que você aprendeu a criar uma página da web no Bloco de Notas com o Solvetic de maneira simples e, assim, ser capaz de criar uma web básica para várias tarefas que você pode precisar.
