Vous avez uploadé votre site web sur votre serveur. Mais voilà, tout ne marche pas comme prévu...

Cette astuce vous expliquera les bugs les plus fréquents que vous pouvez commettre...

1. Messages du serveur

• Quand vous cliquez sur un de vos liens, vous recevez un message du serveur qui vous dit que la page demandée n'existe pas sur le serveur... C'est ce qu'on appelle une erreur 404.
  
  Vérifiez que vous avec bien téléchargé la page avec votre logiciel FTP.
  
  Vérifiez que les fichiers sont tous en minuscules sur le site. En effet, les logiciels de serveur web sont "case sensitive", c'est a dire sensible aux majuscules et minuscules. Le serveur comprend deux choses différentes qu'on lui demande:
  

  <a href="index.html">

  ou qu'on lui demande:

  <a href="INDEX.HTML">

  
  même si Windows lui n'y voit que du feu...
  
  
• Vous renvoyez vers un autre site, et pourtant c'est votre serveur qui vous dit que l'adresse ne fonctionne pas... vérifiez que vous avec bien écrit:
  

  <A HREF="http://www.autresite.com">

  
  et non
  

  <A HREF="www.autresite.com">

  
  auquel cas ce lien sera considéré comme un lien relatif (voir plus bas)

2. Messages du navigateur

Si c'est votre navigateur qui vous indique que la page recherchée n'existe pas, c'est qu'il ne l'a pas cherchée sur le serveur... sinon il y aurait un message du serveur.
Votre navigateur a donc cherché la page sur votre disque dur et non sur le web... bienvenue au pays merveilleux des liens relatifs et absolus.


• Un lien absolu, késako ?
  
  Souvent généré par les éditeurs HTML, les liens absolus pointent vers un fichiers, en indiquant sa place exacte. Exemple:
  Votre site est stocké chez vous dans le répertoire C:\web\mon_site. Ainsi, votre fichier index.htm renvoie vers un autre nommé gallerie.htm, qui est dans le même répertoire. Votre éditeur a enregistré le lien:
  

  <A HREF="file:///c:/web/mon_site/gallerie.htm">

  
  Ce code ne veut strictement rien dire pour la consultation on-line, chaque utilisateur devrait avoir sur son disque dur le fichier nécessaire...
  
  
• les lien relatifs
  
  Pour que votre site web soit consultable on-line les liens qu'il contient doivent être relatifs, c'est à dire qu'ils pointent vers un fichier en fonction de l'emplacement du fichier source. Explication:
  
  Dans notre exemple, le lien doit être:
  

  <A HREF="gallerie.htm">

  
  La commande est aussi simple car le fichier gallerie.htm est dans le même répertoire que le fichier source, c'est à dire index.html.
  
  Si le fichier source est dans un autre répertoire, il faut indiquer le chemin du repertoire.
  
  Exemples.
  
  • Le fichier source est à la racine, c'est par exemple: htp://www.monsite.com/index.html. Il appelle http://www.monsite.com/images/microapp.jpg, donc un fichier dans le repértoire images, lequel repertoire est contenu dans la racine. Le lien sera :
    

    <A HREF="/modules/astuces/images/microapp.jpg">

    
    Le fichier source étant à l'adresse http://www.monsite.com/, le navigateur va ajouter au bout de cette adresse le lien relatif qui lui est donné, et de :

    <A HREF="/modules/astuces/images/microapp.jpg">

    
    il va ajouter l'adresse d'origine et va aller chercher:
    

    <A HREF="http://www.monsite.com//modules/astuces/images/microapp.jpg">

    
    
    
  • Nous savons aller dans un répertoire plus bas dans l'arborescence... mais comment remonte-t-on ?
    
    Reprenons le même exemple, nous sommes sur la page: http://www.monsite.com/news/index.html, et nous voulons retourner à la page d'accueil, soit http://www.monsite.com/index.html.
    
    Il faut pour cela retourner aux bases de la navigation dans les arborescences, à l'époque où Windows n'existait pas et qu'on tapait les lignes de commande à la main...
    
    

  Tous les repertoires de tous les ordinateurs de la planète contiennent au minimum deux repértoires: [.] et [..]. Ce sont des répertoires de navigation. Le répertoire [.] est une porte vers... le même repértoire que celui qui le contient. SI vous le visualisez sur un quelconque explorateur, en l'ouvrant vous retombez toujours au même point... Le répertoire [..] est beaucoup plus intéressant car il renvoie au répertoire précédent dans l'arborescence, ou répertoire parent pour les utilisateurs de Windows . Donc Ouvir C:\. ammène à C:\. Ouvrir C:\jeux ammène à C:\jeux Ouvrir C:\jeux\. ammène à C:\jeux Ouvrir C:\jeux\.. ammène à C:\.

  
  
  POur remonter dans l'arborescence de votre site, il faut donc inclure [..] dans votre ligne de commande. Sur la page http://www.monsite.com/news/index.html, vous indiquerez le lien:

  <A HREF="../index.html">

  
  Ce qui sera interprété par le navigateur comme:

  <A HREF="http://www.monsite.com/news/../index.html">

  
  donc comme

  <A HREF="http://www.monsite.com/index.html">

  
  
  
  Nous venons de faire un retour aux sources à plus d'un titre !
  
  Nota Bene: Il y a un moyen de savoir, avant le téléchargement, si vous risquez de rencontrer ce problème. Il suffit pour cela de déplacer l'intégralité de votre répertoire contenant votre site vers un autre répertoire, et de le tester. Vous pouvez aussi renommer le répertoire du site, tout cela aura pour effet de dérouter le navigateur si vos liens sont absolus.
  
  Un service offert par