Création de projet

Structure de projet web

Les projets web sont simplement un ensemble de différents fichiers que le navigateur peut lire et exécuter. De ce fait, les projets web sont simplement un dossier dans lequel on mettra des fichiers. Ceci étant dit, les projets web peuvent parfois contenir plusieurs centaines de fichiers. Il faut donc bien les organiser dans une structure de fichier.

Les structures de projets web peuvent grandement différer dépendant des technologies utilisées. Dans le cadre de ce cours, puisque nous verrons seulement le web client de base, nous utiliserons une structure de projet très simple. Vous devrez utiliser cette structure pour tous vos projets dans ce cours cette session.

La structure que nous utiliserons ressemblera à ceci:

assets
- logo.png
css
- styles.css
js
- main.js
index.html
autre-fichier.html

Attention:

Lorsque vous reproduirez cette structure de fichier avec votre éditeur de code, vous pouvez bien entendu omettre les fichier que vous n'utilisez pas pour le moment, tel que les fichier CSS, JS et images. Les dossiers doivent toutefois être bien présent dans votre structure de projet pour nos utilisations futures.

index.html

Le fichier index.html est l'un des plus important de votre site web. Il représente toujours la page d'acceuil du site web. Chaque site web doit donc toujours avoir un fichier nommé par ce nom. Assurez-vous de bien écrire le nom, tout en minuscule, sans faute. Autrement, vous allez avoir quelques problèmes plus tard.

Lorsque vous voudrez créer d'autres pages, vous pourrez simplement créer des fichiers HTML avec des noms différents à la racine (dans le dossier principal) du projet.

<< Page précédente Page suivante >>