Sommaire

Dossiers et chemins vers les fichiers

Un site web complet nécessite la présence de différents types de fichiers à manipuler. Une liste non exhaustive donnerait les types suivants :

  • HTML

  • CSS

  • JavaScript

  • image

  • vidéo

  • audio

Selon la complexité du site qui doit être créé, il sera possible d’avoir une très grande quantité de fichiers. Le plus simple pour s’y retrouver est au minimum de créer un dossier par type de fichier. Même si dans certains cas il est possible de n’avoir qu’un seul fichier CSS, ce serait une bonne idée qu’il soit dans un dossier qui lui est propre, qui pourra être nommé simplement « css ».

Voyons comment les fichiers communiquent entre eux, pour mieux comprendre comment organiser les dossiers.

Si une instruction CSS a besoin d’une image pour décorer le fond de la page, il faut écrire dans le fichier CSS le nom de l’image nécessaire, par exemple « fond_bleu.jpg » :

body { 
    background-image:url("fond_bleu.jpg"); 
}

L’instruction CSS background-image va utiliser une URL, c’est-à-dire une chaîne de caractères, qui indique où se trouve la ressource nécessaire, dans notre cas le fichier fond_bleu.jpg. background-image

Si le fichier image se trouve dans le même dossier que le fichier CSS, il suffit, comme dans l’exemple précédent, d’écrire ...