WEBVTT

00:00:01.110 --> 00:00:05.130
On se retrouve pour une autre vidéo 
de questions-réponses ! Cette fois-ci,

00:00:05.130 --> 00:00:09.120
nous allons parler de quelque chose que 
vous avez peut-être remarqué en suivant

00:00:09.120 --> 00:00:14.700
cette formation. C’est le fait que nos fichiers 
HTML sont différents des liens d’un site Web qui

00:00:14.700 --> 00:00:20.550
commence par « https ». Qu’est-ce que cela 
signifie ? Si vous reprenez notre exemple,

00:00:20.550 --> 00:00:24.180
vous avez également remarqué que nous avons 
une balise d’ancrage qui fait référence

00:00:24.180 --> 00:00:30.900
à « nvlpage.html ». Cette balise ne comporte 
aucune mention comme « file » ou « https ».

00:00:34.330 --> 00:00:38.770
Vous avez également vu que les images font 
référence à une sorte de site Web qui renvoie

00:00:38.770 --> 00:00:44.740
à une image. Alors quelle est la différence ici 
? La première différence est que le navigateur

00:00:44.740 --> 00:00:49.820
utilise le protocole de fichier « file ». 
Cela signifie que nous ne pouvons pas vraiment

00:00:49.820 --> 00:00:54.620
accéder à cette page Web en dehors de notre 
ordinateur. La deuxième différence est qu’il

00:00:54.620 --> 00:00:59.590
utilise ce que l’on appelle un chemin relatif.
Si nous allons dans notre « index.html », nous

00:01:01.680 --> 00:01:06.900
demandons un lien vers « nvlpage.html » par 
rapport à l’endroit où se trouve « index.html

00:01:06.900 --> 00:01:14.250
» sur notre ordinateur. Donc, si nous allons sur 
notre bureau, vous verrez que « index.html » se

00:01:14.250 --> 00:01:18.390
trouve dans le même répertoire que 
« nvlpage.html », qui est le bureau.

00:01:20.050 --> 00:01:24.940
Nous pouvons donc spécifier le chemin de notre 
fichier dans le href. Si nous créons un nouveau

00:01:24.940 --> 00:01:30.040
dossier sur notre bureau, par exemple, « test 
», nous devrons le référencer de cette façon.

00:01:30.930 --> 00:01:37.200
Vérifions cela, si l’on enregistre et que 
l’on actualise la page puis que nous cliquons

00:01:37.200 --> 00:01:44.020
sur « Nouvelle Page », le site nous dira qu’il 
est impossible d’accéder à notre fichier. Ici,

00:01:44.020 --> 00:01:50.400
le navigateur nous donne même un indice « Il a 
peut-être été déplacé, modifié ou supprimé. ».

00:01:50.400 --> 00:01:54.780
Maintenant, si nous allons sur notre bureau 
et que nous créons le dossier « test »,

00:02:00.450 --> 00:02:05.070
que l’on déplace le fichier nvlpage.html 
dans le dossier « test », et que l’on

00:02:05.070 --> 00:02:11.000
clique sur « nouvelle page ». 
Voilà, maintenant ça refonctionne.

00:02:12.350 --> 00:02:14.510
Vous pouvez voir ici que nous y accédons par «

00:02:17.620 --> 00:02:23.120
Desktop/test/nvlpage.html ». C’est ce qu’on 
appelle un chemin relatif. C’est relatif à

00:02:23.120 --> 00:02:28.270
l’endroit où se trouve la page « index.html 
». En d’autres termes, l’accès à notre fichier

00:02:28.270 --> 00:02:35.310
dépend de l’emplacement de notre index.html.
Nous disons donc à notre « index.html », « je veux

00:02:35.310 --> 00:02:40.560
accéder à ma nouvelle page depuis le dossier test, 
et non depuis ton emplacement qui est le bureau ».

00:02:41.420 --> 00:02:45.830
Maintenant, si vous regardez les images, vous 
verrez que nous avons quelque chose de différent.

00:02:45.830 --> 00:02:50.810
Nous accédons à l’image par « https », ce que 
nous verrons plus tard dans les vidéos quand

00:02:50.810 --> 00:02:56.310
nous parlerons des serveurs, mais c’est ainsi que 
nous accédons aux fichiers sur Internet. Si nous

00:02:56.310 --> 00:03:00.030
voulions que cette balise d’ancrage, cette 
« Nouvelle page », renvoie à quelque chose

00:03:00.030 --> 00:03:06.410
comme ce GIF. Et bien ! Nous pouvons copier ce 
lien et le coller en entier dans notre href.

00:03:10.520 --> 00:03:15.350
Et voilà, c’est un lien absolu ! Peu importe 
où nous le référençons, si nous le mettons

00:03:15.350 --> 00:03:20.990
dans « nvlpage.html », ou « index.html », ce 
lien nous mènera à ce GIF quoi qu’il arrive.

00:03:22.040 --> 00:03:24.680
Alors, testons cela ! Sauvegardons ceci.

00:03:26.750 --> 00:03:32.300
Nous rafraichissons. Nous cliquons sur « 
Nouvelle Page » et voilà ! Nous avons le GIF !

00:03:32.300 --> 00:03:36.570
Nous espérons que cela vous 
aidera à y voir plus clair !

00:03:36.570 --> 00:03:41.130
Nous aborderons les notions de HTTP et HTTPS 
plus tard dans les prochaines sections.

00:03:41.130 --> 00:03:46.020
Mais pour l’instant, gardez à l’esprit qu’il 
existe un chemin absolu et un chemin relatif.

00:03:46.020 --> 00:03:49.020
À tout de suite dans la prochaine vidéo.