Formation I.S.N.

Mini-projet : Reconstruire des liens

En cliquant sur ce lien, on télécharge le répertoire compressé Site_portables.zip.

Décompresser ce dossier dans [Mes Documents].

Ce répertoire contient un site internet «à l'ancienne», où les éléments sont disposés à l'aide de tableaux plutôt qu'avec un fichier .css. Il ne faut surtout pas prendre ce type de disposition en exemple, elle a été choisie pour éviter de faire appel à une feuille de style Css.

Naviguer dans un site internet


Après plusieurs modifications d'emplacements de fichiers, la plupart des liens hypertext ne fonctionnent plus.

L'image ci-contre présente l'arborescence finale du site.

Le travail à rendre est ce site web dans lequel tous les liens hypertext seront valides et toutes les images s'afficheront correctement.

Cahier des charges

  • Avec un navigateur internet, ouvrir accueil_portables.html : aucune des images de téléphones portables ne s'affiche. Ouvrir ce fichier avec un éditeur de texte (Notepad++ par exemple) puis réparer les liens relatifs de chaque image.
  • Ouvrir à nouveau accueil_portables.html avec un navigateur internet. Le clic sur chaque image conduit à des fichiers introuvables. Réparer les identifiants nécessaires dans le fichier descriptif_portables.html.
  • Enfin, réparer tous les autres liens «cassés» du fichier descriptif_portables.html.
  • Une fois le travail terminé, rendre le dossier sous le nom
    [Site_portables-Prenom_des_eleves_du_groupe]

Critères de notation

Dans accueil_portables.html, les images s'affichent /2
Dans accueil_portables.html, les liens vers le paragraphe correspondant dans descriptif_portables.html sont valides /4
Dans descriptif_portables.html, les images s'affichent /2
Dans descriptif_portables.html, les liens vers accueil_portables.html sont valides /2