ajout des images oubliées precedemment

web/tp/TP_CSS.md

@@ -25,6 +25,8 @@
 
 > **Principe fondamental** : HTML = structure (le fond) | CSS = présentation (la forme)
 
+
+
 ### A.2 Syntaxe CSS
 
 ```css
@@ -172,6 +174,8 @@ div {
 
 ### D.1 Structure d'une page moderne
 
+![Structure sémantique HTML5](assets/structure_semantique_html5.png)
+
 ```
 ┌─────────────────────────────────────────────┐
 │                 <header>                     │
@@ -280,6 +284,10 @@ TP_CSS/
 
 ### F.2 Structure HTML
 
+Voici la structure visuelle du site Pastor :
+
+![Structure HTML du projet Pastor](assets/structure_html_pastor.png)
+
 Créez `index.html` avec la structure suivante :
 
 ```html
@@ -364,6 +372,10 @@ Créez `index.html` avec la structure suivante :
 
 ### F.4 Styles CSS
 
+Voici le schéma de positionnement CSS du site :
+
+![Structure CSS du projet Pastor](assets/structure_css_pastor.png)
+
 Créez `style.css` avec les règles suivantes :
 
 #### Styles généraux
@@ -545,27 +557,7 @@ footer p, footer ul {
 
 Votre page doit ressembler à ceci :
 
-```
+![Rendu final du site Pastor](assets/rendu_final_pastor.png)
-┌─────────────────────────────────────────────────────┐
-│  🍳 Pastor                    ACCUEIL BLOG CV CONTACT│
-│     Grimoire de la cuisine                          │
-├─────────────────────────────────────────────────────┤
-│  ╔═══════════════════════════════════════════════╗  │
-│  ║  🌅 Retour sur mes vacances en Asie...        ║  │
-│  ║                           [Voir l'article →]  ║  │
-│  ╚═══════════════════════════════════════════════╝  │
-├────────────────────────────────┬────────────────────┤
-│  📌 JE SUIS UN GRAND GOURMAND  │  A PROPOS DE       │
-│                                │  L'AUTEUR          │
-│  Blablabla... Blablabla...     │  💬               │
-│  Blablabla... Blablabla...     │  🍳 Blablabla...  │
-│  Blablabla... Blablabla...     │  📘🐦📹📷📡      │
-├────────────────────────────────┴────────────────────┤
-│  MON DERNIER   MES PHOTOS         MES AMIS          │
-│  TWEET...      [📷][📷]          • Perceval • Merlin│
-│  Blablabla...  [📷][📷]          • Roi Arthur...   │
-└─────────────────────────────────────────────────────┘
-```
 
 ---