Criando sua Primeira Página Web
Objetivo
O objetivo desta atividade consiste em abordar os seguintes tópicos:
- Criar a estrutura básica de um HTML
- Analisar o que se coloca no cabeçalho (
<head>) e no corpo (<body>) de um HTML. - Compreender o que é um atributo e tag.
Descrição
Para iniciar a criação da sua primeira página HTML, primeiro é necessário verificar a existência de algum editor, como o Atom, Visual Studio Code ou Sublime Text. Além disso, é recomendado utilizar alguns plugins para acelerar o desenvolvimento das páginas Web, por exemplo, para o Atom seria interessante usar o plugin emmet e o open-in-browser, ou no vscode seria o LiveServer.
Depois de verificar a instalação o próximo passo deve ser a criação da pasta onde será armazenado todo o conteúdo do site, no intuito de facilitar futuramente sua transfarência para algum servidor.
Uma sugestão seria usar a pasta site.zip, para depois abrir esta pasta site no seu editor de preferência.
Quanto ao conteúdo, tente compreender e escrever esse código, linha a linha, no arquivo index.html dentro da pasta site:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bem-vindos</title>
</head>
<body>
<h1>Olá, turma!</h1>
<p>Meu primeiro parágrafo.</p>
</body>
</html>
Importante! Não copie e cole esse HTML no arquivo
index.html, tente escrever o código, linha a linha, compreendendo o signicado do que está sendo gerado.
A medida que for editando o arquivo HTML, tente visualizar o código gerado em algum navegador e veja se o resultado se assemalha ao da Figura 1.
Figura 1 - Minha Primeira Página
Detalhe, para editar esse código pode-se usar:
- O navegador de arquivo do Sistema Operacional;
- Browser
- vscode com algum plugin como o
LiveServer.