Maintenant que l'on a organisé les différents éléments formant le contenu de notre site web avec HTML, il est temps de l'embellir grâce au langage CSS.
Bon le HTML c'était la partie facile, maintenant ça va vraiment se corser ! Mais si vous avez bien retenu ce que j'ai dit lors des chapitres sur le CSS vous devriez vous en en sortir sans trop de soucis.
J'ai volontairement laissé un design HTML assez simple : pas trop de balises différentes, pas d'attributs CLASS et ID. Ça n'aurait pas vraiment compliqué l'affaire dans des proportions inimaginables si je les avais rajoutés car ils sont très simples à utiliser avec CSS, d'autant qu'on les a déjà vu cent fois au moins lors de la partie sur CSS.
Avec CSS on va travailler de haut en bas, c'est-à-dire en partant des balises les plus globales et en allant jusque dans les moindres détails. La balise la plus globale que l'on peut trouver est la balise <body>.
Après il nous faut traiter les balises de structure que l'on a vu précédemment. Veut-on un menu de navigation horizontal ou vertical ? Dans les deux cas il va falloir jouer avec les flottants ou les modèles de positionnement.
Pour modifier les propriétés des titres et des paragraphes je vous fais confiance, c'est la base de ce que l'on a vu en début de tutoriel.
Petite astuce que l'on oublie assez souvent lorsque l'on débute : relisez bien ce que j'ai dit à propos du ciblage précis des balises contenues dans une autre.
Je ne vous donne pas le code CSS pour cet exercice, c'est intentionnel. Ça vous laisse réfléchir !