<?xml version="1.0" encoding="UTF-8"?>

<upm-export>
	<title>Enseignement de l&#039;informatique et du numérique au lycée Boissy d&#039;Anglas</title>
	<link>https://icn-isn-boissy.yj.fr/wp</link>
	<description></description>
	<pubDate>Wed May 6 11:57:07 2026 / +0000  GMT</pubDate>
	<generator>Universal Post Manager 1.1.2 [ www.ProfProjects.com ] </generator>
	<language></language>
	
			<item>
			<title>URL</title>
			<link>https://icn-isn-boissy.yj.fr/wp/?page_id=1345</link>
			<pubDate>Wed May 6 11:57:07 2026 / +0000  GMT</pubDate>
			<guid isPermaLink="false">https://icn-isn-boissy.yj.fr/wp/?page_id=1345</guid>
			<content-encoded><![CDATA[<!-- wp:paragraph -->
<p>Dans la barre d'adresse de votre navigateur web vous trouverez, 
quand vous visitez un site, des choses du genre : 
"http://www.ac-grenoble.fr/disciplines/informatiquelycee/index.html". 
Nous aurons l'occasion de reparler du "http" et du "www.ac-grenoble.fr" 
plus tard. La partie "/disciplines/informatiquelycee/index.html" 
s'appelle une URL.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Une URL (Uniform Resource Locator) permet d'identifier une ressource (par exemple un fichier) sur un réseau.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>L'URL indique «&nbsp;l'endroit&nbsp;» où se trouve une ressource sur un 
ordinateur. Un fichier peut se trouver dans un dossier qui peut lui-même
 se trouver dans un autre dossier...
				On parle d'une structure en arborescence, car elle ressemble à un 
arbre à l'envers&nbsp;:</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":2899,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2020/09/Capture.png" alt="" class="wp-image-2899"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>
				structure en arborescence
			
			</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Comme vous pouvez le constater, la base de l'arbre s'appelle la racine de l'arborescence et se représente par un /</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Chemin absolu ou chemin relatif&nbsp;?</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pour indiquer la position d'un fichier (ou d'un dossier) dans l'arborescence, il existe 2 méthodes&nbsp;:
				indiquer un chemin absolu ou indiquer un chemin relatif. Le chemin absolu doit indiquer «&nbsp;le chemin&nbsp;» depuis la racine.
				Par exemple l'URL du fichier fichier3.jpg sera&nbsp;: /dossier2/dossier3/fichier3.jpg</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Remarquez que nous démarrons bien de la racine / (attention les symboles de séparation sont aussi des /)</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Imaginons maintenant que le fichier fichier1.css fasse appel au fichier fichier3.jpg (comme un fichier HTML peut
				faire appel à un fichier CSS). Il est possible d'indiquer le chemin non pas depuis la racine,
				mais depuis le dossier (dossier2) qui accueille le fichier1.css, nous parlerons alors de chemin relatif  :</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p> dossier3/fichier3.jpg</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Remarquez l'absence du / au début du chemin (c'est cela qui nous permettra de distinguer un chemin relatif et un chemin absolu).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Imaginons maintenant que nous désirions indiquer le chemin relatif
 du fichier fichier1.css depuis l'intérieur du dossier dossier4.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Comment faire&nbsp;?</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Il faut «&nbsp;remonter&nbsp;» d'un «&nbsp;niveau&nbsp;» dans l'arborescence pour se retrouver dans le dossier dossier2 et ainsi
				pouvoir repartir vers la bonne «&nbsp;branche&nbsp;». Pour ce faire il faut utiliser 2 points&nbsp;: ..</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>../dossier2/fichier1.css</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Il est tout à fait possible de remonter de plusieurs «&nbsp;crans&nbsp;»&nbsp;: 
../../ depuis le dossier dossier4 permet de «&nbsp;retourner&nbsp;» à la racine.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Notez sur votre compte-rendu la différence entre chemin absolu et chemin relatif</strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">À faire vous-même </h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Soit la structure en arborescence suivante:</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":2899,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2020/09/Capture.png" alt="" class="wp-image-2899"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p> Le contenu du fichier "fichier6.html" utilise le fichier  "fichier3.jpeg". </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Donnez le chemin relatif</strong> qui devra être renseigner dans  le fichier "<strong>fichier6.htm</strong>l" afin d'atteindre le fichier "<strong>fichier3.jpeg</strong>". </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p> <strong>Donnez le chemin absolu </strong>permettant d'atteindre le fichier "fichier7.odp". </p>
<!-- /wp:paragraph -->

<!-- wp:separator {"opacity":"css"} -->
<hr class="wp-block-separator has-css-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>Remarque&nbsp;: la façon d'écrire les chemins (avec des slash (/) comme
 séparateurs) est propre aux systèmes dits «&nbsp;UNIX&nbsp;»,
				par exemple GNU/Linux ou encore Mac OS. Sous Windows, ce n'est pas 
le slash qui est utilisé,
				mais l'antislash (). Pour ce qui nous concerne ici, les chemins 
réseau (et donc le web), pas de problème, c'est le slash qui est 
utilisé. </p>
<!-- /wp:paragraph -->

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><!-- wp:separator {"opacity":"css"} -->
<hr class="wp-block-separator has-css-opacity"/>
<!-- /wp:separator -->

<!-- wp:separator {"opacity":"css"} -->
<hr class="wp-block-separator has-css-opacity"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->]]></content-encoded>
			<excerpt-encoded><![CDATA[]]></excerpt-encoded>
			<wp-post_id>1345</wp-post_id>
			<wp-post_date>2019-06-06 13:07:39</wp-post_date>
			<wp-post_date_gmt>2019-06-06 11:07:39</wp-post_date_gmt>
				</item>
</upm-export>
