Consignes
On a découvert à une séance précédente comment utiliser un certain nombre de balises en html Cependant, l'ensemble restait peu organisé, les pages ressemblaient souvent à ce que l'on appelle une soupe de tags (tag est un mot anglais pour désigner les balises). Il s'agit maintenant d'organiser nos pages de façon à utiliser un style propre et efficace.Pour cela on va utiliser des feuilles de style.
On construit donc des pages HTML où le contenu et la mise en forme sont séparés.
Un exemple pour comprendre de quoi on parle
Consultez la page : http://www.csszengarden.com/ et regardez le rendu de la page suivant le CSS qui est appliqué. Le contenu de la page est toujours le même, c'est la feuille de style (css) qui modifie la forme.
Les validateurs
On peut valider en ligne son code html et son code css. L'objectif est qu'il n'y ait plus d'erreur dans les pages que vous allez construire.
- Pour le code Html : http://validator.w3.org/
- Pour le code css : http://jigsaw.w3.org/css-validator/validator.html.fr
Un plugin Firefox pour Les développeurs web
Le plugin web-developer pour firefox https://addons.mozilla.org/fr/firefox/addon/web-developer/ peut vous rendre de grands services si vous souhaitez développez des sites web.
Travail durant la séance
Vous trouverez ci-dessous le lien pour accèder à la feuille de TP, concernant les feuilles de style. Vous devez travaillez ce document durant la séance. Vous pouvez ensuite compléter le mini-projet#1.