Florian/1ereNSI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Suppression des durées estimées dans les TPs

Browse Source
This commit is contained in:
Florian Mathieu
2026-02-10 10:09:04 +01:00
parent d07c1630e0
commit c6cea219be
3 changed files with 18 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/tp/README.md
View File

@@ -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 |
---------

14
web/tp/TP_CSS.md
View File

@@ -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.

18
web/tp/TP_HTML.md
View File

@@ -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 `<h1>` (le plus important) à `<h6>` :
---
## 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