<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>Webaaz &#187; Eyrolles</title> <atom:link href="http://www.webaaz.com/tag/eyrolles/feed/" rel="self" type="application/rss+xml" /><link>http://www.webaaz.com</link> <description>Le développement web de A à Z</description> <lastBuildDate>Thu, 19 Jan 2012 11:40:08 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Livre : CSS3 pour les webdesigners</title><link>http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/</link> <comments>http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/#comments</comments> <pubDate>Thu, 03 Feb 2011 09:17:21 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Livres]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Apprendre]]></category> <category><![CDATA[Bonnes pratiques]]></category> <category><![CDATA[CSS3]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Eyrolles]]></category> <category><![CDATA[Livre]]></category> <category><![CDATA[Références]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=1066</guid> <description><![CDATA[Pour ce second opus de la collection, encore un sujet vendeur pour la période, CSS3 ! Bon, <strong>pour les webdesigners c'est peut être un peu tard, j'espère qu'ils se sont déjà intéressés à la question, mais pour les autres ce sera une bonne entrée en matière.</strong> Comme pour le premier tome, HTML5 pour les webdesigners, <strong>ce livre rassure sur la manière de faire, explique rapidement les bases, dédramatise et simplifie la prise en main, le tout dans un style bien écrit et agréable à lire&#160;!</strong> L'auteur ne se limite pas à aborder les points technique mais pose des questions et explique ses réponses et remarques, très utile pour bien comprendre les enjeux ! <img
src="/images/2011/01/3.jpg" alt="As good as heart can wish" width="570" height="250" /> <a
title="Photo de Abulic Monkey depuis Flickr" href="http://www.flickr.com/photos/83221073@N00/3173772897">Photo de Abulic Monkey depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Pour ce second opus de la collection, encore un sujet vendeur pour la période, CSS3 ! Bon, <strong>pour les webdesigners c&#8217;est peut être un peu tard, j&#8217;espère qu&#8217;ils se sont déjà intéressés à la question, mais pour les autres ce sera une bonne entrée en matière.</strong></p><p>Comme pour le premier tome, HTML5 pour les webdesigners, <strong>ce livre rassure sur la manière de faire, explique rapidement les bases, dédramatise et simplifie la prise en main, le tout dans un style bien écrit et agréable à lire&nbsp;!</strong> L&#8217;auteur ne se limite pas à aborder les points technique mais pose des questions et explique ses réponses et remarques, très utile pour bien comprendre les enjeux !</p><p><img
src="/images/2011/01/3.jpg" alt="As good as heart can wish" width="570" height="250" /><br
/> <a
title="Photo de Abulic Monkey depuis Flickr" href="http://www.flickr.com/photos/83221073@N00/3173772897">Photo de Abulic Monkey depuis Flickr</a></p><h2>L&#8217;auteur</h2><p>Dan Cederholm est le fondateur du studio de design <a
title="Voir le site SimpleBits" href="http://simplebits.com/">SimpleBits</a>, expert reconnu sur le webdesign et les standards. Il est également co créateur de <a
title="Voir le site Dribbble" href="http://dribbble.com/">dribbble</a>, joueur de yukulele et auteur des livres suivants :</p><ul><li>Handcrafted CSS (New Riders)</li><li>Bulletproof Web Design, Second Edition (New Riders)</li><li>Web Standards Solutions</li></ul><h2>Utiliser CSS3 aujourd&#8217;hui</h2><p>Dan conseille de ne surtout pas lire la spécification, elle n&#8217;est pas faite pour tout le monde, en revanche, <strong>tout le monde peut utiliser CSS3</strong>, il liste ce qui peut être utilisé dès maintenant, et aborde les préfixes de navigateur, indispensable pour une implémentation immédiate et pérenne.</p><h2>Comprendre les transitions CSS</h2><p>Le chapitre aborde les transitions, et les mets en valeurs avec un exemple à suivre tout au long du livre.</p><h2>Broder avec CSS3</h2><p>Je reprends les sous titres de chapitre très bien trouvés, qui expliquent que <strong>CSS3 est là pour apporter surprise et émerveillement</strong>. C&#8217;est la touche ne plus qui améliore l&#8217;expérience utilisateur, sans pénaliser ceux qui n&#8217;en bénéficient pas.<br
/> Dan pose la question : <strong>les sites web doivent ils offrir exactement la même expérience dans tous les navigateurs&nbsp;?</strong> Et y réponds avec ce site au nom tout trouvé : <a
title="Voir le site dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com" href="http://dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com">dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com</a></p><h2>Transformer le message</h2><p>Toujours avec le même fil directeur, les exemples s&#8217;enchaînent pour aborder les transformations et les rotations</p><h2>Arrières plans multiples</h2><p>Arrière plans multiples, effets de parallaxe sont au sujet de ce chapitre.</p><h2>Enrichir les formulaires</h2><p>Autre sujet très intéressant sur l&#8217;ajout de CSS3 dans les formulaires. Pour embellir et alléger les boutons avec des dégradés ou des ombres, mais aussi l&#8217;ajout d&#8217;animations au focus ou au survol des éléments pour un changement de style tout en douceur.</p><h2>Conclusion</h2><p><strong>On termine par un chapitre qui donne les clés pour évangéliser, aborde le futur de langage et donne une précieuse liste de liens indispensables pour creuser un peu&nbsp;!</strong></p><h2>J&#8217;en veux un !</h2><div
class="book"> <a
title="Acheter le livre sur Amazon" href="http://www.amazon.fr/gp/product/2212129874?ie=UTF8&#038;tag=webaaz-livres-21&#038;linkCode=as2&#038;camp=1642&#038;creative=6746&#038;creativeASIN=2212129874"><img
border="0" src="/images/amazon/41ko7QRC3lL._SL160_.jpg" class="amazon alignleft" ></a></p><ul><li><a
title="Acheter le livre sur Amazon" href="http://www.amazon.fr/gp/product/2212128614?ie=UTF8&#038;tag=webaaz-livres-21&#038;linkCode=as2&#038;camp=1642&#038;creative=6746&#038;creativeASIN=2212128614">CSS3 pour les webdesigners </a></li><li>Broché : 122 pages</li><li>Éditeur : <a
title="Voir le site de l'éditeur Eyrolles" href="http://www.eyrolles.com/">Eyrolles</a></li><li>Édition : 1ère (20 janvier 2011)</li><li>Collection : A book appart</li><li>Langue : Français</li><li>ISBN-13: 978-2212129878</li></ul><p><img
src="http://www.assoc-amazon.fr/e/ir?t=webaaz-livres-21&#038;l=as2&#038;o=8&#038;a=2212129874"  width="1" height="1" border="0" alt="" class="transparent" /></div><p>Toute ressemblance avec l&#8217;atelier de <a
title="Voir le blog de Jérémie Patonnier" href="http://jeremie.patonnier.net/">Jérémie Patonnier</a> au dernier Paris Web est certainement fortuite, mais bon enfin, ils causent du même sujet&#8230; Pour ceux qui avaient oublié de prendre des notes, ca fera un bon résumé !</p><p>On regrettera que le livre n&#8217;aborde pas les sujet suivants :</p><ul><li>media queries</li><li>multicolonnage</li><li>webfonts</li></ul><p>Mais on peut penser que cela fera l&#8217;objet de prochains volumes, les media queries étant déjà annoncées dans le tome 4.</p><p>Le deuxième tome de la collection est sorti rapidement et la suite de la collection devrait se faire au même rythme, c&#8217;est l&#8217;avantage avec ces petits formats, rapide à lire, mais aussi à écrire, facile à transporter. J&#8217;ai pris l&#8217;habitude les lire dans le train, et de faire le billet dans la foulée&#8230; Mention spéciale si je ne l&#8217;avais pas déjà faite au raccourcisseur d&#8217;url utilsé spécialement pour le livre, très utile pour éviter de taper des urls à rallonge, avec l&#8217;url originale en note de bas de page ! A quand le QRcode ?</p><h2>La collection</h2><p>Les tomes suivants sont donc annoncés :</p><ul><li>3 &#8211; The elements of content strategy &#8211; 8 mars 2011</li><li>4 &#8211; Responsive web design &#8211; printemps 2011</li></ul><p>Dans cette jolie collection j&#8217;ai aussi envie de voir des livres sur l&#8217;ergonomie, l&#8217;accessibilité, Javascript, la typographie (micro &#038; macro)&#8230;<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2011/04/livre-pro-git/" rel="bookmark" title="11 avril 2011">Livre : Pro Git</a></li><li><a
href="http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/" rel="bookmark" title="25 novembre 2010">Livre : HTML5 pour les webdesigners</a></li><li><a
href="http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/" rel="bookmark" title="14 avril 2010">Livre : Réussir son blog professionnel<br
/>3 exemplaires à gagner !</a></li><li><a
href="http://www.webaaz.com/2010/05/livre-reussir-son-site-web-en-60-fiches/" rel="bookmark" title="17 mai 2010">Livre : Réussir son site web en 60 fiches</a></li><li><a
href="http://www.webaaz.com/2009/05/bien-utiliser-les-feuilles-de-style-css/" rel="bookmark" title="15 mai 2009">Bien utiliser les feuilles de style (CSS)</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+CSS3+pour+les+webdesigners&amp;link=http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/&amp;notes=Pour%20ce%20second%20opus%20de%20la%20collection%2C%20encore%20un%20sujet%20vendeur%20pour%20la%20p%C3%A9riode%2C%20CSS3%20%21%20Bon%2C%20pour%20les%20webdesigners%20c%27est%20peut%20%C3%AAtre%20un%20peu%20tard%2C%20j%27esp%C3%A8re%20qu%27ils%20se%20sont%20d%C3%A9j%C3%A0%20int%C3%A9ress%C3%A9s%20%C3%A0%20la%20question%2C%20mais%20pour%20les%20autres%20ce%20sera%20une%20bonne%20entr%C3%A9e%20en%20mati%C3%A8re.%0D%0A%0D%0AComme%20pour%20le%20premier%20tome%2C%20HTML5%20pour%20les%20webdesigners%2C%20ce%20livre%20rassure%20sur%20la%20mani%C3%A8re%20de%20faire%2C%20explique%20rapidement%20les%20bases%2C%20d%C3%A9dramatise%20et%20simplifie%20la%20prise%20en%20main%2C%20le%20tout%20dans%20un%20style%20bien%20%C3%A9crit%20et%20agr%C3%A9able%20%C3%A0%20lire%26nbsp%3B%21%20L%27auteur%20ne%20se%20limite%20pas%20%C3%A0%20aborder%20les%20points%20technique%20mais%20pose%20des%20questions%20et%20explique%20ses%20r%C3%A9ponses%20et%20remarques%2C%20tr%C3%A8s%20utile%20pour%20bien%20comprendre%20les%20enjeux%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Abulic%20Monkey%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Pour%20ce%20second%20opus%20de%20la%20collection%2C%20encore%20un%20sujet%20vendeur%20pour%20la%20p%C3%A9riode%2C%20CSS3%20%21%20Bon%2C%20pour%20les%20webdesigners%20c%27est%20peut%20%C3%AAtre%20un%20peu%20tard%2C%20j%27esp%C3%A8re%20qu%27ils%20se%20sont%20d%C3%A9j%C3%A0%20int%C3%A9ress%C3%A9s%20%C3%A0%20la%20question%2C%20mais%20pour%20les%20autres%20ce%20sera%20une%20bonne%20entr%C3%A9e%20en%20mati%C3%A8re.%0D%0A%0D%0AComme%20pour%20le%20premier%20tome%2C%20HTML5%20pour%20les%20webdesigners%2C%20ce%20livre%20rassure%20sur%20la%20mani%C3%A8re%20de%20faire%2C%20explique%20rapidement%20les%20bases%2C%20d%C3%A9dramatise%20et%20simplifie%20la%20prise%20en%20main%2C%20le%20tout%20dans%20un%20style%20bien%20%C3%A9crit%20et%20agr%C3%A9able%20%C3%A0%20lire%26nbsp%3B%21%20L%27auteur%20ne%20se%20limite%20pas%20%C3%A0%20aborder%20les%20points%20technique%20mais%20pose%20des%20questions%20et%20explique%20ses%20r%C3%A9ponses%20et%20remarques%2C%20tr%C3%A8s%20utile%20pour%20bien%20comprendre%20les%20enjeux%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Abulic%20Monkey%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Livre%20%3A%20CSS3%20pour%20les%20webdesigners&amp;link=http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/&amp;notes=Pour%20ce%20second%20opus%20de%20la%20collection%2C%20encore%20un%20sujet%20vendeur%20pour%20la%20p%C3%A9riode%2C%20CSS3%20%21%20Bon%2C%20pour%20les%20webdesigners%20c%27est%20peut%20%C3%AAtre%20un%20peu%20tard%2C%20j%27esp%C3%A8re%20qu%27ils%20se%20sont%20d%C3%A9j%C3%A0%20int%C3%A9ress%C3%A9s%20%C3%A0%20la%20question%2C%20mais%20pour%20les%20autres%20ce%20sera%20une%20bonne%20entr%C3%A9e%20en%20mati%C3%A8re.%0D%0A%0D%0AComme%20pour%20le%20premier%20tome%2C%20HTML5%20pour%20les%20webdesigners%2C%20ce%20livre%20rassure%20sur%20la%20mani%C3%A8re%20de%20faire%2C%20explique%20rapidement%20les%20bases%2C%20d%C3%A9dramatise%20et%20simplifie%20la%20prise%20en%20main%2C%20le%20tout%20dans%20un%20style%20bien%20%C3%A9crit%20et%20agr%C3%A9able%20%C3%A0%20lire%26nbsp%3B%21%20L%27auteur%20ne%20se%20limite%20pas%20%C3%A0%20aborder%20les%20points%20technique%20mais%20pose%20des%20questions%20et%20explique%20ses%20r%C3%A9ponses%20et%20remarques%2C%20tr%C3%A8s%20utile%20pour%20bien%20comprendre%20les%20enjeux%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Abulic%20Monkey%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+CSS3+pour+les+webdesigners&amp;link=http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/&amp;notes=Pour%20ce%20second%20opus%20de%20la%20collection%2C%20encore%20un%20sujet%20vendeur%20pour%20la%20p%C3%A9riode%2C%20CSS3%20%21%20Bon%2C%20pour%20les%20webdesigners%20c%27est%20peut%20%C3%AAtre%20un%20peu%20tard%2C%20j%27esp%C3%A8re%20qu%27ils%20se%20sont%20d%C3%A9j%C3%A0%20int%C3%A9ress%C3%A9s%20%C3%A0%20la%20question%2C%20mais%20pour%20les%20autres%20ce%20sera%20une%20bonne%20entr%C3%A9e%20en%20mati%C3%A8re.%0D%0A%0D%0AComme%20pour%20le%20premier%20tome%2C%20HTML5%20pour%20les%20webdesigners%2C%20ce%20livre%20rassure%20sur%20la%20mani%C3%A8re%20de%20faire%2C%20explique%20rapidement%20les%20bases%2C%20d%C3%A9dramatise%20et%20simplifie%20la%20prise%20en%20main%2C%20le%20tout%20dans%20un%20style%20bien%20%C3%A9crit%20et%20agr%C3%A9able%20%C3%A0%20lire%26nbsp%3B%21%20L%27auteur%20ne%20se%20limite%20pas%20%C3%A0%20aborder%20les%20points%20technique%20mais%20pose%20des%20questions%20et%20explique%20ses%20r%C3%A9ponses%20et%20remarques%2C%20tr%C3%A8s%20utile%20pour%20bien%20comprendre%20les%20enjeux%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Abulic%20Monkey%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+CSS3+pour+les+webdesigners&amp;link=http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/&amp;notes=Pour%20ce%20second%20opus%20de%20la%20collection%2C%20encore%20un%20sujet%20vendeur%20pour%20la%20p%C3%A9riode%2C%20CSS3%20%21%20Bon%2C%20pour%20les%20webdesigners%20c%27est%20peut%20%C3%AAtre%20un%20peu%20tard%2C%20j%27esp%C3%A8re%20qu%27ils%20se%20sont%20d%C3%A9j%C3%A0%20int%C3%A9ress%C3%A9s%20%C3%A0%20la%20question%2C%20mais%20pour%20les%20autres%20ce%20sera%20une%20bonne%20entr%C3%A9e%20en%20mati%C3%A8re.%0D%0A%0D%0AComme%20pour%20le%20premier%20tome%2C%20HTML5%20pour%20les%20webdesigners%2C%20ce%20livre%20rassure%20sur%20la%20mani%C3%A8re%20de%20faire%2C%20explique%20rapidement%20les%20bases%2C%20d%C3%A9dramatise%20et%20simplifie%20la%20prise%20en%20main%2C%20le%20tout%20dans%20un%20style%20bien%20%C3%A9crit%20et%20agr%C3%A9able%20%C3%A0%20lire%26nbsp%3B%21%20L%27auteur%20ne%20se%20limite%20pas%20%C3%A0%20aborder%20les%20points%20technique%20mais%20pose%20des%20questions%20et%20explique%20ses%20r%C3%A9ponses%20et%20remarques%2C%20tr%C3%A8s%20utile%20pour%20bien%20comprendre%20les%20enjeux%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Abulic%20Monkey%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+CSS3+pour+les+webdesigners&amp;link=http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/&amp;notes=Pour%20ce%20second%20opus%20de%20la%20collection%2C%20encore%20un%20sujet%20vendeur%20pour%20la%20p%C3%A9riode%2C%20CSS3%20%21%20Bon%2C%20pour%20les%20webdesigners%20c%27est%20peut%20%C3%AAtre%20un%20peu%20tard%2C%20j%27esp%C3%A8re%20qu%27ils%20se%20sont%20d%C3%A9j%C3%A0%20int%C3%A9ress%C3%A9s%20%C3%A0%20la%20question%2C%20mais%20pour%20les%20autres%20ce%20sera%20une%20bonne%20entr%C3%A9e%20en%20mati%C3%A8re.%0D%0A%0D%0AComme%20pour%20le%20premier%20tome%2C%20HTML5%20pour%20les%20webdesigners%2C%20ce%20livre%20rassure%20sur%20la%20mani%C3%A8re%20de%20faire%2C%20explique%20rapidement%20les%20bases%2C%20d%C3%A9dramatise%20et%20simplifie%20la%20prise%20en%20main%2C%20le%20tout%20dans%20un%20style%20bien%20%C3%A9crit%20et%20agr%C3%A9able%20%C3%A0%20lire%26nbsp%3B%21%20L%27auteur%20ne%20se%20limite%20pas%20%C3%A0%20aborder%20les%20points%20technique%20mais%20pose%20des%20questions%20et%20explique%20ses%20r%C3%A9ponses%20et%20remarques%2C%20tr%C3%A8s%20utile%20pour%20bien%20comprendre%20les%20enjeux%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Abulic%20Monkey%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+CSS3+pour+les+webdesigners&amp;link=http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/&amp;notes=Pour%20ce%20second%20opus%20de%20la%20collection%2C%20encore%20un%20sujet%20vendeur%20pour%20la%20p%C3%A9riode%2C%20CSS3%20%21%20Bon%2C%20pour%20les%20webdesigners%20c%27est%20peut%20%C3%AAtre%20un%20peu%20tard%2C%20j%27esp%C3%A8re%20qu%27ils%20se%20sont%20d%C3%A9j%C3%A0%20int%C3%A9ress%C3%A9s%20%C3%A0%20la%20question%2C%20mais%20pour%20les%20autres%20ce%20sera%20une%20bonne%20entr%C3%A9e%20en%20mati%C3%A8re.%0D%0A%0D%0AComme%20pour%20le%20premier%20tome%2C%20HTML5%20pour%20les%20webdesigners%2C%20ce%20livre%20rassure%20sur%20la%20mani%C3%A8re%20de%20faire%2C%20explique%20rapidement%20les%20bases%2C%20d%C3%A9dramatise%20et%20simplifie%20la%20prise%20en%20main%2C%20le%20tout%20dans%20un%20style%20bien%20%C3%A9crit%20et%20agr%C3%A9able%20%C3%A0%20lire%26nbsp%3B%21%20L%27auteur%20ne%20se%20limite%20pas%20%C3%A0%20aborder%20les%20points%20technique%20mais%20pose%20des%20questions%20et%20explique%20ses%20r%C3%A9ponses%20et%20remarques%2C%20tr%C3%A8s%20utile%20pour%20bien%20comprendre%20les%20enjeux%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Abulic%20Monkey%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Livre : HTML5 pour les webdesigners</title><link>http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/</link> <comments>http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/#comments</comments> <pubDate>Thu, 25 Nov 2010 09:30:37 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[HTML]]></category> <category><![CDATA[Livres]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Eyrolles]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[Livre]]></category> <category><![CDATA[Paris Web]]></category> <category><![CDATA[XHTML]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=1044</guid> <description><![CDATA["HTML5 pour les webdesigners" Encore un livre édité par Eyrolles, on va croire que je suis payé pour écrire les critiques de leurs livres, il faut dire qu'une fois de plus, le sujet est bien traité. <strong>J'avais déjà repéré ce livre alors quand je l'ai vu en vente à Paris-Web, je n'ai pas résisté</strong>. Il m'aura suffit d'un retour en train pour l'avaler à la manière d'un roman, il ne me reste plus qu'à vous faire partager mon enthousiasme et à vous donner envie de le lire... Souvent je connais l'auteur des livres que j'achète, je lis déjà leur blog ou j'en ai entendu parler, je me limite à ces auteurs référence, ce qui fait déjà pas mal de lectures... Là j'avoue ne pas connaître Jeremy Keith, mais bon la préface étant de Jeffrey Zeldman, j'avais confiance.
Avec 85 pages, <strong>c'est l'un des plus petits livres de ma bibliothèque, certainement celui que j'ai lu le plus rapidement, mais aussi l'un de ceux qui m'a le plus enthousiasmé, par son contenu bien sûr, mais surtout par sa forme.</strong> Il traite de l'essentiel, mais c'est un livre romancé, pas l'un de ces bouquins techniques dont on ne peut pas lire plus de 10 pages à la suite, mais plutôt une histoire que l'on nous raconte. <strong>Je vais vous la résumer en reprenant le chapitrage original.</strong> <img
src="/images/2010/11/5.jpg" alt="White 5 on Orange Dumpster" width="570" height="250" /> <a
title="Photo de Yaniv Golan depuis son blog" href="http://www.flickr.com/photos/17796222@N00/64298062">Photo de Yaniv Golan depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>&laquo;&nbsp;HTML5 pour les webdesigners&nbsp;&raquo; Encore un livre édité par Eyrolles, on va croire que je suis payé pour écrire les critiques de leurs livres, il faut dire qu&#8217;une fois de plus, le sujet est bien traité. <strong>J&#8217;avais déjà repéré ce livre alors quand je l&#8217;ai vu en vente à Paris-Web, je n&#8217;ai pas résisté</strong>. Il m&#8217;aura suffit d&#8217;un retour en train pour l&#8217;avaler à la manière d&#8217;un roman, il ne me reste plus qu&#8217;à vous faire partager mon enthousiasme et à vous donner envie de le lire&#8230; Souvent je connais l&#8217;auteur des livres que j&#8217;achète, je lis déjà leur blog ou j&#8217;en ai entendu parler, je me limite à ces auteurs référence, ce qui fait déjà pas mal de lectures&#8230; Là j&#8217;avoue ne pas connaître Jeremy Keith, mais bon la préface étant de Jeffrey Zeldman, j&#8217;avais confiance.</p><p>Avec 85 pages, <strong>c&#8217;est l&#8217;un des plus petits livres de ma bibliothèque, certainement celui que j&#8217;ai lu le plus rapidement, mais aussi l&#8217;un de ceux qui m&#8217;a le plus enthousiasmé, par son contenu bien sûr, mais surtout par sa forme.</strong> Il traite de l&#8217;essentiel, mais c&#8217;est un livre romancé, pas l&#8217;un de ces bouquins techniques dont on ne peut pas lire plus de 10 pages à la suite, mais plutôt une histoire que l&#8217;on nous raconte. <strong>Je vais vous la résumer en reprenant le chapitrage original.</strong></p><p><img
src="/images/2010/11/5.jpg" alt="White 5 on Orange Dumpster" width="570" height="250" /><br
/> <a
title="Photo de Yaniv Golan depuis son Flickr" href="http://www.flickr.com/photos/17796222@N00/64298062">Photo de Yaniv Golan depuis Flickr</a></p><h2>La petite histoire du balisage</h2><p><strong>On commence donc par un résumé des épisodes précédents.</strong>L&#8217;histoire d&#8217;HTML, puis d&#8217;XHTML, l&#8217;ambiance de travail du W3C, la scission au sein du groupe de travail, puis la réunification. Quelques pages suffisent pour se remémorer ce que l&#8217;on à suivi de loin, on est pr êt pour la suite.</p><h2>Les principes de l&#8217;html5</h2><p><strong>Alors finalement, ils ont décidé quoi ? C&#8217;est le sujet de ce second chapitre</strong> ou l&#8217;on apprends qu&#8217;HTML5 est compatible avec l&#8217;existant et que donc finalement, il suffit de changer de doctype, pour faire de l&#8217;HTML5 ! En plus le nouveau est super simple, on va pouvoir l&#8217;apprendre par coeur ! On y apprends aussi que HTML5 restera compatible et que certaines balises sont donc déconseillées, mais font tout de m ême partie de la norme, ainsi les navigateurs peuvent les interpréter comme il faut. Les vieux contenus sont donc toujours lisibles.</p><h2>Les médias riches</h2><p><strong>Un chapitre consacré à canvas, audio et video, ponctué d&#8217;exemples, on rentre dans le vif du sujet</strong> pour voir un peu l&#8217;étendue des possibilités multimédia. Et ca donne envie ! Je n&#8217;utilise que rarement ces médias, certainement pour leur manque de compatibilité, et leur implémentation bancale, mais avec HTML5 ca va changer, j&#8217;en suis convaincu !</p><h2>Web Forms 2.0</h2><p>Certainement l&#8217;un des sujets les plus attendus. C&#8217;est la base de tout contenu web &laquo;&nbsp;dynamique&nbsp;&raquo;, un dépoussiérage pour s&#8217;adapter un peu plus aux usages et aux besoins était nécessaire. Alors au menu des nouveauté, on aborde en vrac, les placeholders, les datalists, les nouveaux types de champs (recherche, sliders, boutons flechés, date, heure, couleur&#8230;). Le tout ponctué d&#8217;exemple simples. On n&#8217;utilisera bientà´t plus les formulaires de la m ême manière, et m ême l&#8217;usage de javascript va évoluer, puisque les formulaires font désormais nativement beaucoup de choses que l&#8217;on était obligé d&#8217;ajouter soi-même auparavant.</p><h2>La sémantique</h2><p><strong>Après une introduction sur l&#8217;extensibilité du langage et les microformats, l&#8217;auteur nous invite à une visite guidée de nouvelles balises pour améliorer la sémantique</strong> : mark, time, meter, progress, section, header, footer, aside, nav, article&#8230; Vous avez certainement déjà du en entendre parler, et les noms sont assez clairs, vous devez donc déjà y entrevoir des possibilité pour améliorer le balisage, le rendu, le référencement&#8230; Est-ce que quelqu&#8217;un sait si les moteurs de recherche sont déjà sensibles à ces nouvelles balises ?</p><h2>Utiliser HTML5 aujourd&#8217;hui</h2><p><strong>Alors voilà, on est emballé par ce que l&#8217;on vient de lire, mais bon l&#8217;essentiel maintenant c&#8217;est de s&#8217;y mettre ! Quand est-ce que l&#8217;on pourra utiliser tout ca ?</strong> Quand est-ce que les navigateurs implémenteront la norme ? 2015 ? 2022 ? En fait cela va se faire progressivement, on peut commencer par change ses doctypes, puis utiliser quelques champs de formulaires, une partie se dégrade en type text et peut donc être utilisée sans aucun problème. Les balises de zonage ou de navigation sont aussi utilisables avec quelques astuces&#8230; <strong>On finit avec les liens indispensables pour aller plus loin</strong>, entre des sites de référence, un validateur HTML5, un livre, la spécification, la liste de diffusion ou le canal IRC du whatwg vous avez largement de quoi vous documenter et creuser ce passionnant sujet !</p><h2>J&#8217;en veux un !</h2><div
class="book"> <a
title="Acheter le livre sur Amazon" href="http://www.amazon.fr/gp/product/2212128614?ie=UTF8&#038;tag=webaaz-livres-21&#038;linkCode=as2&#038;camp=1642&#038;creative=6746&#038;creativeASIN=2212128614"><img
border="0" src="/images/amazon/41vlaBPPJFL._SL160_.jpg" class="amazon alignleft" ></a></p><ul><li><a
title="Acheter le livre sur Amazon" href="http://www.amazon.fr/gp/product/2212128614?ie=UTF8&#038;tag=webaaz-livres-21&#038;linkCode=as2&#038;camp=1642&#038;creative=6746&#038;creativeASIN=2212128614">HTML5 pour les webdesigners </a></li><li>Broché : 85 pages</li><li>Éditeur : <a
title="Voir le site de l'éditeur Eyrolles" href="http://www.eyrolles.com/">Eyrolles</a></li><li>Édition : 1ère (30 septembre 2010)</li><li>Collection : A book appart</li><li>Langue : Français</li><li>ISBN-13: 978-2212128611</li></ul><p><img
src="http://www.assoc-amazon.fr/e/ir?t=webaaz-livres-21&#038;l=as2&#038;o=8&#038;a=2212128614"  width="1" height="1" border="0" alt="" class="transparent" /></div><p>N&#8217;oubliez pas que <strong>les normes W3C, il faut les utiliser pour les valider</strong>. Certes des groupes de travail proposent des normalisation d&#8217;implémentation pour standardiser le web, et les navigateurs les mettent en place, mais c&#8217;est l&#8217;usage qui en est fait qui fait avancer les choses, quand HTML5 sera finalisé, cela fera déjà longtemps qu&#8217;on l&#8217;utilisera et qu&#8217;on attendra HTML6 !</p><p>Le numéro 1 sur la couverture et la préface m&#8217;incitent à penser que c&#8217;est le premier d&#8217;une nouvelle et très belle collection (A book Apart) dont j&#8217;attends la suite avec impatience ! Note pour les anglophones, La traduction est bonne, mais il paraît que cet ouvrage est encore meilleur en version originale.<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/" rel="bookmark" title="3 février 2011">Livre : CSS3 pour les webdesigners</a></li><li><a
href="http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/" rel="bookmark" title="16 avril 2009">Bien écrire HTML &amp; XHTML</a></li><li><a
href="http://www.webaaz.com/2009/09/bien-utiliser-javascript/" rel="bookmark" title="23 septembre 2009">Bien utiliser Javascript</a></li><li><a
href="http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/" rel="bookmark" title="14 avril 2010">Livre : Réussir son blog professionnel<br
/>3 exemplaires à gagner !</a></li><li><a
href="http://www.webaaz.com/2011/04/livre-pro-git/" rel="bookmark" title="11 avril 2011">Livre : Pro Git</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+HTML5+pour+les+webdesigners&amp;link=http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/&amp;notes=%22HTML5%20pour%20les%20webdesigners%22%20Encore%20un%20livre%20%C3%A9dit%C3%A9%20par%20Eyrolles%2C%20on%20va%20croire%20que%20je%20suis%20pay%C3%A9%20pour%20%C3%A9crire%20les%20critiques%20de%20leurs%20livres%2C%20il%20faut%20dire%20qu%27une%20fois%20de%20plus%2C%20le%20sujet%20est%20bien%20trait%C3%A9.%20J%27avais%20d%C3%A9j%C3%A0%20rep%C3%A9r%C3%A9%20ce%20livre%20alors%20quand%20je%20l%27ai%20vu%20en%20vente%20%C3%A0%20Paris-Web%2C%20je%20n%27ai%20pas%20r%C3%A9sist%C3%A9.%20Il%20m%27aura%20suffit%20d%27un%20retour%20en%20train%20pour%20l%27avaler%20%C3%A0%20la%20mani%C3%A8re%20d%27un%20roman%2C%20il%20ne%20me%20reste%20plus%20qu%27%C3%A0%20vous%20faire%20partager%20mon%20enthousiasme%20et%20%C3%A0%20vous%20donner%20envie%20de%20le%20lire...%20Souvent%20je%20connais%20l%27auteur%20des%20livres%20que%20j%27ach%C3%A8te%2C%20je%20lis%20d%C3%A9j%C3%A0%20leur%20blog%20ou%20j%27en%20ai%20entendu%20parler%2C%20je%20me%20limite%20%C3%A0%20ces%20auteurs%20r%C3%A9f%C3%A9rence%2C%20ce%20qui%20fait%20d%C3%A9j%C3%A0%20pas%20mal%20de%20lectures...%20L%C3%A0%20j%27avoue%20ne%20pas%20conna%C3%AEtre%20Jeremy%20Keith%2C%20mais%20bon%20la%20pr%C3%A9face%20%C3%A9tant%20de%20Jeffrey%20Zeldman%2C%20j%27avais%20confiance.%20%0D%0A%0D%0AAvec%2085%20pages%2C%20c%27est%20l%27un%20des%20plus%20petits%20livres%20de%20ma%20biblioth%C3%A8que%2C%20certainement%20celui%20que%20j%27ai%20lu%20le%20plus%20rapidement%2C%20mais%20aussi%20l%27un%20de%20ceux%20qui%20m%27a%20le%20plus%20enthousiasm%C3%A9%2C%20par%20son%20contenu%20bien%20s%C3%BBr%2C%20mais%20surtout%20par%20sa%20forme.%20Il%20traite%20de%20l%27essentiel%2C%20mais%20c%27est%20un%20livre%20romanc%C3%A9%2C%20pas%20l%27un%20de%20ces%20bouquins%20techniques%20dont%20on%20ne%20peut%20pas%20lire%20plus%20de%2010%20pages%20%C3%A0%20la%20suite%2C%20mais%20plut%C3%B4t%20une%20histoire%20que%20l%27on%20nous%20raconte.%20Je%20vais%20vous%20la%20r%C3%A9sumer%20en%20reprenant%20le%20chapitrage%20original.%20%0D%0A%0D%0A%0D%0APhoto%20de%20Yaniv%20Golan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=%22HTML5%20pour%20les%20webdesigners%22%20Encore%20un%20livre%20%C3%A9dit%C3%A9%20par%20Eyrolles%2C%20on%20va%20croire%20que%20je%20suis%20pay%C3%A9%20pour%20%C3%A9crire%20les%20critiques%20de%20leurs%20livres%2C%20il%20faut%20dire%20qu%27une%20fois%20de%20plus%2C%20le%20sujet%20est%20bien%20trait%C3%A9.%20J%27avais%20d%C3%A9j%C3%A0%20rep%C3%A9r%C3%A9%20ce%20livre%20alors%20quand%20je%20l%27ai%20vu%20en%20vente%20%C3%A0%20Paris-Web%2C%20je%20n%27ai%20pas%20r%C3%A9sist%C3%A9.%20Il%20m%27aura%20suffit%20d%27un%20retour%20en%20train%20pour%20l%27avaler%20%C3%A0%20la%20mani%C3%A8re%20d%27un%20roman%2C%20il%20ne%20me%20reste%20plus%20qu%27%C3%A0%20vous%20faire%20partager%20mon%20enthousiasme%20et%20%C3%A0%20vous%20donner%20envie%20de%20le%20lire...%20Souvent%20je%20connais%20l%27auteur%20des%20livres%20que%20j%27ach%C3%A8te%2C%20je%20lis%20d%C3%A9j%C3%A0%20leur%20blog%20ou%20j%27en%20ai%20entendu%20parler%2C%20je%20me%20limite%20%C3%A0%20ces%20auteurs%20r%C3%A9f%C3%A9rence%2C%20ce%20qui%20fait%20d%C3%A9j%C3%A0%20pas%20mal%20de%20lectures...%20L%C3%A0%20j%27avoue%20ne%20pas%20conna%C3%AEtre%20Jeremy%20Keith%2C%20mais%20bon%20la%20pr%C3%A9face%20%C3%A9tant%20de%20Jeffrey%20Zeldman%2C%20j%27avais%20confiance.%20%0D%0A%0D%0AAvec%2085%20pages%2C%20c%27est%20l%27un%20des%20plus%20petits%20livres%20de%20ma%20biblioth%C3%A8que%2C%20certainement%20celui%20que%20j%27ai%20lu%20le%20plus%20rapidement%2C%20mais%20aussi%20l%27un%20de%20ceux%20qui%20m%27a%20le%20plus%20enthousiasm%C3%A9%2C%20par%20son%20contenu%20bien%20s%C3%BBr%2C%20mais%20surtout%20par%20sa%20forme.%20Il%20traite%20de%20l%27essentiel%2C%20mais%20c%27est%20un%20livre%20romanc%C3%A9%2C%20pas%20l%27un%20de%20ces%20bouquins%20techniques%20dont%20on%20ne%20peut%20pas%20lire%20plus%20de%2010%20pages%20%C3%A0%20la%20suite%2C%20mais%20plut%C3%B4t%20une%20histoire%20que%20l%27on%20nous%20raconte.%20Je%20vais%20vous%20la%20r%C3%A9sumer%20en%20reprenant%20le%20chapitrage%20original.%20%0D%0A%0D%0A%0D%0APhoto%20de%20Yaniv%20Golan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Livre%20%3A%20HTML5%20pour%20les%20webdesigners&amp;link=http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/&amp;notes=%22HTML5%20pour%20les%20webdesigners%22%20Encore%20un%20livre%20%C3%A9dit%C3%A9%20par%20Eyrolles%2C%20on%20va%20croire%20que%20je%20suis%20pay%C3%A9%20pour%20%C3%A9crire%20les%20critiques%20de%20leurs%20livres%2C%20il%20faut%20dire%20qu%27une%20fois%20de%20plus%2C%20le%20sujet%20est%20bien%20trait%C3%A9.%20J%27avais%20d%C3%A9j%C3%A0%20rep%C3%A9r%C3%A9%20ce%20livre%20alors%20quand%20je%20l%27ai%20vu%20en%20vente%20%C3%A0%20Paris-Web%2C%20je%20n%27ai%20pas%20r%C3%A9sist%C3%A9.%20Il%20m%27aura%20suffit%20d%27un%20retour%20en%20train%20pour%20l%27avaler%20%C3%A0%20la%20mani%C3%A8re%20d%27un%20roman%2C%20il%20ne%20me%20reste%20plus%20qu%27%C3%A0%20vous%20faire%20partager%20mon%20enthousiasme%20et%20%C3%A0%20vous%20donner%20envie%20de%20le%20lire...%20Souvent%20je%20connais%20l%27auteur%20des%20livres%20que%20j%27ach%C3%A8te%2C%20je%20lis%20d%C3%A9j%C3%A0%20leur%20blog%20ou%20j%27en%20ai%20entendu%20parler%2C%20je%20me%20limite%20%C3%A0%20ces%20auteurs%20r%C3%A9f%C3%A9rence%2C%20ce%20qui%20fait%20d%C3%A9j%C3%A0%20pas%20mal%20de%20lectures...%20L%C3%A0%20j%27avoue%20ne%20pas%20conna%C3%AEtre%20Jeremy%20Keith%2C%20mais%20bon%20la%20pr%C3%A9face%20%C3%A9tant%20de%20Jeffrey%20Zeldman%2C%20j%27avais%20confiance.%20%0D%0A%0D%0AAvec%2085%20pages%2C%20c%27est%20l%27un%20des%20plus%20petits%20livres%20de%20ma%20biblioth%C3%A8que%2C%20certainement%20celui%20que%20j%27ai%20lu%20le%20plus%20rapidement%2C%20mais%20aussi%20l%27un%20de%20ceux%20qui%20m%27a%20le%20plus%20enthousiasm%C3%A9%2C%20par%20son%20contenu%20bien%20s%C3%BBr%2C%20mais%20surtout%20par%20sa%20forme.%20Il%20traite%20de%20l%27essentiel%2C%20mais%20c%27est%20un%20livre%20romanc%C3%A9%2C%20pas%20l%27un%20de%20ces%20bouquins%20techniques%20dont%20on%20ne%20peut%20pas%20lire%20plus%20de%2010%20pages%20%C3%A0%20la%20suite%2C%20mais%20plut%C3%B4t%20une%20histoire%20que%20l%27on%20nous%20raconte.%20Je%20vais%20vous%20la%20r%C3%A9sumer%20en%20reprenant%20le%20chapitrage%20original.%20%0D%0A%0D%0A%0D%0APhoto%20de%20Yaniv%20Golan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+HTML5+pour+les+webdesigners&amp;link=http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/&amp;notes=%22HTML5%20pour%20les%20webdesigners%22%20Encore%20un%20livre%20%C3%A9dit%C3%A9%20par%20Eyrolles%2C%20on%20va%20croire%20que%20je%20suis%20pay%C3%A9%20pour%20%C3%A9crire%20les%20critiques%20de%20leurs%20livres%2C%20il%20faut%20dire%20qu%27une%20fois%20de%20plus%2C%20le%20sujet%20est%20bien%20trait%C3%A9.%20J%27avais%20d%C3%A9j%C3%A0%20rep%C3%A9r%C3%A9%20ce%20livre%20alors%20quand%20je%20l%27ai%20vu%20en%20vente%20%C3%A0%20Paris-Web%2C%20je%20n%27ai%20pas%20r%C3%A9sist%C3%A9.%20Il%20m%27aura%20suffit%20d%27un%20retour%20en%20train%20pour%20l%27avaler%20%C3%A0%20la%20mani%C3%A8re%20d%27un%20roman%2C%20il%20ne%20me%20reste%20plus%20qu%27%C3%A0%20vous%20faire%20partager%20mon%20enthousiasme%20et%20%C3%A0%20vous%20donner%20envie%20de%20le%20lire...%20Souvent%20je%20connais%20l%27auteur%20des%20livres%20que%20j%27ach%C3%A8te%2C%20je%20lis%20d%C3%A9j%C3%A0%20leur%20blog%20ou%20j%27en%20ai%20entendu%20parler%2C%20je%20me%20limite%20%C3%A0%20ces%20auteurs%20r%C3%A9f%C3%A9rence%2C%20ce%20qui%20fait%20d%C3%A9j%C3%A0%20pas%20mal%20de%20lectures...%20L%C3%A0%20j%27avoue%20ne%20pas%20conna%C3%AEtre%20Jeremy%20Keith%2C%20mais%20bon%20la%20pr%C3%A9face%20%C3%A9tant%20de%20Jeffrey%20Zeldman%2C%20j%27avais%20confiance.%20%0D%0A%0D%0AAvec%2085%20pages%2C%20c%27est%20l%27un%20des%20plus%20petits%20livres%20de%20ma%20biblioth%C3%A8que%2C%20certainement%20celui%20que%20j%27ai%20lu%20le%20plus%20rapidement%2C%20mais%20aussi%20l%27un%20de%20ceux%20qui%20m%27a%20le%20plus%20enthousiasm%C3%A9%2C%20par%20son%20contenu%20bien%20s%C3%BBr%2C%20mais%20surtout%20par%20sa%20forme.%20Il%20traite%20de%20l%27essentiel%2C%20mais%20c%27est%20un%20livre%20romanc%C3%A9%2C%20pas%20l%27un%20de%20ces%20bouquins%20techniques%20dont%20on%20ne%20peut%20pas%20lire%20plus%20de%2010%20pages%20%C3%A0%20la%20suite%2C%20mais%20plut%C3%B4t%20une%20histoire%20que%20l%27on%20nous%20raconte.%20Je%20vais%20vous%20la%20r%C3%A9sumer%20en%20reprenant%20le%20chapitrage%20original.%20%0D%0A%0D%0A%0D%0APhoto%20de%20Yaniv%20Golan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+HTML5+pour+les+webdesigners&amp;link=http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/&amp;notes=%22HTML5%20pour%20les%20webdesigners%22%20Encore%20un%20livre%20%C3%A9dit%C3%A9%20par%20Eyrolles%2C%20on%20va%20croire%20que%20je%20suis%20pay%C3%A9%20pour%20%C3%A9crire%20les%20critiques%20de%20leurs%20livres%2C%20il%20faut%20dire%20qu%27une%20fois%20de%20plus%2C%20le%20sujet%20est%20bien%20trait%C3%A9.%20J%27avais%20d%C3%A9j%C3%A0%20rep%C3%A9r%C3%A9%20ce%20livre%20alors%20quand%20je%20l%27ai%20vu%20en%20vente%20%C3%A0%20Paris-Web%2C%20je%20n%27ai%20pas%20r%C3%A9sist%C3%A9.%20Il%20m%27aura%20suffit%20d%27un%20retour%20en%20train%20pour%20l%27avaler%20%C3%A0%20la%20mani%C3%A8re%20d%27un%20roman%2C%20il%20ne%20me%20reste%20plus%20qu%27%C3%A0%20vous%20faire%20partager%20mon%20enthousiasme%20et%20%C3%A0%20vous%20donner%20envie%20de%20le%20lire...%20Souvent%20je%20connais%20l%27auteur%20des%20livres%20que%20j%27ach%C3%A8te%2C%20je%20lis%20d%C3%A9j%C3%A0%20leur%20blog%20ou%20j%27en%20ai%20entendu%20parler%2C%20je%20me%20limite%20%C3%A0%20ces%20auteurs%20r%C3%A9f%C3%A9rence%2C%20ce%20qui%20fait%20d%C3%A9j%C3%A0%20pas%20mal%20de%20lectures...%20L%C3%A0%20j%27avoue%20ne%20pas%20conna%C3%AEtre%20Jeremy%20Keith%2C%20mais%20bon%20la%20pr%C3%A9face%20%C3%A9tant%20de%20Jeffrey%20Zeldman%2C%20j%27avais%20confiance.%20%0D%0A%0D%0AAvec%2085%20pages%2C%20c%27est%20l%27un%20des%20plus%20petits%20livres%20de%20ma%20biblioth%C3%A8que%2C%20certainement%20celui%20que%20j%27ai%20lu%20le%20plus%20rapidement%2C%20mais%20aussi%20l%27un%20de%20ceux%20qui%20m%27a%20le%20plus%20enthousiasm%C3%A9%2C%20par%20son%20contenu%20bien%20s%C3%BBr%2C%20mais%20surtout%20par%20sa%20forme.%20Il%20traite%20de%20l%27essentiel%2C%20mais%20c%27est%20un%20livre%20romanc%C3%A9%2C%20pas%20l%27un%20de%20ces%20bouquins%20techniques%20dont%20on%20ne%20peut%20pas%20lire%20plus%20de%2010%20pages%20%C3%A0%20la%20suite%2C%20mais%20plut%C3%B4t%20une%20histoire%20que%20l%27on%20nous%20raconte.%20Je%20vais%20vous%20la%20r%C3%A9sumer%20en%20reprenant%20le%20chapitrage%20original.%20%0D%0A%0D%0A%0D%0APhoto%20de%20Yaniv%20Golan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+HTML5+pour+les+webdesigners&amp;link=http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/&amp;notes=%22HTML5%20pour%20les%20webdesigners%22%20Encore%20un%20livre%20%C3%A9dit%C3%A9%20par%20Eyrolles%2C%20on%20va%20croire%20que%20je%20suis%20pay%C3%A9%20pour%20%C3%A9crire%20les%20critiques%20de%20leurs%20livres%2C%20il%20faut%20dire%20qu%27une%20fois%20de%20plus%2C%20le%20sujet%20est%20bien%20trait%C3%A9.%20J%27avais%20d%C3%A9j%C3%A0%20rep%C3%A9r%C3%A9%20ce%20livre%20alors%20quand%20je%20l%27ai%20vu%20en%20vente%20%C3%A0%20Paris-Web%2C%20je%20n%27ai%20pas%20r%C3%A9sist%C3%A9.%20Il%20m%27aura%20suffit%20d%27un%20retour%20en%20train%20pour%20l%27avaler%20%C3%A0%20la%20mani%C3%A8re%20d%27un%20roman%2C%20il%20ne%20me%20reste%20plus%20qu%27%C3%A0%20vous%20faire%20partager%20mon%20enthousiasme%20et%20%C3%A0%20vous%20donner%20envie%20de%20le%20lire...%20Souvent%20je%20connais%20l%27auteur%20des%20livres%20que%20j%27ach%C3%A8te%2C%20je%20lis%20d%C3%A9j%C3%A0%20leur%20blog%20ou%20j%27en%20ai%20entendu%20parler%2C%20je%20me%20limite%20%C3%A0%20ces%20auteurs%20r%C3%A9f%C3%A9rence%2C%20ce%20qui%20fait%20d%C3%A9j%C3%A0%20pas%20mal%20de%20lectures...%20L%C3%A0%20j%27avoue%20ne%20pas%20conna%C3%AEtre%20Jeremy%20Keith%2C%20mais%20bon%20la%20pr%C3%A9face%20%C3%A9tant%20de%20Jeffrey%20Zeldman%2C%20j%27avais%20confiance.%20%0D%0A%0D%0AAvec%2085%20pages%2C%20c%27est%20l%27un%20des%20plus%20petits%20livres%20de%20ma%20biblioth%C3%A8que%2C%20certainement%20celui%20que%20j%27ai%20lu%20le%20plus%20rapidement%2C%20mais%20aussi%20l%27un%20de%20ceux%20qui%20m%27a%20le%20plus%20enthousiasm%C3%A9%2C%20par%20son%20contenu%20bien%20s%C3%BBr%2C%20mais%20surtout%20par%20sa%20forme.%20Il%20traite%20de%20l%27essentiel%2C%20mais%20c%27est%20un%20livre%20romanc%C3%A9%2C%20pas%20l%27un%20de%20ces%20bouquins%20techniques%20dont%20on%20ne%20peut%20pas%20lire%20plus%20de%2010%20pages%20%C3%A0%20la%20suite%2C%20mais%20plut%C3%B4t%20une%20histoire%20que%20l%27on%20nous%20raconte.%20Je%20vais%20vous%20la%20r%C3%A9sumer%20en%20reprenant%20le%20chapitrage%20original.%20%0D%0A%0D%0A%0D%0APhoto%20de%20Yaniv%20Golan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+HTML5+pour+les+webdesigners&amp;link=http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/&amp;notes=%22HTML5%20pour%20les%20webdesigners%22%20Encore%20un%20livre%20%C3%A9dit%C3%A9%20par%20Eyrolles%2C%20on%20va%20croire%20que%20je%20suis%20pay%C3%A9%20pour%20%C3%A9crire%20les%20critiques%20de%20leurs%20livres%2C%20il%20faut%20dire%20qu%27une%20fois%20de%20plus%2C%20le%20sujet%20est%20bien%20trait%C3%A9.%20J%27avais%20d%C3%A9j%C3%A0%20rep%C3%A9r%C3%A9%20ce%20livre%20alors%20quand%20je%20l%27ai%20vu%20en%20vente%20%C3%A0%20Paris-Web%2C%20je%20n%27ai%20pas%20r%C3%A9sist%C3%A9.%20Il%20m%27aura%20suffit%20d%27un%20retour%20en%20train%20pour%20l%27avaler%20%C3%A0%20la%20mani%C3%A8re%20d%27un%20roman%2C%20il%20ne%20me%20reste%20plus%20qu%27%C3%A0%20vous%20faire%20partager%20mon%20enthousiasme%20et%20%C3%A0%20vous%20donner%20envie%20de%20le%20lire...%20Souvent%20je%20connais%20l%27auteur%20des%20livres%20que%20j%27ach%C3%A8te%2C%20je%20lis%20d%C3%A9j%C3%A0%20leur%20blog%20ou%20j%27en%20ai%20entendu%20parler%2C%20je%20me%20limite%20%C3%A0%20ces%20auteurs%20r%C3%A9f%C3%A9rence%2C%20ce%20qui%20fait%20d%C3%A9j%C3%A0%20pas%20mal%20de%20lectures...%20L%C3%A0%20j%27avoue%20ne%20pas%20conna%C3%AEtre%20Jeremy%20Keith%2C%20mais%20bon%20la%20pr%C3%A9face%20%C3%A9tant%20de%20Jeffrey%20Zeldman%2C%20j%27avais%20confiance.%20%0D%0A%0D%0AAvec%2085%20pages%2C%20c%27est%20l%27un%20des%20plus%20petits%20livres%20de%20ma%20biblioth%C3%A8que%2C%20certainement%20celui%20que%20j%27ai%20lu%20le%20plus%20rapidement%2C%20mais%20aussi%20l%27un%20de%20ceux%20qui%20m%27a%20le%20plus%20enthousiasm%C3%A9%2C%20par%20son%20contenu%20bien%20s%C3%BBr%2C%20mais%20surtout%20par%20sa%20forme.%20Il%20traite%20de%20l%27essentiel%2C%20mais%20c%27est%20un%20livre%20romanc%C3%A9%2C%20pas%20l%27un%20de%20ces%20bouquins%20techniques%20dont%20on%20ne%20peut%20pas%20lire%20plus%20de%2010%20pages%20%C3%A0%20la%20suite%2C%20mais%20plut%C3%B4t%20une%20histoire%20que%20l%27on%20nous%20raconte.%20Je%20vais%20vous%20la%20r%C3%A9sumer%20en%20reprenant%20le%20chapitrage%20original.%20%0D%0A%0D%0A%0D%0APhoto%20de%20Yaniv%20Golan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Livre : Réussir son blog professionnel3 exemplaires à gagner !</title><link>http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/</link> <comments>http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/#comments</comments> <pubDate>Wed, 14 Apr 2010 13:14:03 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Blogs]]></category> <category><![CDATA[Interview]]></category> <category><![CDATA[Jeu]]></category> <category><![CDATA[Livres]]></category> <category><![CDATA[Apprendre]]></category> <category><![CDATA[Eyrolles]]></category> <category><![CDATA[Livre]]></category> <category><![CDATA[professionnel]]></category> <category><![CDATA[Thomas Parisot]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=638</guid> <description><![CDATA[<strong>Se lancer dans un blog n'est pas un exercice facile. Il convient tout d'abord de savoir pourquoi, d'analyser les moyens d'y arriver et finalement de surveiller les résultats que l'on s'est fixé pour ajuster la méthode ou les objectifs</strong>. J'ai lu le livre de Thomas Parisot "Réussir son blog professionnel", et il est d'une aide précieuse pour toutes ces étapes. Que votre blog existe déjà ou que vous vouliez vous lancer, je vous le recommande vivement ! <img
src="/images/2010/04/thomas-parisot-oncle-tom.jpg" alt="Thomas Parisot d'Oncle Tom" width="570" height="250" /> <a
title="Photo de Thomas Parisot depuis son blog" href="http://case.oncle-tom.net/">Photo de Thomas Parisot depuis son blog (La case de l'oncle Tom)</a>]]></description> <content:encoded><![CDATA[<p><strong>Se lancer dans un blog n&#8217;est pas un exercice facile. Il convient tout d&#8217;abord de savoir pourquoi, d&#8217;analyser les moyens d&#8217;y arriver et finalement de surveiller les résultats que l&#8217;on s&#8217;est fixé pour ajuster la méthode ou les objectifs</strong>. J&#8217;ai lu le livre de Thomas Parisot &laquo;&nbsp;Réussir son blog professionnel&nbsp;&raquo;, et il est d&#8217;une aide précieuse pour toutes ces étapes. Que votre blog existe déjà ou que vous vouliez vous lancer, je vous le recommande vivement !</p><p><img
src="/images/2010/04/thomas-parisot-oncle-tom.jpg" alt="Thomas Parisot d'Oncle Tom" width="570" height="250" /><br
/> <a
title="Photo de Thomas Parisot depuis son blog" href="http://case.oncle-tom.net/">Photo de Thomas Parisot depuis son blog (La case de l&#8217;oncle Tom)</a></p><p><strong>Thomas Parisot offre 3 exemplaires dédicacés de son livre. Il suffit de commenter ce billet en expliquant votre point de vue sur les blogs professionnels, un tirage au sort le 1er mai désignera les gagnants !</strong></p><h2>Présentation</h2><p>Que vous n&#8217;ayez jamais écrit une ligne sur Internet ou que vous soyez un blogueur averti, ce livre est fait pour vous ! C&#8217;est un condensé d&#8217;informations et de données sur les blogs professionnels. Il vous apportera les bases nécessaires pour débuter, les bonnes questions à se poser, les réponses techniques dont vous aurez besoin, et tout ce qu&#8217;il faut pour aller plus loin et gérer son réseau. En somme tout l&#8217;écosystème des blogs !</p><blockquote><p>Image, communication et influence à la portée de tous</p></blockquote><p>Ce livre se lit suivant son envie, d&#8217;un bout à l&#8217;autre pour bien maîtriser l&#8217;ensemble ou par chapitre suivant les envies et les besoins. Les explications sont à la fois précises mais sans êtres trop complexes à comprendre. Une multitude de sujets annexes sont abordés afin de bien cerner le sujet et d&#8217;explorer les à cotés.</p><p><strong>En résumé, un livre très complet, bien écrit et agréable à lire qui aborde de façon détaillée la philosophie des blogs, le fonctionnel, la gestion d&#8217;un blog et ce qui tourne autour.</strong></p><h2>Chapitrage</h2><p>Voici en détail les points traités :</p><ul><li>Les blogs : Chasser les idées reçues</li><li>Un blog, pour quoi faire ?<br
/><span
class="detail">(Communication, expertise&#8230;)</span></li><li>Les fonctionnalités de base des blogs<br
/><span
class="detail">(Billets, extensions, thèmes, syndication&#8230;)</span></li><li>Avant de commencer : Les questions à se poser<br
/><span
class="detail">(Thèmes, public, méthodologie&#8230;)</span></li><li>Gérer son blog au quotidien<br
/><span
class="detail">(Contenu, réputation, infrastructure, obligations légales&#8230;)</span></li><li>Quel logiciel de blog choisir<br
/><span
class="detail">(Blogs, CMS &#038; autres outils&#8230;)</span></li><li>Étendre son réseau avec des services<br
/><span
class="detail">(Gérer les visiteurs, le contenu, les moteurs de recherche, les microblogs&#8230;)</span></li></ul><h2>Extrait</h2><p>Pour que vous puissiez découvrir son livre, Thomas Parisot vous offre sur son blog le cinquième chapitre au format PDF :</p><ul><li><a
title="Lire le chapitre : Gérer son blog au quotidien" href="http://case.oncle-tom.net/2009/reussir-son-blog-professionnel-gerer-quotidien-gratuit/">Voir l&#8217;extrait sur le blog de l&#8217;auteur</a></li><li><a
title="T&Atilde;&copy;l&Atilde;&copy;charger le chapitre : G&Atilde;&copy;rer son blog au quotidien" href="http://case.oncle-tom.net/images/2009/11/reussir-son-blog-pro-chap5.pdf">Télécharer directement le chapitre : Gérer son blog au quotidien</a></li></ul><h2>L&#8217;auteur</h2><p>Thomas Parisot est actuellement consultant au sein de l’agence bordelaise de Clever Age pour le meilleur et pour vous éviter le pire.<br
/> Il évangélise en faveur des logiciels libres, de l’accessibilité, du respect des standards (HTML, XHTML, CSS), de JavaScript et de l’ergonomie.</p><p>Vous pouvez également le lire sur son blog &laquo;&nbsp;<a
title="Voir le blog de Thomas Parisot" href="http://case.oncle-tom.net/">La case de l&#8217;oncle Tom</a>&nbsp;&raquo;</p><h2>Interview de l&#8217;auteur</h2><div
class="interview"><p><span
class="question">Pourquoi écrire un livre quand on a déjà un blog ?</span></p><p>Il y a 2 raisons à cela : je n&#8217;étais pas un blogueur reconnu pour avoir une expertise dans la communication en ligne, notamment sur la thématique des blogs. Il faut disposer d&#8217;une certaine qualité de référent pour voir son message entendu, et lu.<br
/> En revanche, quelqu&#8217;un lira un livre avant tout pour son contenu, ensuite pour son auteur.</p><p>Je souhaitais cibler une population, différente, n&#8217;ayant pas forcément pour habitude de s&#8217;informer sur des blogs. Un livre est plus facile à prêter et à recommander qu&#8217;un blog.<br
/> Le livre reste une valeur sure, pérenne et facilement transportable.</p><p><span
class="question">Quelle différences vois tu entre l&#8217;écriture sur un blog et dans un livre ?</span></p><p>Beaucoup de choses ! La manière de les lire, d&#8217;interagir (on commente un blog, on annote un livre) et de les ressentir.<br
/> Un livre, aussi technique soit-il, confère des émotions qu&#8217;on n&#8217;a pas face à un écran d&#8217;ordinateur.<br
/> Probablement que le toucher y est pour beaucoup.</p><p>J&#8217;aurais pu écrire tout ce livre sous forme d&#8217;articles mais au fond, il aurait été compliqué à lire.<br
/> Le fait de proposer un livre concentre tout ce qu&#8217;il faut savoir en un périmètre défini.<br
/> Mon blog peut se faire pirater, disparaitre ou détourner. Pas le livre.</p><p>Le style d&#8217;écriture et la mise en page changent même si j&#8217;ai repris beaucoup de codes et d&#8217;habitudes que j&#8217;emploie dans la gestion de mon blog.<br
/> De ce fait, l&#8217;influence sur la lecture, par le confort et le media papier, est radicalement différente.<br
/> Par contre le fait qu&#8217;on ne puisse modifier son texte après l&#8217;impression (hormis par le biais d&#8217;une nouvelle édition) ajoute une contrainte rigueur supplémentaire : on ne pourra pas amender son texte suite à une remarque d&#8217;un lecteur. La préparation nécessaire est donc plus importante.</p><p>La satisfaction de l&#8217;exercice est en tous cas bien supérieure à un blog. Sur le CV ça en jette toujours beaucoup plus ;-)</p><p><span
class="question">Que t&#8217;apporte ton blog ?</span></p><p>J&#8217;ai initialement ouvert mon blog dans un but de partage − pour les loisirs.<br
/> Depuis j&#8217;ai recentré mon activité éditoriale sur mon quotidien professionnel, qu&#8217;il soit technique ou fonctionnel.<br
/> C&#8217;est donc avant tout un plaisir de partage, d&#8217;écriture et d&#8217;échange avec mon lectorat qui m&#8217;anime.</p><p>Pendant une période de ma vie où je souhaitais changer de travail, le blog s&#8217;est révélé être un atout qui m&#8217;a différencié, en partie parce que peu de personnes osaient alors l&#8217;indiquer sur leur CV.<br
/> Le fait d&#8217;exposer ses connaissances et ses réflexions montre qu&#8217;on accepte la critique. Le partage est une source d&#8217;enrichissement. Les recruteurs doivent en avoir conscience.</p><p>Au quotidien, c&#8217;est un étendard et un agrégateur de ma vie numérique. Plusieurs fois des personnes m&#8217;ont interpelé parce qu&#8217;ils connaissaient mon blog, avant de me connaître physiquement.<br
/> Mon blog est devenu mon avatar numérique principal : sorte de connecteur qui relie l&#8217;information aux gens qui la cherchent.</p><p><span
class="question">Penses-tu bloguer longtemps encore ?</span></p><p>À vrai dire, je ne me suis jamais posé la question d&#8217;arrêter : je pense que j&#8217;aurai toujours quelque chose à dire.<br
/> Après, certaines périodes de ma vie sont assez intenses et réduisent mon activité. Je préfère bloguer quand j&#8217;en ai envie et maintenir une qualité plutôt que produire en quantité pour continuer à brasser les statistiques.</p><p>J&#8217;ai adapté mon écriture, et les sujets abordés, en fonction des autres outils. Twitter a permis de dégraisser pas mal de futilités.<br
/> Leurs contenus sont complémentaires, la cible est différente. Le réseau aussi.</p><p>Je m&#8217;adapte aux nouveautés du Web &#8230; y compris sur mon blog. J&#8217;adapte assez régulièrement sa structure aux nouveautés de WordPress et à mon activité, y compris pour partager mes contributions à la communauté WordPress.</p><p><span
class="question">As-tu d&#8217;autres projets de livres ? De blogs ?</span></p><p>L&#8217;écriture du livre a été un effort intense, tant en terme de réflexion que de temps libre à dégager le soir et le week-end.<br
/> Je préfère me consacrer à mes autres activités et loisirs :  la vie avant tout.<br
/> De plus je ne sais pas encore trop sur quel créneau je pourrais écrire : j&#8217;aime varier et je n&#8217;ai pas encore repéré d&#8217;autre carence dans les bibliothèques informatiques !</p><p>Pas d&#8217;autre blog de prévu. Je pense toutefois séparer la partie loisir (mes archives) du blog actuel afin d&#8217;améliorer le référencement et achever mon virage dans le tout Internet.<br
/> Ce sera facile avec WordPress 3.0 qui intègrera le multi-blogs. Ce sera l&#8217;occasion pour moi de continuer mes expérimentations.</p><p>Et pourquoi pas, peut-être trouver un futur sujet de livre, pourquoi pas centré sur un sujet plus technique.</p></div><h2>J&#8217;en veux un !</h2><p><strong>Thomas Parisot offre 3 exemplaires dédicacés de son livre. Il suffit de commenter ce billet en expliquant votre point de vue sur les blogs professionnels, un tirage au sort le 1er mai désignera les gagnants !</strong></p><p>Attention : seules les personnes disposant d’une adresse postale en France peuvent participer (pour des questions de coûts d’expédition).</p><p>Pour les autres, vous pouvez vous le procurer dans toutes les bonnes librairies !</p><div
class="book"> <a
title="Acheter le livre sur Amazon" href="http://www.amazon.fr/gp/product/2212125143?ie=UTF8&#038;tag=webaaz06-21&#038;linkCode=as2&#038;camp=1642&#038;creative=6746&#038;creativeASIN=2212125143"><img
border="0" src="/images/amazon/51AWgxU%2BqyL._SL160_.jpg" class="amazon alignleft" ></a></p><ul><li><a
title="Acheter le livre sur Amazon" href="http://www.amazon.fr/gp/product/2212125143?ie=UTF8&#038;tag=webaaz06-21&#038;linkCode=as2&#038;camp=1642&#038;creative=6746&#038;creativeASIN=2212125143">Réussir son blog professionnel</a></li><li>Image, communication et influence à la portée de tous</li><li>Broché : 297 pages</li><li>Éditeur : <a
title="Voir le site de l'éditeur Eyrolles" href="http://www.eyrolles.com/">Eyrolles</a></li><li>Édition : 1ère (3 septembre 2009)</li><li>Collection : Accès Libre</li><li>Langue : Français</li><li>ISBN-13: 978-2212125146</li></ul><p><img
src="http://www.assoc-amazon.fr/e/ir?t=webaaz06-21&#038;l=as2&#038;o=8&#038;a=2212125143" width="1" height="1" border="0" alt="" class="transparent" /></div><p><strong>Vous pouvez continuez sur ce thème en relisant mon billet sur le sujet : <a
title="Lire l'article : Pourquoi je blogue" href="/2009/12/pourquoi-je-blogue/">Pourquoi je blogue ?</a></strong></p><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2010/05/livre-reussir-son-site-web-en-60-fiches/" rel="bookmark" title="17 mai 2010">Livre : Réussir son site web en 60 fiches</a></li><li><a
href="http://www.webaaz.com/2010/02/veille-technologique-web-partie-2/" rel="bookmark" title="1 février 2010">Veille techno Web de F à Z (partie 2)</a></li><li><a
href="http://www.webaaz.com/2011/02/livre-css3-pour-les-webdesigners/" rel="bookmark" title="3 février 2011">Livre : CSS3 pour les webdesigners</a></li><li><a
href="http://www.webaaz.com/2010/01/veille-technologique-web-partie-1/" rel="bookmark" title="27 janvier 2010">Veille techno Web de A à F (partie 1)</a></li><li><a
href="http://www.webaaz.com/2011/04/metier-directeur-artistique-designer-web/" rel="bookmark" title="27 avril 2011">Métier : Directeur Artistique / Designer Web</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+R%C3%A9ussir+son+blog+professionnel%3Cbr+%2F%3E3+exemplaires+%C3%A0+gagner+%21&amp;link=http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/&amp;notes=Se%20lancer%20dans%20un%20blog%20n%27est%20pas%20un%20exercice%20facile.%20Il%20convient%20tout%20d%27abord%20de%20savoir%20pourquoi%2C%20d%27analyser%20les%20moyens%20d%27y%20arriver%20et%20finalement%20de%20surveiller%20les%20r%C3%A9sultats%20que%20l%27on%20s%27est%20fix%C3%A9%20pour%20ajuster%20la%20m%C3%A9thode%20ou%20les%20objectifs.%20J%27ai%20lu%20le%20livre%20de%20Thomas%20Parisot%20%22R%C3%A9ussir%20son%20blog%20professionnel%22%2C%20et%20il%20est%20d%27une%20aide%20pr%C3%A9cieuse%20pour%20toutes%20ces%20%C3%A9tapes.%20Que%20votre%20blog%20existe%20d%C3%A9j%C3%A0%20ou%20que%20vous%20vouliez%20vous%20lancer%2C%20je%20vous%20le%20recommande%20vivement%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Thomas%20Parisot%20depuis%20son%20blog%20%28La%20case%20de%20l%27oncle%20Tom%29&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Se%20lancer%20dans%20un%20blog%20n%27est%20pas%20un%20exercice%20facile.%20Il%20convient%20tout%20d%27abord%20de%20savoir%20pourquoi%2C%20d%27analyser%20les%20moyens%20d%27y%20arriver%20et%20finalement%20de%20surveiller%20les%20r%C3%A9sultats%20que%20l%27on%20s%27est%20fix%C3%A9%20pour%20ajuster%20la%20m%C3%A9thode%20ou%20les%20objectifs.%20J%27ai%20lu%20le%20livre%20de%20Thomas%20Parisot%20%22R%C3%A9ussir%20son%20blog%20professionnel%22%2C%20et%20il%20est%20d%27une%20aide%20pr%C3%A9cieuse%20pour%20toutes%20ces%20%C3%A9tapes.%20Que%20votre%20blog%20existe%20d%C3%A9j%C3%A0%20ou%20que%20vous%20vouliez%20vous%20lancer%2C%20je%20vous%20le%20recommande%20vivement%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Thomas%20Parisot%20depuis%20son%20blog%20%28La%20case%20de%20l%27oncle%20Tom%29&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Livre%20%3A%20R%C3%A9ussir%20son%20blog%20professionnel%3Cbr%20%2F%3E3%20exemplaires%20%C3%A0%20gagner%20%21&amp;link=http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/&amp;notes=Se%20lancer%20dans%20un%20blog%20n%27est%20pas%20un%20exercice%20facile.%20Il%20convient%20tout%20d%27abord%20de%20savoir%20pourquoi%2C%20d%27analyser%20les%20moyens%20d%27y%20arriver%20et%20finalement%20de%20surveiller%20les%20r%C3%A9sultats%20que%20l%27on%20s%27est%20fix%C3%A9%20pour%20ajuster%20la%20m%C3%A9thode%20ou%20les%20objectifs.%20J%27ai%20lu%20le%20livre%20de%20Thomas%20Parisot%20%22R%C3%A9ussir%20son%20blog%20professionnel%22%2C%20et%20il%20est%20d%27une%20aide%20pr%C3%A9cieuse%20pour%20toutes%20ces%20%C3%A9tapes.%20Que%20votre%20blog%20existe%20d%C3%A9j%C3%A0%20ou%20que%20vous%20vouliez%20vous%20lancer%2C%20je%20vous%20le%20recommande%20vivement%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Thomas%20Parisot%20depuis%20son%20blog%20%28La%20case%20de%20l%27oncle%20Tom%29&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+R%C3%A9ussir+son+blog+professionnel%3Cbr+%2F%3E3+exemplaires+%C3%A0+gagner+%21&amp;link=http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/&amp;notes=Se%20lancer%20dans%20un%20blog%20n%27est%20pas%20un%20exercice%20facile.%20Il%20convient%20tout%20d%27abord%20de%20savoir%20pourquoi%2C%20d%27analyser%20les%20moyens%20d%27y%20arriver%20et%20finalement%20de%20surveiller%20les%20r%C3%A9sultats%20que%20l%27on%20s%27est%20fix%C3%A9%20pour%20ajuster%20la%20m%C3%A9thode%20ou%20les%20objectifs.%20J%27ai%20lu%20le%20livre%20de%20Thomas%20Parisot%20%22R%C3%A9ussir%20son%20blog%20professionnel%22%2C%20et%20il%20est%20d%27une%20aide%20pr%C3%A9cieuse%20pour%20toutes%20ces%20%C3%A9tapes.%20Que%20votre%20blog%20existe%20d%C3%A9j%C3%A0%20ou%20que%20vous%20vouliez%20vous%20lancer%2C%20je%20vous%20le%20recommande%20vivement%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Thomas%20Parisot%20depuis%20son%20blog%20%28La%20case%20de%20l%27oncle%20Tom%29&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+R%C3%A9ussir+son+blog+professionnel%3Cbr+%2F%3E3+exemplaires+%C3%A0+gagner+%21&amp;link=http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/&amp;notes=Se%20lancer%20dans%20un%20blog%20n%27est%20pas%20un%20exercice%20facile.%20Il%20convient%20tout%20d%27abord%20de%20savoir%20pourquoi%2C%20d%27analyser%20les%20moyens%20d%27y%20arriver%20et%20finalement%20de%20surveiller%20les%20r%C3%A9sultats%20que%20l%27on%20s%27est%20fix%C3%A9%20pour%20ajuster%20la%20m%C3%A9thode%20ou%20les%20objectifs.%20J%27ai%20lu%20le%20livre%20de%20Thomas%20Parisot%20%22R%C3%A9ussir%20son%20blog%20professionnel%22%2C%20et%20il%20est%20d%27une%20aide%20pr%C3%A9cieuse%20pour%20toutes%20ces%20%C3%A9tapes.%20Que%20votre%20blog%20existe%20d%C3%A9j%C3%A0%20ou%20que%20vous%20vouliez%20vous%20lancer%2C%20je%20vous%20le%20recommande%20vivement%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Thomas%20Parisot%20depuis%20son%20blog%20%28La%20case%20de%20l%27oncle%20Tom%29&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+R%C3%A9ussir+son+blog+professionnel%3Cbr+%2F%3E3+exemplaires+%C3%A0+gagner+%21&amp;link=http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/&amp;notes=Se%20lancer%20dans%20un%20blog%20n%27est%20pas%20un%20exercice%20facile.%20Il%20convient%20tout%20d%27abord%20de%20savoir%20pourquoi%2C%20d%27analyser%20les%20moyens%20d%27y%20arriver%20et%20finalement%20de%20surveiller%20les%20r%C3%A9sultats%20que%20l%27on%20s%27est%20fix%C3%A9%20pour%20ajuster%20la%20m%C3%A9thode%20ou%20les%20objectifs.%20J%27ai%20lu%20le%20livre%20de%20Thomas%20Parisot%20%22R%C3%A9ussir%20son%20blog%20professionnel%22%2C%20et%20il%20est%20d%27une%20aide%20pr%C3%A9cieuse%20pour%20toutes%20ces%20%C3%A9tapes.%20Que%20votre%20blog%20existe%20d%C3%A9j%C3%A0%20ou%20que%20vous%20vouliez%20vous%20lancer%2C%20je%20vous%20le%20recommande%20vivement%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Thomas%20Parisot%20depuis%20son%20blog%20%28La%20case%20de%20l%27oncle%20Tom%29&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Livre+%3A+R%C3%A9ussir+son+blog+professionnel%3Cbr+%2F%3E3+exemplaires+%C3%A0+gagner+%21&amp;link=http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/&amp;notes=Se%20lancer%20dans%20un%20blog%20n%27est%20pas%20un%20exercice%20facile.%20Il%20convient%20tout%20d%27abord%20de%20savoir%20pourquoi%2C%20d%27analyser%20les%20moyens%20d%27y%20arriver%20et%20finalement%20de%20surveiller%20les%20r%C3%A9sultats%20que%20l%27on%20s%27est%20fix%C3%A9%20pour%20ajuster%20la%20m%C3%A9thode%20ou%20les%20objectifs.%20J%27ai%20lu%20le%20livre%20de%20Thomas%20Parisot%20%22R%C3%A9ussir%20son%20blog%20professionnel%22%2C%20et%20il%20est%20d%27une%20aide%20pr%C3%A9cieuse%20pour%20toutes%20ces%20%C3%A9tapes.%20Que%20votre%20blog%20existe%20d%C3%A9j%C3%A0%20ou%20que%20vous%20vouliez%20vous%20lancer%2C%20je%20vous%20le%20recommande%20vivement%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20Thomas%20Parisot%20depuis%20son%20blog%20%28La%20case%20de%20l%27oncle%20Tom%29&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/04/livre-reussir-son-blog-professionnel/feed/</wfw:commentRss> <slash:comments>24</slash:comments> </item> <item><title>Bien écrire HTML &amp; XHTML</title><link>http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/</link> <comments>http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/#comments</comments> <pubDate>Thu, 16 Apr 2009 12:09:51 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[Eyrolles]]></category> <category><![CDATA[memento]]></category> <category><![CDATA[Quiz]]></category> <category><![CDATA[Standard]]></category> <category><![CDATA[Validateur]]></category> <category><![CDATA[W3C]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Wysiwyg]]></category> <category><![CDATA[XHTML]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=9</guid> <description><![CDATA[Pour un premier article "technique", commençons par l'une des bases du web, le langage de balisage <abbr
title="HyperText Markup Language" lang="en">HTML</abbr> et son évolution <abbr
title="eXtensible HyperText Markup Language" lang="en">XHTML</abbr>. Il est indissociable du web, la plupart des pages sur Internet utilisent ces langages ou d'autres dérivés du <a
title="Voir la définition de SGML sur wikipédia" href="http://fr.wikipedia.org/wiki/Standard_Generalized_Markup_Language"><abbr
title="Standard Generalized Markup Language">SGML</abbr></a>. <img
src="/images/crayons.jpg" alt="Crayons de couleur" /><br
/> <a
title="Photo de ooti depuis Flickr" href="http://www.flickr.com/photos/93305392@N00/109580774">Photo de ooti depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Pour un premier article &laquo;&nbsp;technique&nbsp;&raquo;, commençons par l&#8217;une des bases du web, le langage de balisage <abbr
title="HyperText Markup Language" lang="en">HTML</abbr> et son évolution <abbr
title="eXtensible HyperText Markup Language" lang="en">XHTML</abbr>. Il est indissociable du web, la plupart des pages sur Internet utilisent ces langages ou d&#8217;autres dérivés du <a
title="Voir la définition de SGML sur wikipédia" href="http://fr.wikipedia.org/wiki/Standard_Generalized_Markup_Language"><abbr
title="Standard Generalized Markup Language">SGML</abbr></a>.</p><p><img
src="/images/crayons.jpg" alt="Crayons de couleur" /><br
/> <a
title="Photo de ooti depuis Flickr" href="http://www.flickr.com/photos/93305392@N00/109580774">Photo de ooti depuis Flickr</a></p><p>Je vais donc vous présenter les différentes ressources de qualité sur le sujet que l&#8217;on trouve sur Internet. Le but de cet article est de vous donner toutes les pistes. Vous n&#8217;avez plus qu&#8217;a les suivre !</p><h2>Définitions</h2><ul><li><a
title="Voir la définition de HTML sur wikipédia" href="http://fr.wikipedia.org/wiki/Hypertext_Markup_Language">Définition de HTML</a></li><li><a
title="Voir la définition de XHTML sur wikipédia" href="http://fr.wikipedia.org/wiki/XHTML">Définition de XHTML</a></li></ul><h2>Historique</h2><p>La première version de la norme date de 1991, son auteur <a
title="Voir la biographie de Tim Berners-Lee sur Wikipédia" href="http://fr.wikipedia.org/wiki/Tim_Berners-Lee">Tim Berners-Lee</a> préside aujourd&#8217;hui le <a
title="Voir la définition du W3C sur wikipédia" href="http://fr.wikipedia.org/wiki/W3c"><abbr
title="World Wide Web Consortium">W3C</abbr></a>, le consortium chargé de promouvoir la compatibilité des technologies web.</p><p>La version actuelle de HTML est la 4.01, c&#8217;est une correction de la version 4.0 qui date de 1997. Depuis peu d&#8217;évolutions, la version 5 est en préparation. Le seul point marquant de ces dernières années est l&#8217;arrivée de XHTML, qui est le portage de HTML en <a
title="Voir la définition de XML sur wikipédia" href="http://fr.wikipedia.org/wiki/XML">XML</a>. Cette évolution permet notamment de gagner en qualité du code, l&#8217;apport de XML oblige à plus de rigueur. Certaines facilité du langage HTML ne sont plus permises, le code est donc plus homogène et les navigateurs interprètent donc plus facilement un code qu&#8217;ils lisent mieux.</p><p>Les navigateurs récents tels que IE8 ou Firefox 3.x respectent de plus en plus en plus les standard et affichent d&#8217;ailleurs de mieux en mieux les pages qui respectent les normes.</p><h2>A quoi ca sert ?</h2><p>Le langage HTML ne permet pas de faire le rendu visuel d&#8217;un texte. En fait il ne permet que le balisage de celui ci. Ainsi un titre aura une balise de titre. En lisant la source du code, on comprendra qu&#8217;il s&#8217;agit d&#8217;un titre, mais le rendu lui sera fait par les <a
title="Voir la définition de CSS sur wikipédia" href="http://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade"><abbr
title="Cascading Style Sheet" lang="en">CSS</abbr></a>. Vous comprenez bien que sur un Iphone ou sur un écran 20 pouces, le rendu ne sera pas le même, mais notre titre sera toujours un titre.</p><p>Vous pouvez ainsi définir les éléments de votre page tels qu&#8217;un texte, une image, une vidéo, un formulaire, des liens bien sûr, mais aussi des tableaux des listes&#8230;</p><p>HTML vous permet ainsi d&#8217;afficher votre contenu, mais aussi de questionner l&#8217;internaute au travers de champs de formulaire, par des questions ouvertes avec des champs texte, par des questions fermées à réponse simple ou multiple, et même de l&#8217;enregistrement de fichier.</p><h2>Comment apprendre ?</h2><p>Vous trouverez de multiples cours sur HTML, mais méfiez vous, la plupart présentent un code non standard qui risque d&#8217;être mal compris par les navigateurs, et qui risque d&#8217;être obsolète dans les navigateurs futurs. Référez vous donc le plus souvent à la norme HTML ou au mémento de Raphaël Goetter par exemple.</p><p>L&#8217;utilisation du validateur vous montrera également vos erreurs en vous donnant des pistes pour les corriger.</p><h2>Les normes</h2><p>Les normes ne sont pas toujours faciles à lire, mais heureusement la traduction française apporte un peu plus de clarté sur certains points techniques.</p><ul><li><a
title="Voir norme HTML 4.01 officielle en anglais" href="http://www.w3.org/TR/1999/REC-html401-19991224/" lang="en">La norme HTML 4.01 officielle en anglais</a></li><li><a
title="Voir norme HTML 4.01 traduite en français" href="http://www.la-grange.net/w3c/html4.01/cover.html">La norme HTML 4.01 traduite en français</a></li><li><a
title="Voir la norme XHTML 1.0 officielle en anglais" href="http://www.w3.org/TR/xhtml1/" lang="en">La norme XHTML 1.0 officielle en anglais</a></li><li><a
title="Voir la norme XHTML 1.0 traduite en français" href="http://www.la-grange.net/w3c/xhtml1/">La norme XHTML 1.0 traduite en français</a></li><li><a
title="Voir la norme XHTML 1.1 officielle en anglais" href="http://www.w3.org/TR/2001/REC-xhtml11-20010531/" lang="en">La norme XHTML 1.1 officielle en anglais</a></li><li><a
title="Voir la norme XHTML 1.1 traduite en français" href="http://www.la-grange.net/w3c/xhtml11/">La norme XHTML 1.1 traduite en français</a></li></ul><h2>Les bonnes pratiques</h2><ul><li>Utiliser le <a
href="http://fr.wikipedia.org/wiki/Doctype">doctype</a> approprié</li><li>Respecter la norme associée au doctype</li><li>Évitez l&#8217;utilisation d&#8217;éditeurs <a
title="Voir la définition de WYSIWYG sur wikipédia" href="http://fr.wikipedia.org/wiki/WYSIWYG"><abbr
title="What You See Is What You Get">WYSIWYG</abbr></a>, leur interprétation laisse parfois à désirer</li><li>Ne pas utiliser de balises HTML &laquo;&nbsp;propriétaires&nbsp;&raquo;</li><li>Indenter correctement son code source pour le rendre plus lisible</li></ul><h2>Outils</h2><p>Il n&#8217;est pas toujours facile d&#8217;avoir en tête toutes les propriétés de chaque élément HTML, aussi n&#8217;hésitez pas à vérifier la validité de vos pages.</p><ul><li><a
title="Validez votre code HTML et XTML avec le validateur du W3C" lang="en" href="http://validator.w3.org/">Validateur de code HTML et XTML du W3C</a></li><li><a
title="Validez votre code avec un validateur en français" href="http://www.validome.org/">Validateur de code Validome</a></li></ul><h2>Bibliographie</h2><p>La gamme &laquo;&nbsp;mémento&nbsp;&raquo; chez Eyrolles présente sous forme de livret plastifié et indéchirable l&#8217;essentiel d&#8217;un point technique pour seulement 5€. Un indispensable !</p><ul><li><a
title="Voir le mémento sur XHTML" href="http://www.eyrolles.com/Informatique/Livre/memento-xhtml-9782212119558">Mémento XHTML de Raphaël Goetter chez Eyrolles</a></li></ul><h2>Quiz</h2><p>Vous avez bien compris tous les éléments présentés ? Testez vos connaissances ! Attention, le premier test n&#8217;est pas aussi facile que l&#8217;on pourrais le croire.</p><ul><li><a
title="Combien de balises HTML pouvez vous citer en 5 minutes ?" href="http://www.oneplusyou.com/bb/html_quiz">Combien de balises HTML pouvez vous citer en 5 minutes ?</a></li><li><a
title="Testez vos connaissances HTML en 20 questions" lang="en" href="http://www.w3schools.com/quiztest/quiztest.asp?qtest=HTML">Testez vos connaissances HTML en 20 questions</a></li></ul><p>Vous voilà je l&#8217;espère un peu plus à l&#8217;aise avec la notion de langage de balisage. N&#8217;hésitez pas à posez vos questions en commentaires.</p><p>Un des buts de ce site étant l&#8217;échange et l&#8217;apprentissage, proposez aussi vos références bibliographiques, liens ou bonnes pratiques sur le sujet.<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/05/bien-utiliser-les-feuilles-de-style-css/" rel="bookmark" title="15 mai 2009">Bien utiliser les feuilles de style (CSS)</a></li><li><a
href="http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/" rel="bookmark" title="25 novembre 2010">Livre : HTML5 pour les webdesigners</a></li><li><a
href="http://www.webaaz.com/2009/08/aide-memoire-antiseche-les-cheat-sheets-2/" rel="bookmark" title="1 août 2009">Aide mémoire &amp; antisèche : Les cheat sheets</a></li><li><a
href="http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/" rel="bookmark" title="1 juin 2009">Bien développer en PHP (partie 1)</a></li><li><a
href="http://www.webaaz.com/2009/09/bien-utiliser-javascript/" rel="bookmark" title="23 septembre 2009">Bien utiliser Javascript</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+%C3%A9crire+HTML+%26amp%3B+XHTML&amp;link=http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/&amp;notes=Pour%20un%20premier%20article%20%22technique%22%2C%20commen%C3%A7ons%20par%20l%27une%20des%20bases%20du%20web%2C%20le%20langage%20de%20balisage%20HTML%20et%20son%20%C3%A9volution%20XHTML.%20Il%20est%20indissociable%20du%20web%2C%20la%20plupart%20des%20pages%20sur%20Internet%20utilisent%20ces%20langages%20ou%20d%27autres%20d%C3%A9riv%C3%A9s%20du%20SGML.%0D%0A%0D%0A%0D%0APhoto%20de%20ooti%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Pour%20un%20premier%20article%20%22technique%22%2C%20commen%C3%A7ons%20par%20l%27une%20des%20bases%20du%20web%2C%20le%20langage%20de%20balisage%20HTML%20et%20son%20%C3%A9volution%20XHTML.%20Il%20est%20indissociable%20du%20web%2C%20la%20plupart%20des%20pages%20sur%20Internet%20utilisent%20ces%20langages%20ou%20d%27autres%20d%C3%A9riv%C3%A9s%20du%20SGML.%0D%0A%0D%0A%0D%0APhoto%20de%20ooti%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Bien%20%C3%A9crire%20HTML%20%26amp%3B%20XHTML&amp;link=http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/&amp;notes=Pour%20un%20premier%20article%20%22technique%22%2C%20commen%C3%A7ons%20par%20l%27une%20des%20bases%20du%20web%2C%20le%20langage%20de%20balisage%20HTML%20et%20son%20%C3%A9volution%20XHTML.%20Il%20est%20indissociable%20du%20web%2C%20la%20plupart%20des%20pages%20sur%20Internet%20utilisent%20ces%20langages%20ou%20d%27autres%20d%C3%A9riv%C3%A9s%20du%20SGML.%0D%0A%0D%0A%0D%0APhoto%20de%20ooti%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+%C3%A9crire+HTML+%26amp%3B+XHTML&amp;link=http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/&amp;notes=Pour%20un%20premier%20article%20%22technique%22%2C%20commen%C3%A7ons%20par%20l%27une%20des%20bases%20du%20web%2C%20le%20langage%20de%20balisage%20HTML%20et%20son%20%C3%A9volution%20XHTML.%20Il%20est%20indissociable%20du%20web%2C%20la%20plupart%20des%20pages%20sur%20Internet%20utilisent%20ces%20langages%20ou%20d%27autres%20d%C3%A9riv%C3%A9s%20du%20SGML.%0D%0A%0D%0A%0D%0APhoto%20de%20ooti%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+%C3%A9crire+HTML+%26amp%3B+XHTML&amp;link=http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/&amp;notes=Pour%20un%20premier%20article%20%22technique%22%2C%20commen%C3%A7ons%20par%20l%27une%20des%20bases%20du%20web%2C%20le%20langage%20de%20balisage%20HTML%20et%20son%20%C3%A9volution%20XHTML.%20Il%20est%20indissociable%20du%20web%2C%20la%20plupart%20des%20pages%20sur%20Internet%20utilisent%20ces%20langages%20ou%20d%27autres%20d%C3%A9riv%C3%A9s%20du%20SGML.%0D%0A%0D%0A%0D%0APhoto%20de%20ooti%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+%C3%A9crire+HTML+%26amp%3B+XHTML&amp;link=http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/&amp;notes=Pour%20un%20premier%20article%20%22technique%22%2C%20commen%C3%A7ons%20par%20l%27une%20des%20bases%20du%20web%2C%20le%20langage%20de%20balisage%20HTML%20et%20son%20%C3%A9volution%20XHTML.%20Il%20est%20indissociable%20du%20web%2C%20la%20plupart%20des%20pages%20sur%20Internet%20utilisent%20ces%20langages%20ou%20d%27autres%20d%C3%A9riv%C3%A9s%20du%20SGML.%0D%0A%0D%0A%0D%0APhoto%20de%20ooti%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+%C3%A9crire+HTML+%26amp%3B+XHTML&amp;link=http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/&amp;notes=Pour%20un%20premier%20article%20%22technique%22%2C%20commen%C3%A7ons%20par%20l%27une%20des%20bases%20du%20web%2C%20le%20langage%20de%20balisage%20HTML%20et%20son%20%C3%A9volution%20XHTML.%20Il%20est%20indissociable%20du%20web%2C%20la%20plupart%20des%20pages%20sur%20Internet%20utilisent%20ces%20langages%20ou%20d%27autres%20d%C3%A9riv%C3%A9s%20du%20SGML.%0D%0A%0D%0A%0D%0APhoto%20de%20ooti%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
