Bienvenue sur The Coding Blog

Bienvenue sur The Coding Blog

Nombre de vues

mercredi 30 octobre 2013

Pour les débutants en CSS (css)

Pour les petits malins qui aime les couleur , les garnitures!
Voila ce qui vous faut : une dose de CSS prescrite par le docteur .
Voila un cours qui ne déplaira pas :


Le design d'un site évolue toujours au fil du temps. Le problème, lorsqu'on n'utilise pas de feuilles de style, c'est qu'il
faut reprendre toutes les pages une à une pour modifier une police de caractère ou une couleur de fond...
Avec les "Cascading Style Sheet" (CSS), ce lourd handicap est résolu.
C'est dans la feuille de style que l'on va déclarer toute la mise en forme des pages : la couleur de fond, les polices
de caractère, leurs couleurs, etc.
Celle-ci sera liée à chaque page html. Ainsi, lorsqu'on en modifiera un élément, cela se répercutera immédiatement
sur toutes les pages web. Puissant et pratique ;-)


Mais cela ne s'arrête pas là. Outre les couleurs et les polices, on peut aussi changer radicalement l'apparence d'un
site en abandonnant la mise en page à l'aide de tableaux. Soyons clair : un tableau sert à présenter des données
tabulaires -point barre-
Pour une mise en page souple et cohérente, on utilisera des "blocs" (appelés aussi "boites" ou "calques"), qui ont
l'avantage de pouvoir être déplacés de gauche à droite, ou de haut en bas grâce aux CSS.
Pour vous en convaincre, rendez-vous sur la page d'accueil de mammouthland et testez les différentes mises en
pages à disposition grâce au menu déroulant "choisir son habillage" : ce ne sont pas les pages html qui changent,
mais uniquement les feuilles de style.
Si vous êtes intéressés, voire convaincus, voyez les liens présents en bas du tutoriel sur les tableaux qui vous aideront
à créer des pages sans tables.
Et ce n'est pas plus difficile que d'utiliser des tableaux contrairement à ce que certains de mauvaise foi voudraient
bien faire croire !
Cela dit, même si on utilise un logiciel wysiwyg tel que Dreamweaver, il convient tout de même de connaître quelques
balises html, car ce sont celles-ci qui vont être indiquées dans la feuille de style.


Texte intégral (pdf)

Auteur : Pascale Lambert
Titre : CSS débutant

Aucun commentaire:

Enregistrer un commentaire