Comment organiser son site ?
1.Les répertoires et les pages
2.La page minimale
3.Utilisation des tableaux
1. Les répertoires et les pages
Les sites internet sont composés de différentes pages, d’images, de logos... qui deviennent vite nombreux. Il est donc nécessaire de les organiser au sein du répertoire racine pour permettre des mises à jour et un suivi des sites simplifiés.
Les répertoires suivent l’arborescence suivante :
- Répertoire racine
- images
- présentation
- equipe.jpg
- ...
- agenda
- ...
- pages
- présentation
- equipe.html
- rejoignez-nous.html
- agenda
- ...
- index.html
Il est donc conseillé de bien organiser son site en créant un répertoire image dans lequel vous créerez des sous-répertoires pour chacune de vos rubriques. Puis, vous rangerez vos fichiers dans les répertoires appropriés.
Conseils :
ne jamais utiliser de lettres accentuées dans les noms de fichiers, de répertoires et d’images (tous doivent être écrits en minuscules, sans accents, sans espaces ...) sinon vous risquez de créer de nombreux liens brisés et ça ne plaît pas aux internautes, en général.
vérifier que les images ne comportent pas non plus d’accent dans leur nom.
lorsque le site est composé de nombreuses pages, il est judicieux de les regrouper en sous-répertoires.
(ex : sous rep /action_afrique ou /images/portes_ouvertes)
utiliser des noms évocateurs.
(ex : contact.html pour les coordonnées de l’asso et equipe.jpg pour la photo de votre équipe et non : 1.jpg, 2.jpg ...)
ne pas utiliser de noms trop longs pour les pages et répertoires.
La première page de votre site sera toujours la page index.html. Celle-ci sera "rangée" directement à la racine de votre site.
Les pages doivent suivre un minimum de règles pour assurer une cohérence interne au site de l’association. Il faut définir une charte graphique au niveau du site et la respecter au fil des pages.
En particulier :
trouver une couleur et/ou une image de fond pour les pages.
trouver une police de caractères et une couleur de texte LISIBLE sur la couleur de fond.
choisir des polices/couleurs pour les liens.
titrer chaque page.
titrer les images quand c’est nécessaire : on met le nom d’une photo, on ne met pas de nom pour une puce.
Les feuilles de style forment un outil puissant de création de charte graphique.
Sous Dreamweaver, la plupart de ces propriétés (pour les couleurs et titre) sont configurables dans la section :
"modifier => propriétés de la page" (raccourci : ctrl+J)
Pourquoi ? Tout simplement parce qu’ils facilitent le travail.
Les Avantages ?
un tableau permet de définir des zones :
titre en haut de page, texte,...
un tableau facilite l’alignement, notamment en plaçant une photo dans une case et le texte dans la case adjacente.
Et ne jamais faire de sites en une seule page !