HTML & CSS · Capítulo 6

Projeto: landing page completa

Projeto final com semântica, layout, formulário, responsividade e acessibilidade.

CONCEITO

O que precisas de perceber

Planeia secções e conteúdo antes do CSS. Testa 320px, tablet e desktop; usa Lighthouse/DevTools como apoio, sem tratar pontuação como objetivo único.

EXEMPLO

<!-- Cria: hero + benefícios + recursos + FAQ + CTA + footer. -->

CADERNO DIGITAL

Escreve apontamentos deste capítulo. Ficam apenas neste dispositivo.

Guardado localmente.

AGORA TU

Replica uma landing page a partir de um wireframe e documenta as decisões.