From 74469288c5fd2b72058986dc37048f1b778e680d Mon Sep 17 00:00:00 2001 From: Florian Mathieu Date: Tue, 10 Feb 2026 10:09:04 +0100 Subject: [PATCH] =?UTF-8?q?Suppression=20des=20dur=C3=A9es=20estim=C3=A9es?= =?UTF-8?q?=20dans=20les=20TPs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/tp/README.md | 8 ++++---- web/tp/TP_CSS.md | 14 ++++++-------- web/tp/TP_HTML.md | 18 ++++++++---------- 3 files changed, 18 insertions(+), 22 deletions(-) diff --git a/web/tp/README.md b/web/tp/README.md index 26f961d..c94ab18 100644 --- a/web/tp/README.md +++ b/web/tp/README.md @@ -6,10 +6,10 @@ Ce dossier contient les travaux pratiques pour apprendre HTML et CSS. ## Liste des TPs -| 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 | +| TP | Fichier | Thème | Prérequis | +|----|---------|-------|-----------| +| TP 1 | [TP_HTML.md](TP_HTML.md) | Introduction au HTML5 | Aucun | +| TP 2 | [TP_CSS.md](TP_CSS.md) | CSS et mise en page | TP 1 | --------- diff --git a/web/tp/TP_CSS.md b/web/tp/TP_CSS.md index b1b3bd2..f4a8fdc 100644 --- a/web/tp/TP_CSS.md +++ b/web/tp/TP_CSS.md @@ -11,13 +11,11 @@ - Utiliser les balises sémantiques HTML5 pour structurer une page - Créer une mise en page complète avec CSS -**Durée estimée** : 3h - **Prérequis** : TP HTML terminé --- -## Partie A : Introduction au CSS (20 min) +## Partie A : Introduction au CSS ### A.1 Le rôle du CSS @@ -66,7 +64,7 @@ p { --- -## Partie B : Les sélecteurs CSS (30 min) +## Partie B : Les sélecteurs CSS ### B.1 Sélecteurs de base @@ -98,7 +96,7 @@ Objectif : atteindre au moins le niveau 15. --- -## Partie C : Propriétés CSS essentielles (20 min) +## Partie C : Propriétés CSS essentielles ### C.1 Texte @@ -170,7 +168,7 @@ div { --- -## Partie D : Les balises sémantiques HTML5 (15 min) +## Partie D : Les balises sémantiques HTML5 ### D.1 Structure d'une page moderne @@ -209,7 +207,7 @@ div { --- -## Partie E : Mise en page avec Flexbox (30 min) +## Partie E : Mise en page avec Flexbox ### E.1 Introduction à Flexbox @@ -264,7 +262,7 @@ Objectif : terminer tous les niveaux ! --- -## Partie F : Projet - Site "Pastor" (1h30) +## Partie F : Projet - Site "Pastor" Vous allez créer un site de blog culinaire avec une mise en page complète. diff --git a/web/tp/TP_HTML.md b/web/tp/TP_HTML.md index 10914b0..9a138af 100644 --- a/web/tp/TP_HTML.md +++ b/web/tp/TP_HTML.md @@ -11,13 +11,11 @@ - Maîtriser les balises HTML essentielles - Créer une page web complète -**Durée estimée** : 2h - **Matériel** : PC + Navigateur (Firefox, Chrome) + Éditeur de code (VS Code, Notepad++) --- -## Partie A : Comment fonctionne le Web ? (20 min) +## Partie A : Comment fonctionne le Web ? ### A.1 L'architecture client-serveur @@ -59,7 +57,7 @@ protocole serveur chemin --- -## Partie B : Structure d'une page HTML5 (30 min) +## Partie B : Structure d'une page HTML5 ### B.1 Les balises @@ -121,7 +119,7 @@ Créez un fichier `page.html` avec le code suivant : --- -## Partie C : Organiser le contenu (40 min) +## Partie C : Organiser le contenu ### C.1 Les paragraphes @@ -186,7 +184,7 @@ HTML propose 6 niveaux de titres, de `

` (le plus important) à `

` : --- -## Partie D : Les liens (20 min) +## Partie D : Les liens ### D.1 Lien vers un autre site (lien absolu) @@ -227,7 +225,7 @@ Pour créer un sommaire cliquable sur une longue page : --- -## Partie E : Les images (15 min) +## Partie E : Les images ### E.1 Insérer une image @@ -264,7 +262,7 @@ Pour créer un sommaire cliquable sur une longue page : --- -## Partie F : Les tableaux (25 min) +## Partie F : Les tableaux ### F.1 Structure de base @@ -328,7 +326,7 @@ Pour créer un sommaire cliquable sur une longue page : --- -## Partie G : Balises sémantiques HTML5 (10 min) +## Partie G : Balises sémantiques HTML5 HTML5 introduit des balises pour structurer une page de manière sémantique : @@ -357,7 +355,7 @@ HTML5 introduit des balises pour structurer une page de manière sémantique : --- -## Projet final : Créer une page web thématique (30 min) +## Projet final : Créer une page web thématique ### Consignes