# Trabalho Prático de HTML: Construir um Modelo de Blog
## Objectivos de Aprendizagem
Aplique os seus conhecimentos de HTML ao desenhar e codificar uma estrutura completa para a página inicial de um blog. Este trabalho prático reforçará conceitos de HTML semântico, melhores práticas de acessibilidade e competências de organização profissional de código que usará ao longo da sua jornada no desenvolvimento web.
**Ao completar este trabalho, irá:**
- Praticar o planeamento de layouts de websites antes de programar
- Aplicar elementos HTML semânticos de forma adequada
- Criar marcação acessível e bem estruturada
- Desenvolver hábitos profissionais de codificação com comentários e organização
## Requisitos do Projeto
### Parte 1: Planeamento do Design (Modelo Visual)
**Crie um modelo visual da página inicial do seu blog que inclua:**
- Cabeçalho com o título do site e navegação
- Área principal com pelo menos 2-3 pré-visualizações de publicações do blog
- Barra lateral com informação adicional (secção sobre, publicações recentes, categorias)
- Rodapé com informação de contacto ou links
**Opções para criação do modelo:**
- **Esboço feito à mão**: Use papel e lápis, e depois fotografe ou digitalize o seu desenho
- **Ferramentas digitais**: Figma, Adobe XD, Canva, PowerPoint ou qualquer aplicação de desenho
- **Ferramentas de wireframe**: Balsamiq, MockFlow ou software similar para wireframing
**Identifique as secções do seu modelo** com os elementos HTML que planeia usar (ex.: "Cabeçalho - ``", "Publicações do Blog - ``").
### Parte 2: Planeamento dos Elementos HTML
**Crie uma lista que associe cada secção do seu modelo a elementos HTML específicos:**
```
Example:
- Site Header →
- Main Navigation →