Mise à jour README TPs (Markdown)

web/tp/README.md

@@ -6,24 +6,36 @@ Ce dossier contient les travaux pratiques pour apprendre HTML et CSS.
 
 ## Liste des TPs
 
-| TP | Fichier | Thème | Prérequis |
+| TP | Fichier | Thème | Durée | Prérequis |
-|----|---------|-------|-----------|
+|----|---------|-------|-------|-----------|
-| TP 1 | [TP.pdf](TP.pdf) | Découverte du HTML | Aucun |
+| TP 1 | [TP_HTML.md](TP_HTML.md) | Introduction au HTML5 | 2h | Aucun |
-| TP 2 | [TP_2.pdf](TP_2.pdf) | HTML avancé | TP 1 |
+| TP 2 | [TP_CSS.md](TP_CSS.md) | CSS et mise en page | 3h | TP 1 |
-| TP 3 | [TP_3 - CSS et sections.pdf](TP_3%20-%20CSS%20et%20sections.pdf) | CSS et mise en page | TP 1 et 2 |
 
 ---------
 
 ## Progression recommandée
 
 ```
-TP 1 : HTML de base
+TP 1 : HTML5
+  - Architecture client-serveur
+  - Structure d'une page HTML
+  - Balises essentielles (texte, listes, liens, images, tableaux)
+  - Balises sémantiques
+  - Projet : page web thématique
     ↓
-TP 2 : HTML avancé
+TP 2 : CSS
-    ↓
+  - Syntaxe CSS et sélecteurs
-TP 3 : CSS et sections
+  - Propriétés (texte, couleurs, box model)
+  - Balises sémantiques HTML5
+  - Flexbox
+  - Projet : site "Pastor"
 ```
 
+### Exercices interactifs recommandés
+
+- **[CSS Diner](https://flukeout.github.io)** : Maîtriser les sélecteurs CSS (à faire pendant le TP 2)
+- **[Flexbox Froggy](https://flexboxfroggy.com)** : Apprendre Flexbox (à faire pendant le TP 2)
+
 ---------
 
 ## Ressources pour les TPs