Comme promis, je me suis empress\u00e9 de lire le livre de Rapha\u00ebl pour savoir s’il faut le conseiller ou non (les plus press\u00e9s peuvent aller l’acheter les yeux ferm\u00e9s).<\/p>\n
<\/p>\n
Tout d’abord, j’ai eu un peu de mal \u00e0 le trouver ce premier jour de sortie. J’ai fait un tour \u00e0 la fnac mais apparemment ils ne l’avaient pas encore sorti des cartons. Je vais donc dans une autre librairie mais l\u00e0, m\u00eame pas en stock. J’ai finalement r\u00e9ussi \u00e0 me le procurer chez Virgin dans un rayon informatique aussi peu fourni que bien cach\u00e9.<\/p>\n
L’ouvrage fait un peu plus de 200 pages, la mise en page est claire et le format assez grand pour rendre agr\u00e9able la lecture. La couverture est souple et le papier de bonne qualit\u00e9, m\u00eame si ma page 172 est \u00e9trangement froiss\u00e9e (scandale!).<\/p>\n
Tout commence par la pr\u00e9face d’\u00c9lie Slo\u00efm qui permet de situer le couple CSS<\/acronym>\/XHTML<\/acronym> dans une d\u00e9marche qualitative pour le web. Sans en faire des technologies \u00abmiracles\u00bb, \u00c9lie explique bien comment elles font \u00e9voluer la conception Web.<\/p>\n Le livre en lui-m\u00eame se divise en quatre parties:<\/p>\n Rapha\u00ebl adopte un cheminement progressif et clairement pratique. Le lecteur est doucement amen\u00e9 vers la r\u00e9alisation d’une page web compl\u00e8te qu’il r\u00e9ussira avec succ\u00e8s en suivant les chapitres. Il faut noter que la couleur est annonc\u00e9e d\u00e8s le d\u00e9but, pas question de pr\u00e9senter de mani\u00e8re th\u00e9orique les CSS, ici les diff\u00e9rents probl\u00e8mes de compatibilit\u00e9 sont point\u00e9s et des solutions pragmatiques sont propos\u00e9es.<\/p>\n Cette premi\u00e8re partie plonge le lecteur dans l’univers des standards, essayant de le d\u00e9tacher petit \u00e0 petit des mauvaises pratiques. L’enjeu de la standardisation est bien expliqu\u00e9 et on comprend rapidement qu’une bonne structure est n\u00e9cessaire pour la suite. Le sujet des DTD<\/acronym> est rapidement abord\u00e9 pour permettre de cr\u00e9er rapidement un premier document XHTML<\/acronym>. Seul point manquant, le probl\u00e8me li\u00e9 au prologue XML<\/acronym>, mais comme annonc\u00e9 au d\u00e9but, le livre n’est pas consacr\u00e9 \u00e0 XHTML<\/acronym>. Ce chapitre introduit le fil conducteur des deux chapitres suivants: la cr\u00e9ation d’une premi\u00e8re page web (consacr\u00e9e \u00e0 l’Alsace) \u00e0 l’aide de XHTML<\/acronym> et CSS<\/acronym>.<\/p>\n C’est dans ce deuxi\u00e8me chapitre qu’il est vraiment question de CSS<\/acronym>. Les bases de la syntaxe sont pos\u00e9es, explicitant par la m\u00eame occasion des termes comme \u00abs\u00e9lecteur\u00bb ou \u00abr\u00e8gle CSS<\/acronym>\u00bb. Il se poursuit par ce qui int\u00e9resse les lecteurs d\u00e9butants, c’est-\u00e0-dire les propri\u00e9t\u00e9s principales de mise en forme que sont les couleurs, la typographie, les bordures, les couleurs et images d’arri\u00e8re-plan et enfin le positionnement. On remarquera un passage int\u00e9ressant sur le choix des couleurs (dommage que le livre soit en noir et blanc, aveu m\u00eame de l’auteur) et la reprise d’un billet d\u00e9j\u00e0 paru sur le blog Alsacr\u00e9ations concernant les maladies exotiques des CSS<\/acronym><\/a>. Il ne faudra pas rater non plus l’explication sur les diff\u00e9rents mod\u00e8les de bo\u00eete pour comprendre les diff\u00e9rences qui peuvent survenir. Je pense que ce chapitre aurait pu aborder le probl\u00e8me de fusion des marges ou bien le concept de cascade (fondamental) m\u00eame si l’id\u00e9e d’h\u00e9ritage est \u00e9grain\u00e9e tout au long du livre.<\/p>\n Les exercices propos\u00e9s permettent d’utiliser les connaissances fra\u00eechement acquises dans des situations fr\u00e9quemment rencontr\u00e9es:<\/p>\n des images par la m\u00eame occasion)<\/p>\n Ces quelques exercices bien choisis permettent d’utiliser beaucoup de propri\u00e9t\u00e9s et de confronter le lecteur \u00e0 des probl\u00e9matiques qu’il devra r\u00e9soudre dans l’esprit des CSS<\/acronym>. La mani\u00e8re de concevoir une page avec des CSS<\/acronym> diff\u00e8re radicalement d’une mise en page \u00e0 base de tableaux. Le lecteur doit donc se livrer \u00e0 une petite gymnastique intellectuelle pour s’approprier cette nouvelle fa\u00e7on de faire. Heureusement, les exemples de code largement diss\u00e9qu\u00e9s permettent de reproduire les exemples sans probl\u00e8me.<\/p>\n La derni\u00e8re partie abandonne les petits exemples pour s’attaquer \u00e0 une mise en page plus professionnelle. Et cela commence par le d\u00e9coupage des t\u00e2ches rendu possible par XHTML<\/acronym> et CSS<\/acronym> qui est suivi du choix des outils (”les puristes ne se contentent pas de Notepad!” NDLA<\/acronym>). Il s’agit l\u00e0 de reproduire la page qui sert de vitrine au livre. Si les chapitres pr\u00e9c\u00e9dent ont \u00e9t\u00e9 assimil\u00e9, aucun doute que cet ultime exercice ne posera aucun probl\u00e8me. Rapha\u00ebl finit par l’\u00e9vocation des s\u00e9lecteurs de style (en Javascript ou PHP<\/acronym>) ainsi que les feuilles de style pour l’impression.<\/p>\n Les (nombreuses) derni\u00e8res pages contiennent des annexes bien fournies:<\/p>\n\n
Standards HTML<\/acronym> et XHTML<\/acronym>, quelle diff\u00e9rence ?<\/h3>\n
Les feuilles de style CSS<\/acronym><\/h3>\n
Travaux pratiques<\/h3>\n
\n
\n
Mise en oeuvre dans un projet professionnel<\/h3>\n