# Devoir Pratique HTML : Créez une Maquette de Blog ## Objectifs d'apprentissage Mettez en pratique vos connaissances en HTML en concevant et en codant une structure complète de page d'accueil de blog. Ce devoir pratique renforcera vos compétences sur les concepts HTML sémantiques, les meilleures pratiques d'accessibilité, et l'organisation professionnelle du code que vous utiliserez tout au long de votre parcours de développement web. **En réalisant ce devoir, vous allez :** - Pratiquer la planification de mises en page web avant de coder - Appliquer correctement les éléments HTML sémantiques - Créer un balisage accessible et bien structuré - Développer des habitudes de codage professionnelles avec des commentaires et une organisation ## Exigences du projet ### Partie 1 : Planification du design (Maquette visuelle) **Créez une maquette visuelle de votre page d'accueil de blog incluant :** - En-tête avec le titre du site et la navigation - Zone de contenu principal avec au moins 2-3 aperçus d’articles de blog - Barre latérale avec des informations supplémentaires (section à propos, articles récents, catégories) - Pied de page avec les informations de contact ou des liens **Options de création de maquette :** - **Croquis à la main** : utilisez du papier et un crayon, puis photographiez ou scannez votre design - **Outils numériques** : Figma, Adobe XD, Canva, PowerPoint ou toute application de dessin - **Outils de wireframe** : Balsamiq, MockFlow ou logiciel similaire de wireframing **Étiquetez les sections de votre maquette** avec les éléments HTML que vous prévoyez d’utiliser (par exemple, "En-tête - `
`", "Articles de blog - `
`"). ### Partie 2 : Planification des éléments HTML **Créez une liste associant chaque section de votre maquette à des éléments HTML spécifiques :** ``` Example: - Site Header →
- Main Navigation →