Toujours muni de votre feuille de papier et de votre crayon, il vous faut désormais concevoir l’architecture technique de votre site, c’est-à-dire lister les différentes pages qui contiendront les informations que vous souhaitez publier (généralement, une page par rubrique).

Modélisez chaque page par un carré, qui contiendra les informations suivantes :

• le nom de la page (titre de la page)
• le nom du fichier HTML qui contiendra la page Web. Notez que votre page d’accueil devra porter "index.htm" comme nom de fichier, pour s’ouvrir automatiquement lorsque l’internaute tapera l’adresse de votre site Web.
• une description du contenu (intitulé de la rubrique)

Dès lors, il vous faut aussi indiquer les liens qui relient les pages entre elles. Modélisez ces liens sous forme de flèches, qui peuvent être bidirectionnelles en cas de liens dans les deux sens.

Exemple :

Dessiner l'architecture du site

Dessinez ensuite l’architecture de votre site (structure de fichiers), autrement dit organisez vos différents fichiers de façon à éviter les erreurs lors de la réalisation du site.

Pour cela, triez les fichiers dans des répertoires spécifiques que vous allez créer en local, sur votre machine.

Vous pourriez prendre comme exemple ce type de structure :

• www (répertoire racine du site Web)
• medias (répertoire où vous rangerez les fichiers graphiques, animations et autres)
• interface (répertoire où vous rangerez les fichiers qui constitueront l’interface graphique de votre site Web)
• temporaire (répertoire où vous stockerez tous les fichiers originaux, qui seront travaillés ultérieurement pour la version Web, ce que l’on pourrait appeler la "matière de base"). Il est recommandé de toujours conserver ce répertoire en local (inutile de l’héberger sur le Web) pour pouvoir à tout moment modifier ou retravailler un texte, une image…