diff --git a/web/tp/README.md b/web/tp/README.md index 22f4c4e..26f961d 100644 --- a/web/tp/README.md +++ b/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 1 | [TP.pdf](TP.pdf) | Découverte du HTML | Aucun | -| TP 2 | [TP_2.pdf](TP_2.pdf) | HTML avancé | 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 | +| TP | Fichier | Thème | Durée | Prérequis | +|----|---------|-------|-------|-----------| +| TP 1 | [TP_HTML.md](TP_HTML.md) | Introduction au HTML5 | 2h | Aucun | +| TP 2 | [TP_CSS.md](TP_CSS.md) | CSS et mise en page | 3h | TP 1 | --------- ## 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 3 : CSS et sections +TP 2 : CSS + - Syntaxe CSS et sélecteurs + - 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