HTML & CSS : design et création web – Jon Duckett

Livredesign

Publié par le , mis à jour le (30024 lectures)

css design html

Jon Duckett (500 pages, Éditions Pearson, ISBN-13: 978-2-7440-2547-1) – Traduction de Hervé Soulard

Cet ouvrage en français, traduit de sa version originale américaine, est certainement l'un des mieux présentés que j'ai pu lire dans ce domaine.

Ce livre souhaite s'adresser à trois cibles précises : les débutants qui souhaitent découvrir les langages HTML et CSS, les éditeurs de contenu web qui souhaitent proposer une plus-value à leurs contenus, et les professionnels qui tiennent à enrichir leurs connaissances.

Dès le début de la lecture, il est assez surprenant et agréable d'avoir une analyse du code se rapprochant de la dissection des éléments HTML, ainsi que de la syntaxe de CSS (un peu plus loin dans le bouquin). Les informations essentielles sont détaillées et sont parfois même répétées au fur et à mesure de la lecture de l'ouvrage.

De quoi favoriser votre mémoire visuelle sans perturber pour autant les fanatiques du code.
Son nombre de pages (500), ne doit pas vous faire peur, puisque il est utile à la bonne présentation du contenu : ce bouquin reste très facile à lire.

Au sommaire

Le bouquin passe d'abord en revue les éléments HTML les plus utilisés, pour ensuite aborder les styles qu'on peut y appliquer, la partie CSS donc.

  1. Structure
  2. Texte
  3. Listes
  4. Liens
  5. Images
  6. Tableaux
  7. Formulaires
  8. Balisage autre
  9. Flash, vidéo et audio
  10. Introduction à CSS
  11. Couleur
  12. Texte
  13. Boîtes
  14. Listes, tableaux et formulaires
  15. Mise en page
  16. Images
  17. Mise en page HTML5
  18. Procédure et conception
  19. Informations pratiques

Des ressources en ligne (code des exemples, etc.) sont disponibles via le site de Pearson.

Retour de lecture

Mon avis est assez mitigé.


 

La mise en page du livre est vraiment au service de son contenu, c'est un point important et très agréable.


Au début de cet ouvrage l'auteur semble vouloir préter une attention particulière à l'accessibilité, notamment lorsqu'il aborde l'élément <img>. Cependant en allant plus loin dans la lecture, on constate que pour lui l'élément <label> est optionnellement à associer à un champ de formulaire, l'attribut summary de <table> n'est jamais présenté et scope est souvent omis, entre autres choses.

L'auteur annonce également à de nombreuses reprises des attributs ou éléments HTML comme étant dépréciés alors qu'ils ne le sont pas, et inversement.

J'ai fini par relever pas moins d'une quarantaine de coquilles, fautes dans le code, attributs mal écrits, erreurs dans les sélecteurs CSS, etc.
Le contenu de ce livre est donc à prendre avec des pincettes, et si des incohérences semblent vous sauter au visage, n'hésitez pas à consulter la documentation sur internet : une recherche Google devrait faire l'affaire.

Une fois arrivé à la fin de ma lecture, je me suis demandé : pourquoi aborder HTML5 et CSS3 si les bases ne sont pas suffisamment précises ?
La réponse est simple : ce bouquin a pour but la découverte des langages.

Ce livre s'adresse donc, d'après moi, principalement à deux cibles précises : les débutants qui souhaitent découvrir les langages HTML et CSS, ainsi que les éditeurs de contenu web qui souhaitent proposer une plus-value à leurs contenus en enrichissant leurs connaissances.

Dans tous les cas prenez un peu de recul après la lecture de ce bouquin, qui n'en reste pas moins un bon moyen de découvrir les langages HTML et CSS.

(lien sponsorisé)

Note moyenne : 3/5 (10 votes)

Attribuer une note :

Commentaires

Quand tu parles de "débutant", qu'entends-tu par là? Car j'ai lu pas mal de livres pour "débutants", mais qui sont, au final, adressés aux néophytes.

Je suis un débutant en design web, je connais maintenant assez HTML et CSS pour m'en servir, et mon objectif suivant est de savoir comment bien s'en servir pour faire un design web qui ressemble à quelque chose d'autre que du border 1px solid avec ce que j'ai appris avant.

On parle donc d'un livre pour néophyte ou pour quelqu'un dans ma situation et pour qui le livre va permettre d'apprendre de bonnes pratiques, de bonnes idées, etc... ?

Ce livre est beau, ça change des affreux livres (pour les nuls, dunod - tête la première… et parfois les couvertures foireuses d'Eyrolles), ça peut aider les « graphistes » ou étudiants en graphisme à faire le pas vers le code, plutôt que penser à Dreamweaver et Muse… par contre les coquilles, c'est dommage.
Pour le scope et autres, c'est sans doute parce que le validateur W3C est moins « exigeant », et rendre les images accessibles c'est préparer leur référencement (point de vu de graphiste).

Pour les retours et errata, le livre n'est pas en bêta version ou open source ; une erreur ça peut être « sympa à reporter » mais 40, correcteur est un métier !

@format C: j'y ai pensé, mais j'ai un gros souci avec ce principe, c'est que l'éditeur est censé avoir un relecteur technique, embaucher un mec pour faire ce travail. Perso je ne suis ni payé à faire ce type de revue, ni payé à corriger cette quarantaine d'erreurs. Cela peut paraître vénal, mais c'est dans le sens où je ne veux pas voler un emploi : celui du correcteur qui apparemment s'absente de plus en plus.

@Deumus : c'est bien un bouquin pour néophyte dans lequel tu vas apprendre les différentes règles HTML et CSS sans forcément qu'on t'oriente vers un apprentissage du design ou de l'ergonomie, ou de bonnes pratiques de manière générale.
Il ne te serait pas d'une grande aide à mon avis. Il vaut mieux que tu t'orientes vers le DVD de Simon Kern sur le Webdesign, ou encore des bouquins traitant de l'ergonomie comme celui de Amélie Boucher (ou un autre du même auteur)

@bwbk : tout à fait, correcteur est un métier, mais les éditeurs semblent de plus en plus s'en passer de ces métiers. C'est de plus en plus fréquent de trouver autant d'erreurs dans ce type d'ouvrage. Dommage.
Pour les images accessibles, ça dépend des quelles, mais je préfère penser au lecteur d'écran avant de penser à Google (qui de toute manière utilise aussi le contexte pour référencer les images).

@Geoffrey oui, mais je pense que tous les sites ne sont pas concernées par les lecteurs écrans (un portfolio par exemple).