ORGANISATION DU SITE

Lorsque l'on débute un site, il se constitue généralement de peu de pages, peu d'images et on ne prête pas tellement attention à la façon de ranger tout ça. Seulement voilà, petit à petit le site grandit, les images se multiplient et ça devient un gros foutoir lol !

Ça ne pose pas de problème quand on utilise un éditeur html puisqu'il suffit d'aller chercher les images, il définit lui-même les url. En revanche, ça devient coriace si vous utilisez le bloc notes parce que là, c'est vous qui définissez les url ! C'est donc important de bien organiser son site, c'est un gros gain de temps.

Tout d'abord, créez un nouveau répertoire (dossier) et nommez-le comme vous voulez, le nom de votre site, par exemple. Celui-ci contiendra des sous-répertoires avec vos images, votre feuille de style et vos pages html.

Nommez-bien vos images, vos pages afin de les retrouver facilement. Je vous conseille de tout mettre en minuscules, avec des "_" éventuellement mais pas d'autres ponctuations !

Personnellement, je mets un "_" juste avant le nom de ma feuille de style pour qu'elle soit facilement repérable, sinon elle se placera au milieu des pages html dans l'ordre alphabétique (notez que ce n'est pas très important !!!).

En gros, voilà ce que ça peut donner :

Mon site (répertoire principal, la racine)
  • design (ce répertoire peut contenir les images de votre design)
    - fond.gif
    - effigie.gif
  • papiers (par exemple : vos papiers à lettres...)
    - papier01.jpg
    - papier02.jpg
  • _menu.css (votre feuille de style)
  • menu.htm
  • papiers.htm

Si je veux placer le papier02.jpg sur ma page papiers.htm, l'url sera tout simplement papiers/papier02.jpg mais ça, je vous l'explique ailleurs :)