Ressources et liens

Alexandre Niveau
GREYC - Université de Caen
Adapté du cours d’Hervé Le Crosnier et Jean-Marc Lecarpentier

La "page web"

  • Une métaphore, à l'image de la "page de publicité" en radio
  • Ce qui est obtenu en une fois par un appel à un serveur web
  • Chaque page est reliée à d'autres pages :
    • Par des liens hypertexte
      (élément <a href="URL">)
    • Par des liens organisationnels
      (élément <link rel="..." href="URL">)

Page = document composite

  • Appel d'objets numériques à l'intérieur de la page
    • images
    • vidéos
    • animations
  • Appel d'outils externes
    • feuilles de style
    • scripts
  • Intégration de services distants
    • web services
    • météo, ....
    • cartes
    • flux RSS

Ressource

  • Sur le réseau internet, on appelle Resource (Ressource en français)
  • chacun des éléments qui vont être utilisé pour créer la page composite
  • Tout comme la page elle-même
  • Et par extension, tout ce qui dispose d'une description sur le web :
    • Personne (adresse mail)
    • Logiciel (player flash, éditeur de texte,...)

Schéma de désignation

  • Il s'agit de désigner chaque ressource
  • de manière uniforme
  • pour accéder à une représentation réelle de la ressource
  • URL :
    • Uniform
    • Resource
    • Locator

Identifiant

  • Désigne un document (ou un élément à l'intérieur d'un document) unique
  • URI : schéma général pour désigner une ressource
  • URL : représentation d'un URI pour accéder à une ressource (i.e. sa localisation physique)
  • URN : identifiant pour un nommage permanent (que l'on doit résoudre pour trouver un URL sur un site qui va délivrer la ressource)

Syntaxe des URI

  • <schema> : <partie-spécifique>
  • http://www.ietf.org/rfc/rfc2396.txt
  • mailto:hreve@info.unicaen.fr
  • file:///home/herve/public_html/ens0809/index.html
Note : // désigne un schéma hiérarchique

Les fragments

  • Aller à une position particulière dans une page web (utile si la page est longue....)
  • repérer le fragment :
    <section id="toto"> </section>
  • désigner le fragment :
    page.html#toto

URL relatif

  • Dans un système hiérarchique, on peut désigner un objet par rapport au fichier appelant
  • <link rel="stylesheet" 
           href="../maquillage/css/ecran.css" />
    
  • ../ signifie "aller dans le dossier parent "
  • Le navigateur calcule toujours l'URL absolu correspondant
  • Avantage des URL relatifs :
    • On peut déplacer un ensemble de ressources
    • Gain sur la taille du fichier

Fichier d'index

  • Quand un URL désigne un répertoire
    (http://monsite.com/catalogue/)
  • Le serveur apache cherche la présence d'un fichier d'index : index.html ou index.php
  • et l'affiche
  • S'il n'en trouve pas, il liste les contenus du répertoire
  • Toujours mettre un fichier d'index dans un répertoire (y compris un simple fichier vide)