Outils pour utilisateurs

Outils du site


cours2011:outils_et_methodes_de_gestion_de_l_information:adresse_ressource_structure

Adresse / Ressource / Structure

URL : Uniform Resource Locator

Adresse

Pas compliqué, non ?

Rappel : Si un sujet vous échappe, le mieux est de partir d'une référence connue : Wikipédia est sans doute assez fiable pour tout ce qui touche au domaine de l'informatique et internet.
Et en plus, c'est livré d'origine :

Interpréter un lien

Un lien est composé de plusieurs paramètres :

  • Le texte affiché :
    • Fan de cinéma : SRC movie quizz - saison 6 est lancé !
  • Un éventuel message d'information (title):
    • Lien permanent vers Fan de cinéma : SRC movie quizz - saison 6 est lancé !
  • Une éventuelle qualification de la relation avec la cible du lien (rel):
    • bookmark
  • Et surtout vers quoi pointe le lien (href) :
    • http://src.pu-pm.univ-fcomte.fr/blog/index.php/2008/09/19/fan-de-cinema-src-movie-quizz-saison-6-est-lance/
<a  title="Lien permanent vers Fan de cinéma : SRC movie quizz - saison 6 est lancé !" 
    rel="bookmark"
        href="http://src.pu-pm.univ-fcomte.fr/blog/index.php/2008/09/19/fan-de-cinema-src-movie-quizz-saison-6-est-lance/"
    >
    Fan de cinéma : SRC movie quizz - saison 6 est lancé !
</a>

Pour plus d'information :

Sur feuille, interpréter l'adresse :
http://src.pu-pm.univ-fcomte.fr/blog/index.php/2008/09/19/fan-de-cinema-src-movie-quizz-saison-6-est-lance/
Pour cela, bien lire : l'interprétation d'une URL absolue.

Conclusion : le plus important dans un lien est en bas à gauche de la fenêtre du navigateur.

Fragment et Ancre

À la fin des URL on peut trouver le caractère # suivit de que l'on appelle le l'identifiant de fragment.

Plus simplement, c'est ce qui permet de désigner un endroit particulier d'une ressource (e.g. page WEB).

Un exemple : La table des matières en haut à droite de cette page.

Le "phishing"

Je vous ai dit que le plus important pour un lien est l'adresse vers laquelle il pointe. Le navigateur l'affiche en bas à gauche.

Par exemple ce lien.

Le ”phishing” (ou hameçonnage) consiste à usurper l'identité d'un site par le biais d'un lien ou d'une adresse “maquillé”.

Des URL pour tout

Le code HTML de la page contient essentiellement le texte et sa structure.

Tout le reste est chargé séparément par le biais d'URL. La commande Outils / Informations sur la page de Firefox permet de visualiser cela :

Ressource

Hiérarchie

Tester et interpréter les adresses suivantes :
  1. http://src-media.com/departement
  2. http://src-media.com/
  3. http://src-media.com/news/tags-article/gobelins
  4. http://src-media.com/news
  5. http://src-media.com/news#node-1116

  • Maintenant vous savez que les URL ont un sens (si possible).
  • Et c'est important pour les moteurs de recherche (SEO)

Paramètres

Une ressource peut prendre des paramètres : http://www.google.fr/search?q=kill+the+young
Essayer de changer le texte de la fin de l'URL : http://www.google.fr/search?q=ce que vous voulez

Cette partie de l'adresse est appeléequery string.

Nature

Il faut comprendre que sur le WEB, une ressource peut être de n'importe quelle nature :

C'est le navigateur qui interprète les données reçues, le serveur lui indique leurs natures par le biais du type MIME.

Exemple d'usage d'ancres dans un lien

index.html

<!DOCTYPE HTML>
<html lang="fr-FR">
<head>
  <meta charset="UTF-8">
  <title>Accueil</title>
</head>
<body>
  <h1>Accueil</h1>
  <p>Lorem ipsum dolor sit amet, <a href="glossaire.html#mot_1">mot un</a> consectetur adipisicing elit,
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
     <a href="glossaire.html#mot_2">mot deux</a> exercitation ullamco laboris nisi ut aliquip ex ea commodo 
     consequat. Duis aute irure dolor in reprehenderit in <a href="glossaire.html#mot_3">mot trois</a> 
     voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, 
     sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>

glossaire.html

<!DOCTYPE HTML>
<html lang="fr-FR">
<head>
  <meta charset="UTF-8">
  <title>Glossaire</title>
</head>
<body>
  <h1>Glossaire</h1>
  <p><a href="index.html">Retour accueil</a></p>
  <dl>
    <dt id="mot_1">mot un</dt>
    <dl>Lorem ipsum dolor sit amet, consectetur adipisicing elit</dl>
    <dt id="mot_2">mot deux</dt>
    <dl>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</dl>
    <dt id="mot_3">mot trois</dt>
    <dl>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</dl>
  </dl>
</body>
</html>
cours2011/outils_et_methodes_de_gestion_de_l_information/adresse_ressource_structure.txt · Dernière modification: 2011/11/07 23:00 (modification externe)