Passo 4: Revisão final
A página está completa. Antes de considerá-la pronta, uma última passada com o checklist de tudo o que este curso ensinou.
Estudar esta lição interativa →A página de perfil está com a estrutura completa: cabeçalho com navegação, seção sobre você, seção de projetos e formulário de contato, tudo fechado por um rodapé. Veja o resultado inteiro, de ponta a ponta:
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. A página de perfil completa, dos quatro passos juntos.
Antes de dar por encerrado, vale rodar mentalmente o checklist que este curso construiu, módulo por módulo:
Esqueleto (M1)
doctype, html com lang, head com title, tudo visível dentro do body.
Hierarquia de títulos (M2, M7)
Um único h1, h2 para cada seção, sem pular níveis.
Imagem com alt (M3)
A foto de perfil descreve o que mostra, não é genérica.
Landmarks (M6)
header, nav, main (um único) e footer nos lugares certos.
Formulário acessível (M5)
Todo campo com label associado por for/id, tipos corretos.
Foco e teclado (M7)
Só elementos nativos para o que é clicável, e a ordem do Tab seguindo a ordem em que a página é lida.
Formulário que ajuda (M8)
required nos campos obrigatórios e autocomplete (name, email) nos dados que o navegador já conhece.
Cabeçalho do documento (M9)
meta viewport (a página não abre minúscula no celular), meta description com uma frase clara e title específico.
Repare bem: a página que você construiu está correta e completa do ponto de vista estrutural, mas visualmente ainda é bem simples, sem cores de marca, sem espaçamento refinado, sem tipografia elegante. Isso não é um problema, é o plano. Deixar essa mesma página bonita, com uma identidade visual de verdade, é exatamente o assunto do próximo curso, CSS: dando vida à página, que parte justamente desta página pronta para estilizá-la passo a passo. Você já fez a parte mais importante: uma base sólida, semântica e acessível, sobre a qual qualquer visual pode ser construído.