# Prática de HTML: Construção de um Modelo de Blog ## Objetivos de Aprendizagem Aplique seus conhecimentos de HTML projetando e codificando a estrutura completa de uma página inicial de blog. Esta atividade prática reforçará conceitos de HTML semântico, melhores práticas de acessibilidade e habilidades de organização de código profissional que você usará ao longo de sua jornada de desenvolvimento web. **Ao concluir esta atividade, você irá:** - Praticar o planejamento de layouts de sites antes de codificar - Aplicar elementos semânticos de HTML de forma adequada - Criar marcações acessíveis e bem estruturadas - Desenvolver hábitos profissionais de codificação com comentários e organização ## Requisitos do Projeto ### Parte 1: Planejamento do Design (Modelo Visual) **Crie um modelo visual da página inicial do seu blog que inclua:** - Cabeçalho com título do site e navegação - Área de conteúdo principal com pelo menos 2-3 prévias de postagens do blog - Barra lateral com informações adicionais (seção sobre, postagens recentes, categorias) - Rodapé com informações de contato ou links **Opções para criar o modelo:** - **Esboço à mão**: Use papel e lápis, depois fotografe ou escaneie seu design - **Ferramentas digitais**: Figma, Adobe XD, Canva, PowerPoint ou qualquer aplicativo de desenho - **Ferramentas de wireframe**: Balsamiq, MockFlow ou softwares similares **Rotule as seções do seu modelo** com os elementos HTML que você planeja usar (ex.: "Cabeçalho - `

`", "Postagens do Blog - `

`"). ### Parte 2: Planejamento dos Elementos HTML **Crie uma lista mapeando cada seção do seu modelo para elementos HTML específicos:** ``` Example: - Site Header →

- Main Navigation →