From 70c6ee5e8d5a23b8e1b584c87ec6e753ece1d523 Mon Sep 17 00:00:00 2001 From: Florian Mathieu Date: Tue, 10 Feb 2026 09:11:55 +0100 Subject: [PATCH] =?UTF-8?q?Mise=20=C3=A0=20jour=20README=20TPs=20(Markdown?= =?UTF-8?q?)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/tp/README.md | 30 +++++++++++++++++++++--------- 1 file changed, 21 insertions(+), 9 deletions(-) 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