Le fichier CSS

Qu'est-ce qu'un fichier CSS ?

Un fichier CSS est une "feuille de style". Ce fichier contient la description graphique de l'interface HTML. L'interêt est de ne pas avoir à formater l'interface HTML pour chaque page. Ce formatage est fait une fois pour toute dans ce fichier.

Le fichier CSS peut contenir pour chaque balise balise HTML DIV : Le format (position et dimension), la taille, la couleur de fond ou l'image de fond, le type de cadre, ...

Le fichier CSS contient aussi les différents formatages de textes (Police de caractère, taille, couleur, ...) que vous souhaitez afficher dans vos pages : Les titres et sous-titres, le texte du corps, les menus et sous-menus, ...

Je n'ai pas l'ambition de faire ici une explication exhaustive du développement de fichiers CSS. Je ne ferais donc pas de vous des experts dans le domaine des feuilles de style. Il existe des livres et des sites Web spécialisés.

Dans le cas de www.genererdutrafic.com, le fichier CSS est directement visible à l'adresse :
www.genererdutrafic.com/css/moncss.css

ATTENTION :

Lorsque vous aller créer un fichier CSS ou modifier un fichier CSS existant, il sera impératif de tester le résultat avec plusieurs types d'explorateur Internet. En particulier avec Microsoft Internet Explorer et FireFox (les deux explorateur Internet actuellement les plus répandus). Vous serez étonné de constater les différences de conportement entre ces deux "browsers". Vous devrez donc adapter votre feuille de style pour qu'elle soit identique (ou presque) et qu'elle ait les mêmes fonctionnements (ou presque) dans les deus types d'explorateur Internet indiqués.

Quoiqu'il en soit, mon conseil concernant l'aspect graphique du site Web est "Le plus simple sera le mieux".

Bien entendu, le site doit être agréable visuellement et pas trop monotone. Vous devez, à titre d'exemples, éviter de multiplier :

- les polices de couleurs et de tailles différentes : Pour les titres et sous-titres, vous pouvez respecter la structure des balises "H1" à "H6". Cette structure offre l'intérêt complémentaire d'être très bien considérée par le robot d'indexation Google au niveau des mots clefs. Pour le corps de la page (le contenu pur), il n'est pas conseillé de varier les tailles et couleurs de police. Deux taille différentes et deux couleurs différentes semble être très bien.

- les éléments clignotants : La qualité du site Web est avant tout conditionnée par le contenu. Votre texte doit donc intéresser le visiteur. Si vous attirer continuellement son attention sur des logos ou images trop actives (clignotement, animation, ...), vous risquez de diminuer l'intérêt que porte le lecteur à votre texte.

- les couleurs trop vives : Attention aux couleurs "fluo" ou aux couleurs trop "criantes". Ce n'est pas très jolie (à mon avis), ça fait mal aux yeux et ça donnera "mal à la tête" à certains visiteurs. Ils s'empresseront alors de quitter le site Web pour ne plus jamais y revenir.

Astuce :

Il existe une multitude de site Web proposant gratuitement des fichiers CSS. Lors de la création de www.genererdutrafic.com, j'ai cherché sur ces sites. J'ai malheureusement trouvé uniquement des feuilles de styles optimisées pour la résolution d'écran "800x600". Dans le cas de ce site, j'ai préféré optimiser la feuille de style pour le "1024".

J'ai donc opté pour une autre solution. Il aurait cependant été faisable de modifier un fichier CSS optimisé pour cette résolution en l'optimisant pour ue résolution plus grande (mais cela dépassait mon niveau technique dans ce domaine).

Il est aussi possible d'acheter un fichier CSS adapté. A ce niveau, je vous laisserais faire votre recherche sur le Web car je n'ai cependant pas exploré ce domaine commerciale.



Article mis à jour le 09/10/2007

Commentaire Commentaires


Aucun commentaire pour cette page...



Vous souhaitez commenter cette page


Adresse Email :

Nom :

Prénom :

Message

Précisions : Les commentaires sont systématiquement modérés avant d'être publiés sur le site Web (Un délai sera donc probablement nécessaire avant que vous puissiez voir apparaitre votre commentaire). Ce principe est appliqué pour éviter l'abus de personnes éventuellement mal intentionnées. Quoiqu'il en soit, les liens posés sur les commentaires pertinents seront affichés et ne porteront pas l'attribut rel=nofollow.
Un accusé de réception vous sera envoyé dans les 24 heures. Si vous ne recevez pas cet accusé de réception ou si vous rencontrez des problèmes avec ce formulaire d'envoi de mail, vous pouvez contacter directement l'adresse : info@genererdutrafic.com.


© www.genererdutrafic.com
Plan du site | page mise à jour le 09/10/2007
Clicky Web Analytics