modifications des tp, exercices, ajouts d'indications en JS, d'exemples en gloutons, 3 semaines de boulot enfin voilà

web/tp/README.md

@@ -0,0 +1,77 @@
+# Travaux Pratiques - Web
+
+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 |
+
+---------
+
+## Progression recommandée
+
+```
+TP 1 : HTML de base
+    ↓
+TP 2 : HTML avancé
+    ↓
+TP 3 : CSS et sections
+```
+
+---------
+
+## Ressources pour les TPs
+
+### Dossier images
+
+Le dossier `images/` contient les fichiers nécessaires pour certains TPs :
+- Photos d'exemple
+- Icônes
+- Éléments graphiques
+
+Le fichier `images.zip` contient une archive de toutes les images.
+
+### Aide-mémoires
+
+Consultez le dossier [ressources](../ressources/) pour les mémentos HTML et CSS.
+
+---------
+
+## Conseils pour réussir les TPs
+
+1. **Lisez l'énoncé en entier** avant de commencer
+2. **Testez régulièrement** votre code dans le navigateur
+3. **Utilisez les outils de développement** (F12) pour débugger
+4. **Consultez les mémentos** en cas de doute sur une balise ou propriété
+5. **Indentez votre code** pour une meilleure lisibilité
+6. **Validez votre HTML** sur [validator.w3.org](https://validator.w3.org/)
+
+---------
+
+## Structure d'un projet web
+
+Pour vos TPs, organisez vos fichiers ainsi :
+
+```
+mon_projet/
+├── index.html
+├── style.css
+├── images/
+│   ├── logo.png
+│   └── photo.jpg
+└── pages/
+    ├── contact.html
+    └── about.html
+```
+
+---------
+
+Auteur : Florian Mathieu
+
+Licence CC BY NC