Activité 1 – Les URL et les chemins

Objectifs :

Comprendre la structure d'une URL
Distinguer chemin absolu et chemin relatif
Savoir naviguer dans une arborescence de fichiers

Rappel : Structure d'une URL

Une URL (Uniform Resource Locator) permet d'identifier une ressource sur un réseau. Voici sa structure :

https://www.exemple.fr/dossier/page.html
  │         │            │
  │         │            └── Chemin vers la ressource
  │         └── Nom de domaine (serveur)
  └── Protocole (http ou https)

L'arborescence des fichiers

Voici une structure de dossiers typique d'un site web :

/ (racine)
├── index.html
├── images/
│   ├── logo.png
│   └── photo.jpg
├── css/
│   └── style.css
└── pages/
    ├── contact.html
    └── apropos/
        └── equipe.html

À faire vous-même 1

En utilisant l'arborescence ci-dessus, donnez :

a) Le chemin absolu du fichier style.css :

b) Le chemin absolu du fichier equipe.html :

c) Le chemin absolu du fichier photo.jpg :

Chemins relatifs

Un chemin relatif part du dossier où se trouve le fichier actuel. Rappel :

./ ou rien : dossier courant
../ : remonter d'un niveau
../../ : remonter de deux niveaux

À faire vous-même 2

Vous êtes dans le fichier contact.html (situé dans /pages/).

a) Donnez le chemin relatif pour accéder à style.css :

b) Donnez le chemin relatif pour accéder à logo.png :

c) Donnez le chemin relatif pour accéder à equipe.html :

À faire vous-même 3

Vous êtes maintenant dans le fichier equipe.html (situé dans /pages/apropos/).

a) Donnez le chemin relatif pour accéder à index.html (à la racine) :

b) Donnez le chemin relatif pour accéder à photo.jpg :

À retenir :

Chemin absolu = commence par / (depuis la racine)
Chemin relatif = ne commence PAS par / (depuis le fichier actuel)
.. permet de remonter dans l'arborescence

Sciences numériques et technologie