1
Exercice 1 — Range chaque fichier dans le bon dossier
Clique sur un fichier, puis clique sur le dossier où il doit être rangé. Chaque fichier va dans Assets/css/, Assets/js/ ou Assets/img/.
Fichiers à ranger :
style.css
logo.png
script.js
contact.css
banniere.jpg
app.js
reset.css
photo.jpg
Dossiers de destination :
2
Exercice 2 — Quel est le bon chemin ?
Pour chaque situation, choisis le chemin relatif correct vers le fichier demandé.
mon-site/
├── index.html ← tu es ici
└── 📁 Assets/
└── 📁 css/
└── style.css
Depuis index.html, quel chemin pointe vers style.css ?
mon-site/
├── 📁 pages/
│ └── contact.html ← tu es ici
└── 📁 Assets/
└── 📁 img/
└── logo.png
Depuis pages/contact.html, quel chemin pointe vers logo.png ?
mon-site/
├── 📁 pages/
│ └── contact.html ← tu es ici
└── index.html
Depuis pages/contact.html, quel lien pointe vers index.html ?
mon-site/
└── 📁 pages/
├── contact.html ← tu es ici
└── apropos.html
Depuis pages/contact.html, quel lien pointe vers apropos.html (même dossier) ?
mon-site/
├── 📁 pages/
│ └── 📁 blog/
│ └── article.html ← tu es ici (2 niveaux en dessous)
└── 📁 Assets/
└── 📁 css/
└── style.css
Depuis pages/blog/article.html, quel chemin pointe vers style.css ?
3
Exercice 3 — Reconstitue le chemin dans le bon ordre
Clique sur les morceaux dans le bon ordre pour former le chemin correct. En cas d'erreur, clique sur un morceau placé pour le retirer.
💡
Lis toujours le chemin de gauche à droite : d'abord .. si tu dois remonter, puis les dossiers à traverser, et enfin le fichier à atteindre.