Programme d'Apprentissage HTML5 - 2 Mois
Mois 1 : Bases du HTML5
- Semaine 1 : Introduction a HTML5
Comprendre le role du HTML dans le web
Structure de base dune page HTML5
Utiliser les balises : html, head, body, title
Afficher du texte avec h1 a h6, p, strong, em
Exercice : Creer une page HTML simple avec titre et paragraphes
- Semaine 2 : Liens, images et listes
Ajouter des liens avec <a>
Inserer des images avec <img>
Creer des listes ordonnees et non ordonnees
Ajouter des ancres internes
Exercice : Page personnelle avec photo, bio, et liens
- Semaine 3 : Tableaux et formulaires
Creer des tableaux avec <table>, <tr>, <td>, <th>
Styliser avec border, colspan, rowspan
Creer un formulaire simple avec <form>, <input>, <textarea>, <select>
Exercice : Formulaire de contact + tableau d'informations
- Semaine 4 : Structure semantique
Balises semantiques : header, footer, nav, section, article, aside
Utilisation correcte pour structurer une page
Validation du code HTML (W3C Validator)
Exercice : Creer une page dactualite structuree
Mois 2 : HTML5 Avance et Projet
- Semaine 5 : Multimedia et integration
Inserer de laudio et de la video avec <audio> et <video>
Utiliser des attributs : controls, autoplay, loop
Integrer Google Maps, YouTube, ou PDF
Exercice : Creer une galerie media interactive
- Semaine 6 : Accessibilite et bonnes pratiques
Rendre un site accessible : balises alt, label, roles ARIA
Utiliser les commentaires HTML
Optimiser le code (indentation, lisibilite)
Exercice : Ameliorer une page HTML pour l'accessibilite
- Semaine 7 : Integration avec CSS
Lier un fichier CSS externe avec <link>
Appliquer des styles simples (couleurs, polices, marges)
Utiliser les classes et ID dans HTML
Exercice : Styliser une page HTML avec CSS de base
- Semaine 8 : Projet final
Choisir un theme : portfolio, site devenement, blog statique...
Creer la structure HTML complete
Inclure formulaires, tableaux, liens, multimedia
Livrable : Un site HTML statique complet (multi-pages)