Il y a moyen dans une adresse HTML de dire «à partir d'ici». On parle alors d'une adresse relative à la page ou tout simplement d'une adresse relative.Une adresse internet (aussi appelée adresse Web ou URL) est une chaîne de caractères envoyée par le fureteur au serveur pour l'obtention d'un fichier s'y trouvant.
Dans le cadre d'un site Web les fichiers visés seront généralement des pages Web (htm, html, php), des fichiers d'images (jpg, gif ou png), des feuilles de style (css), et des scripts (js), mais il n'est pas rare de devoir composer avec d'autres types de fichiers : pdf, doc, xls, mpg, mp3...
Une URL est composée de nombreuses parties :
Comme l'Internet ne sert pas uniquement à visionner des pages Web, il est nécessaire d'indiquer d'entrée de jeu quelle fonctionnalité on veut utiliser. Pour visionner des pages web, il s'agit du protocole bien connu HTTP.
L'indication du protocole sert à la fois au client (fureteur) au serveur afin de s'assurer que chacun parle le même «langage».
Vous aurez parfois l'occasion de voir les protocoles suivants :
Comme vous l'avez probablement souvent constaté, si le protocole est omis, le fureteur utilisera http:// par défaut.
Il s'agit de la seule portion obligatoire d'une adresse Web. C'est le nom du serveur que l'on veut contacter.
Le nom de domaine est également divisé en parties. En commençant par la fin :
.qc.ca est le nom de domaine de premier niveau. Ces noms sont gérés par l'organisme ICANN. Les sites n'ont qu'un choix restreint de noms de domaine de premier niveau, mais dans un avenir rapproché, les entreprises pourront «acheter» un nom complètement personnalisé comme par exemple bouteille.pepsicstj est le nom de domaine (de 2e niveau) proprement dit. Il est choisi par le propriétaire du site et géré par l'organisme InterNIC ou par le pays correspondant à l'indicatif (ACEI au Canada). On peut acheter une nom de domaine pour une vingtaine de dollars par année.tim. est un nom de sous-domaine il est choisi et géré par le propriétaire du site.Il est très rare de voir une adresse accompagnée du nom du port.
Donner un numéro de port est un peu comme choisir dans quelle oreille on parle à quelqu'un. Le serveur peut refuser d'écouter de l'oreille droite ou bien suivre une communication dans chaque oreille en même temps. À la différence qu'un serveur dispose d'une possibilité de 64 535 «oreilles».
Si le port n'est pas fournit, le fureteur utilisera par défaut le port 80 pour une connexion normale et le port 443 pour une connexion sécurisée.
Les fichiers ne sont pas toujours situés à la racine d'un site Web. Lorsqu'un site grossit, les gestionnaires peuvent décider de placer les fichiers dans des sous-dossiers.
C'est le cas pour le dossier images que l'on a utilisé à l'occasion dans le cours.
Le sous-dossier est optionnel, mais il est impératif de suivre l'arborescence afin de retrouver les fichiers que l'on désir.
On met ici le nom du fichier que l'on veut télécharger. Habituellement il s'agit d'un fichier HTML, mais rien n'empêche de mettre le nom de n'importe quel fichier qui se trouve sur le serveur.
Si le fichier ne se trouve pas sur le serveur, le serveur retournera une page avec le célèbre message d'erreur 404.
Le nom du fichier est optionnel. Si on omet de l'indiquer, le serveur retournera le fichier index.html. Si celui-ci est absent du serveur, il retrournera la liste des fichiers disponibles ou un message d'erreur (Erreur 403), selon sa configuration.
Lorqu'on demande de visionner une page Web, il y a moyen d'être si précis que l'on peut demander d'en voir une portion spécifique.
On ajoute ainsi le nom d'un point d'ancrage précédé d'un dièse, et la page défilera jusqu'à l'élément ayant le id correspondant. Si ce id ne se trouve pas dans la page, on se retrouvera au début de celle-ci.
Nous verrons en détail plus tard l'utilisation des points d'ancrage.
À partir de ce point, les informations ne concernent pas le cours de Web 1.
Le point d'interrogation indique que l'adresse contient également des données qu'une page contenant de la programmation (PHP) pourra interpréter et utiliser.
Les données sont ainsi disposées :
Ainsi, cette adresse contient 2 données distinctes : la donnée etat ayant la valeur ok ainsi que la donnée raison ayant la valeur parceque
À plusieurs occasions dans une page Web, on a besoin de pointer vers un autre fichier : ajout d'une image, lien vers une autre page, lien vers une feuille CSS, inclusion de scripts...
Dans nos pages Web, nous allons donc ajouter une portion de code qui devra «appeler» ces fichiers en donnant sa localisation.
En HTML, il est possible d'utiliser une URL comme on l'a vu précédemment (adresse absolue) pour pointer vers un autre fichier. Par contre, cette façon de faire cause divers problèmes et sera réservée à des utilisations bien précises.
Supposons que l'on a une page Web à l'adresse suivante : http://tim-cstj.ca/cours/web1/page.html
Cette page veut afficher l'image à l'adresse suivante : http://tim-cstj.ca/cours/web1/images/chat.jpg
| (adresse absolue) | http://tim-cstj.ca/web1/images/chat.jpg |
| (adresse relative au site) | /web1/images/chat.jpg |
| (adresse relative à la page) | images/chat.jpg |
Une adresse absolue commence par http:// et représente le chemin complet vers le fichier.
À la limite, on pourrait utiliser des adresses absolues partout, et ça fonctionnerait. Par contre, ça pourrait occasionner des problème lors de la maintenance.
Supposons que le site change de nom de domaine pour multimedia.cstj.qc.ca. À ce moment, les centaines d'images du site, qui ont l'adresse tim-cstj.ca, ne sont plus valides, alors que RIEN n'a changé dans le site.
On devra alors faire en sorte que tous les http://tim-cstj.ca/... soient changés pour http://multimedia.cstj.qc.ca/.... Une tâche laborieuse et risquée.
Nous devons par conséquent réserver les adresses absolues pour pointer vers d'autres site et trouver une façon plus commode pour les adresses locales...
Il y a moyen dans une adresse HTML de dire «ce site-ci». Il suffit de commencer l'adresse par une barre oblique (/). On parle alors d'une adresse relative au site.
| Si j'écris l'adresse : | /images/logo.jpg |
| Dans la page : | Ça pointe vers : |
|---|---|
| http://tim-cstj.ca/index.html | http://tim-cstj.ca/images/logo.jpg |
| http://tim-cstj.ca/style.css | http://tim-cstj.ca/images/logo.jpg |
| http://tim-cstj.ca/web1/cours04/page.html | http://tim-cstj.ca/images/logo.jpg |
| http://tim-cstj.ca/abc/def/ghi/jkl/xyz.html | http://tim-cstj.ca/images/logo.jpg |
| http://facebook.com/page.html | http://facebook.com/images/logo.jpg |
| http://twitter.com/tweets/page.html | http://twitter.com/images/logo.jpg |
Il y a moyen dans une adresse HTML de dire «à partir d'ici». On parle alors d'une adresse relative à la page ou tout simplement d'une adresse relative.
| Dans la page : | http://tim-cstj.ca/cours/web1/cours04/page.html |
| Si j'écris | Ça veut dire |
|---|---|
| exercice.html | http://tim-cstj.ca/cours/web1/cours04/exercice.html |
| images/chat.jpg | http://tim-cstj.ca/cours/web1/cours04/images/chat.jpg |
| ../logo.jpg | http://tim-cstj.ca/cours/web1/logo.jpg |
| ../../prog2/prof.jpg | http://tim-cstj.ca/prog2/prof.jpg |
http://»/»../. On ne nomme jamais le dossier duquel on sort.