Avant de se lancer dans la réalisation du code html, ou dans l’habillage graphique de votre site, il convient de réfléchir et définir le contenu, l’architecture, et la forme générale de votre site… Pour cela rien ne vaut une page blanche et un stylo pour esquisser une première maquette de votre site.
Le contenu
C’est certainement le point le plus important, il ne faut surtout pas le négliger car c’est celui qui donnera envie à vos visiteurs de revenir sur votre site Web.
- Maîtriser le sujet que l’on va aborder
- Dégagez les principales rubriques
- Préparez vos textes (paragraphes, orthographe…)
L’architecture
Sous peine de courir très vite à la catastrophe et, de perdre un temps précieux pour l’avenir, dégagez au plus tôt une architecture (arborescence) de votre site.
- Préparez une arborescence de votre site
- Spécifiez les liens vers vos différentes pages
- Votre site doit être modulable (pour accueillir de nouvelles rubriques)
Note : Votre première page (page d’accueil, home page, …) doit se nommer index.htm ou index.html. Il est de plus préférable que les noms de vos pages ne dépassent pas 8 caractères.
La forme
Afin de faciliter plus tard la création du code avec un éditeur html, n’hésitez pas à griffonner une première esquisse de vos pages, ceci également dans le but d’affecter aux éléments des côtes en pixels pour une mise en page soignée.
- Dessinez un premier croquis graphique de votre page d’accueil
- Spécifiez les côtes en pixels
Note : Pour que votre site soit correctement visible dans une résolution de 800 x 600, basez vous sur une largeur de 771 pixels maximum. En ce qui concerne la hauteur, la taille maximale préconisée est 1200 pixels.