programandoai

Passo 1: Estrutura

Antes de escrever qualquer conteúdo, montamos o esqueleto da página inteira: o mapa que vai guiar tudo o que vem depois.

Estudar esta lição interativa →

Chegou a hora do projeto final: uma página de perfil, o tipo de página que qualquer profissional se beneficia de ter, um cartão de visitas on-line com quem você é, o que você faz e como falar com você. Vamos construí-la em etapas, exatamente como um projeto de verdade nasce: primeiro a estrutura vazia, depois o conteúdo, depois a interação (o formulário de contato), e por fim uma revisão.

O primeiro passo é decidir as regiões da página, antes de pensar em qualquer texto. Vamos usar exatamente o que aprendemos no Módulo 6: um header com o nome e um nav com atalhos para as seções da própria página (usando links âncora, href="#sobre", que apontam para id="sobre" mais adiante), um main vazio por enquanto (onde tudo vai morar), e um footer para fechar.

🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. O esqueleto: header com nav, main vazio e footer. É o mapa que vamos preencher a seguir.

É como montar a planta de uma casa antes de decorar qualquer cômodo: primeiro você decide onde fica a sala, onde fica o quarto, onde fica a cozinha, só depois entra a mobília. Um main vazio, com section ainda por vir dentro dele, é exatamente essa planta.

← Voltar ao índice do curso