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