Conseils de mise en page
Quelques règles de mise en page :
 Pour rendre votre site plus agréable à lire, surtout s'il y a des pages
avec de grands paragraphes, vous devez respecter certaines règles.
- Briser les grands paragraphes par des espaces blancs verticaux.
- Fixer la largeur de vos pages pour ne pas qu'elles s'étendent suivant la résolution d'écran.
- Utiliser des marges pour faciliter la lecture de paragraphes.
- Insérer des espaces blancs de différentes longueurs entre vos titres, sous- titres et paragraphes.
- Eviter les lignes horizontales (balise <HR>).
Pour mettre en oeuvre ces quelques conseils, vous pouvez utiliser plusieurs techniques.
L'astuce du gif à pixel unique :
Cette technique est très simple, il vous suffit de créer
une image de 1 pixel de haut sur 1 pixel de large. Puis vous le rendez transparent et vous l'enregistrez sous le nom pixel.gif par exemple.
Avec ce gif, vous pouvez faire des retraits de paragraphes, et tous les décalages que vous souhaitez. Pour cela, il faut utiliser les
attributs VSPACE="x" et HSPACE="x" dans la balise <IMG>. En donnant une valeur à "x" vous pouvez faire des décalages verticaux (VSPACE)
et horizontaux (HSPACE).
Le gif à pixel unique vous permet donc d'insérer des espaces blancs verticaux entre vos paragraphes, ainsi que de gérer l'espace entre
vos titres, sous-titres et paragraphes. Il peut aussi vous permettre de régler l'interlignage.
Les tableaux invisibles :
Pour la mise en page, les tableaux invisibles sont souvent
utilisés et permettent de faciliter cette dernière. En utilisant l'attribut BORDER="0" dans la balise <TABLE>, vous rendez le tableau
invisible.
Pour faire une marge pour votre texte, et éviter ainsi qu'il soit collé à droite de votre page, il vous suffit de faire un tableau à deux
colonnes. Il vous faut déterminer la largeur de la première avec l'attribut WIDTH="x" dans la balise <TD>, à vous de choisir la taille
de votre marge. Pour être sûr que la marge reste bien en place, vous pouvez aussi insérer un gif à pixel unique dans la première colonne et
attribuer une valeur à l'attribut HSPACE="x".
Vous pouvez également fixer la largeur de votre page avec un tableau. Pour cela il suffit d'encadrer votre page d'un tableau, en-dessous
de la balise <BODY> insérez les balises <TABLE><TR><TD> et fermez le tableau avant la balise </BODY>. Pour
fixer la largeur du tableau et donc de la page, vous devez insérer l'attribut WIDTH="x" dans la balise <TABLE>, ainsi vous pouvez
donner à x la valeur de 640, 800 ou plus. En sachant que la résolution 800x600 est la plus utilisée aujourd'hui. De plus, vous pouvez
centrer votre page ou non en utilisant les balises <CENTER></CENTER> autour des balises du tableau.
|
