HTML5 CSS3 les fondamentaux

Objectifs

• Comprendre le rôle du HTML5 et du CSS3 dans la création de sites web
• Maîtriser la structure de base d'une page HTML5
• Utiliser les principales balises HTML5 sémantiques
• Mettre en forme une page web avec CSS3
• Créer des mises en page simples et responsives
• Respecter les bonnes pratiques de structuration et de lisibilité du code
• Être capable de réaliser une page web statique complète

Programme de la formation

Module 1 : Introduction au développement web

• Fonctionnement du web (navigateurs, serveurs, langages)
• Différence entre HTML, CSS et JavaScript
• Outils nécessaires (éditeur de code, navigateur)

Module 2 : Les bases du HTML5

• Structure d'un document HTML5
• Balises essentielles (html, head, body, title, meta)
• Texte et hiérarchisation du contenu (h1 à h6, p, br)

Module 3 : Les balises HTML5 sémantiques

• header, nav, main, section, article, footer
• Listes (ul, ol, li)
• Liens et images (a, img)

Module 4 : Introduction au CSS3

• Rôle du CSS et méthodes d'intégration
• Sélecteurs simples
• Propriétés de base (couleurs, tailles, polices)

Module 5 : Mise en forme et mise en page avec CSS3

• Box model (margin, padding, border)
• Positionnement simple
• Flexbox : principes fondamentaux

Module 6 : Notions de responsive design

• Concepts du responsive web design
• Media queries de base
• Adaptation d'une page aux différents écrans

Module 7 : Bonnes pratiques et mini-projet

• Organisation et lisibilité du code
• Respect des standards du web
• Réalisation d'une page web statique complète

Validation et sanction

• Créer une page web structurée en HTML5
• Mettre en forme une page avec CSS3
• Utiliser les balises sémantiques HTML5
• Réaliser une mise en page simple et responsive
• Comprendre et maintenir un code HTML/CSS propre et lisible

Type de formation

Non certifiante

Sortie

Sans niveau spécifique