Bibliographie
• Contenu
Bibliographie
Trouver dans une librairie, même spécialisée, de bons livres traitant de conception ou de réalisation pour le web n'est pas une mince affaire. Deux types d'ouvrages sont à éviter : les "guides complets" qui ne sont qu'une interminable liste d'astuces techniques sans commentaires ni analyses, car ils ne servent qu'à produire des sites standards sans vous donner les éléments pour prendre le recul nécessaire et choisir ce qui vous convient. Fuyez aussi ceux dont le marketing agressif tient lieu de point de vue : les ouvrages spectaculaires, avec des images magnifiques, ou qui s'adressent (c'est dans le titre) aux imbéciles, aux paresseux ou aux gens pressés... de réaliser un travail médiocre.
Si je devais partir réaliser des sites web sur une île déserte (drôle d'idée), j'emporterais pour ma part des ouvrages spécialisés, avec un point de vue d'auteur : HTML 4, de Ralph Steyer, pour la liste des balises ; Conception graphique de vos sites web, de Linda Weinman, pour l'aspect graphique ; Information Architecture for the World Wide Web, de Louis Rosenfeld & Peter Morville, pour la conception, et enfin mon favori parmi les dictionnaires orthographiques, le Dictionnaire de l'orthographe d'André Jouette.
Préparez-vous donc à acheter plusieurs livres, et sachez ce que vous demanderez à chacun.
Dans la liste suivante, j'ai organisé les références par thème. Pour chacune d'entre elles, vous trouverez des ouvrages en papier (les titres sont en italiques) ou bien des références à des sites web (j'ai alors indiqué l'URL en clair). Les livres sont disponibles en France, leur prix sont donnés à titre indicatif, et en francs français (FF). Si le site ou l'ouvrage ne sont pas en français, c'est précisé. J'indique également le niveau requis pour profiter de l'ouvrage : pour débutants ou pour débrouillés, en supposant que les experts sauront choisir seuls.
Technique
Le HTML
• Pour plus de précisions sur la norme HTML, visitez le site du W3C. Rappelez-vous que la norme HTML ne rassemble que des recommandations, pas forcément suivies par les constructeurs de navigateurs (en anglais).
http://www.w3.org
Rien de plus périlleux que de vous indiquer un manuel HTML. Cela dépend tellement de vos connaissances, de vos besoins, de votre méthode personnelle d'apprentissage... Voilà pourquoi je ne peux que vous donner des pistes ! Vous avez déjà deux possibilités :
- sur le web : tapez "HTML"sur votre annuaire favori (pour la France : Yahoo : http://fr.yahoo.com) ou sur Google. Il existe de bons manuels développés par des particuliers, malheureusement pas toujours mis à jour. Souvent intéressants pour débuter, s'ils proposent une liste claire des principales balises. Pensez à aller fouiner du côté des sites canadiens en français !
On me recommande celui-ci (plutôt pour débrouillés, comme pense-bête) :
http://www.htmlhelp.com/
- Je recommande, pour approfondir, les explications très pédagogiques de Luc Van Lancker (il propose également des pages au format .doc ou .pdf, pour lire hors ligne). Il vous entraîne débroussailler le HTML, mais vous pouvez aussi lui faire confiance pour la découverte du javascript ou des feuilles de style... Choisissez sur :
http://www.ccim.be/ccim328/
- en librairie :
• Webdesign in a Nutshell, Jennifer Niederst, éd. O'Reilly, 1999, 215 FF. Donne les balises HTML, et des indications sur les scripts CGI, sur les Javascripts. Complet et pratique. La somme pour les débrouillés. Malgré ce que son nom pourrait donner à entendre en français, ne traite que de réalisation. En anglais.
En format poche, mon choix s'est porté, pour des raisons de praticité, sur les ouvrages présentant les balises HTML par fonction (du type "Mise en forme des textes", "Les images"), et non par ordre alphabétique, classification qui ne vous sert que lorsque vous épluchez un code source...
• Initiation au HTML, collection "Les nouveaux poches micro", éd. Osman Eyrolles Multimédia, 1999, 69 FF. Très clair, excellent pour les débutants.
• HTML 4, Dick Oliver et Molly Holzschlag, Campus Press, 1998, 62 FF. Très bien expliqué, pour débutants ou débrouillés.
• HTML 4, Ralph Steyer, éd. Micro Application, 1999, 65 FF.
HTML, Ralph Steyer, éd. Micro Application, 1999, 74,50 FF.
Deux ouvrages du même auteur, l'un en couleur, l'autre pas. Bonne introduction à l'histoire du HTML, étape par étape. Une deuxième partie enseigne les différentes balises (du plus simple au plus compliqué). Le second ouvrage précise, pour chaque tag, à partir de quelle version HTML il apparaît en standard. On trouve les spécificités de chaque navigateur dans les deux ouvrages. Chapitres finaux sur les innovations (ActiveX, feuilles de style, rollover et l'inévitable introduction à XML...).
L'accès au web pour tous
• Voir le site Best viewed with any browser, qui bataille, lui, pour conserver un HTML indépendant des grands constructeurs de navigateurs. (En anglais)
http://www.anybrowser.org/campaign/
• Pour l'accès aux handicapés, voir le site du Trace Center, de l'université du Wisconsin, listant tous les efforts pour rendre accessible (accessibility) le web aux handicapés. (En anglais)
http://www.trace.wisc.edu/world/web/index.html
• Consultez également, sur ce thème, la page du WAI (Web Accessibility Initiative) sur le site du WWW Consortium. (En anglais)
http://www.w3.org/WAI/
Les recommandations de la WAI, publiées en mai 1999 et accessibles en ligne, en anglais, à l'adresse :
http://www.w3.org/TR/WAI-WEBCONTENT/
ont été traduites par le programme d'action gouvernemental pour la société de l'information :
http://www.internet.gouv.fr/francais/guide/w3c/w3c.html
Sur le site de La Documentation française, vous trouverez l'intégrale du rapport de M. Descargues sur "L'accessibilité des nouvelles technologies de l'information et de la communication aux personnes aveugles et malvoyantes".
http://www.ladocfrancaise.gouv.fr/descargues/
Voyez bien sûr le site de BrailleNet (décrit plus en détail dans l'annexe 5 - Accès des sites web aux handicapés) :
http://www.braillenet.jussieu.fr
Aspects légaux
• Droit de l'Internet, Valérie Sédallian, Collection AUI, 1996. Ed. Net Press, 191, av. Aristide Briand, 94230 Cachan. Un livre sérieux et bien documenté, écrit par une avocate spécialisée dans les problèmes juridiques liés à l'utilisation de l'Internet, de l'informatique et des nouvelles technologies de l'information. Ce livre traite tous les aspects légaux du développement de l'Internet. Un des très rares ouvrages à propos de l'internet qui s'intéresse aux problèmes du citoyen (protection de la vie privée, responsabilité pénale, liberté d'expression), pas seulement à ceux du consommateur et du commerçant. Un chapitre également sur les droits d'auteur. Attention, certaines lois ont changé, depuis ! Plus actuel : Mme Sédallian, avocate et membre du barreau depuis 1992, anime bénévolement un site dédié aux aspects juridiques de l'Internet, où ses "chroniques" suivent l'actualité. :
http://www.internet-juridique.net/
• Un autre point de vue personnel et intéressant, celui de Sébastien Canevet, "Spécialiste du droit de l'Internet et des nouveaux médias" :
http://www.canevet.com/
• Voir également le site de la CNIL, la Comission nationale de l'informatique et des libertés, en France, bien réussi et didactique :
http://www.cnil.fr/
• Pour les thèmes sociétaux sujets à débats (filtrage, responsabilité des fournisseurs d'accès, loi sur la société de l'information), je me rallie pour ma part très souvent aux positions adoptés par l'association IRIS ("Imaginons un réseau internet solidaire") :
http://www.iris.sgdg.org/
Vous pouvez vous abonner à la lettre électronique « LES IRIS », également diffusée à la presse :
http://www.iris/sgdg.org/les-iris/
Quelques logiciels libres et/ou gratuits
• Pour le courrier électronique, évitez les logiciels bricolés sur vos navigateurs. Ce n'est pas leur boulot, et on connaît par coeur les failles de sécurité d'Outlook, le logiciel de messagerie d'Internet Explorer, dont les mailles laissent passer sans vergogne les plus gros virus. Préférez un logiciel spécialisé, comme Eudora, qui a largement fait ses preuves (je n'ai que ça chez moi, et même une version vieillie, la 1.5.3, et ça me convient tout à fait) :
http://www.eudora.com/
Eudora existe actuellement (version 5, juillet 2001) en trois versions : la version "paid mode" (où il faut payer), la version "sponsored mode", où c'est gratuit si vous supportez la présence des bandeaux publicitaires des sponsors, et la version "light mode", toujours gratuite, sans pub mais quelques fonctions en moins. Les développeurs n'ont réalisé qu'une version : vous téléchargez le même fichier, que vous installez tranquillement sur votre ordinateur (version PC et version Mac disponibles). Par défaut, c'est la version "sponsored mode" qui apparaît. Si les bandeaux de pub (en bas, à gauche) vous insupportent, vous n'avez qu'à aller dans le menu Help > Payment & Registration, pour changer de version. Cliquez sur le bouton de droite, puis sur "Reduce features" ("Vous êtes sûr que vous êtes radin au point d'abandonner toutes nos astuces indispensables ?") : vous aurez un Eudora avec des boutons en grisé (pour les fonctions inaccessibles), mais la conscience en paix. N.B. Si vous tentez de masquer la pub des sponsors, en bas à gauche, en réduisant la fenêtre, Eudora vous rappelle à l'ordre avec un message du genre "Il me semble que quelque chose cloche, dans l'affichage"...
• HTDIPG, un moteur de recherche libre et gratuit, assez rudimentaire mais suffisant pour un petit site :
http://www.htdig.org
• La liste des pré-processeurs WML proposée en note dans le chapitre 2 (par. 2.1 - Du côté de chez l'auteur) ne comprend que des logiciels libres.
• Il existe sur le web beaucoup de sites proposant des logiciels en freewares (gratuits) ou en sharewares (prix réduit), surtout pour les PC sous Windows. En voici que l'on m'a signalé :
http://www.espacefr.com/ http://www.tucows.com/ http://www.winsite.com/
Et pour les Macs :
http://www.info-mac.org
Conception
Architecture
• Information Architecture for the World Wide Web, de Louis Rosenfeld & Peter Morville, Ed. O'Reilly, 1998, 215 FF. Un livre que je recommande très chaudement, d'une part parce qu'il envisage une réflexion de type participatif quant à la conception de l'architecture des sites, d'autre part pour sa planification des opérations nécessaires à la conception et à la réalisation. En anglais.
• Web Navigation : designing the User Experience. Jennifer Fleming, Ed. O'Reilly, 1998, 299 FF. La même chose que le précédent, mais autrement (et moins bien dit). Intéressant si vous aimez les exemples de sites commentés (la deuxième partie du livre). En anglais.
Ergonomie
• Le texte à l'origine de l'annexe 3 m'a aimablement été communiqué par Dominique Scapin, directeur du laboratoire de psychologie ergonomique pour l'informatique de l'INRIA : Commerce & Interactions : Ergonomic Guidelines for the Design and Evaluation of web Sites, Leulier, Bastien, Scapin. INRIA, février 1998 (en anglais, non édité). Le projet "Psycho-Ergo" s'est arrêté fin 1998, et le texte n'est malheureusement pas accessible en ligne.
• Vous retrouverez les mêmes thèmes développés par l'équipe de D. Scapin dans le livre édité par l'INRIA, qui reprend une série de conférences sur la conception d'un site web. Parmi les thèmes abordés, hormis l'ergonomie, voir également l'introduction à Java et Javascript, et le chapitre sur les images et le web (longue bibliographie de près de 30 références en ligne). C'est un peu cher, mais plein d'informations sérieuses. Créer et maintenir un service web - Cours INRIA, 28 septembre - 2 octobre 1998, ADBS Editions, 1998, 270 FF. Pour lecteurs déjà débrouillés.
• Un livre amusant et pédagogique sur l'ergonomie : The Design of Everyday Things, de Donald A. Norman, The MIT Press, 1998. Plein d'anecdotes tordantes sur pourquoi vous n'avez jamais pu faire marcher votre magnétoscope, et comment vous vous êtes ébouillanté à l'hôtel, la dernière fois que vous avez tenté de comprendre comment fonctionnaient les robinets ultra-modernes de la baignoire. Ces principes fondamentaux d'ergonomie sont à décliner pour les sites web. Actuellement épuisé en français, en anglais uniquement.
Contenu
Documents génériques
- en ligne
• Le Yale Web Style Guide a été réalisé par deux spécialistes en... communication médicale. N'aborde pas vraiment le graphisme, malgré les aquarelles de l'un des auteurs et une "mise en écran" agréable, mais offre une mine de conseils pour réaliser un site (et une mise en page) efficaces. Le meilleur des guides en ligne. (En anglais)
http://www.webstyleguide.com/index.html?/
Une édition papier vient de sortir que vous pouvez commander en ligne sur le site : Web Style Guide: Basic Design Principles for Creating Web Sites, Patrick J. Lynch and Sarah Horton, Yale University Press, 15 ou 35 US$ selon les éditions. (en anglais)
- en librairie et en ligne
• Jakob Nielsen, Conception de sites Web - L'art de la simplicité, Campus Press - juin 2000 - 420 pages - 249,00 FF. Jakob Nielsen est le gourou actuel de l'ergonomie. Comme tous les gourous, il a ses détracteurs ("Nielsen parle de tout, d'un ton très assuré, même de ce qu'il ne connaît pas") et ses admirateurs ("Nielsen parle simplement de tout ce qu'il faut savoir"). Pour ma part, je trouve que M. Nielsen ne devrait pas se mêler de graphisme, parce qu'il n'y connaît rien et dit des bêtises, mais aussi que son bouquin est simple à comprendre (allez, j'avoue : j'y ai même trouvé une ou deux idées, si, si), même s'il délaie beaucoup. Et puis surtout M. Nielsen prône un web simple et efficace. Ne vous laissez pas influencer par le mot "ergonomie", ses conseils sont de bon sens, accessibles à tous. Voilà pourquoi je l'ai classé dans les documents "génériques". Si vous lisez l'anglais, consultez de temps en temps son site :
http://www.useit.com/
Traitement des images pour le web
- en librairie
• Lynda Weinman, graphiste et excellente pédagogue, y consacre un chapitre dans son livre Conception graphique des sites web (voir Conception graphique).
• Photoshop for the Web, Mikkel Aaland, O'Reilly, 1998, 300 FF. Les livres sur Photoshop utilisé pour le web pullulent (on vous promet facilement des résultats magiques), en voilà un correct. Mais vous devez connaître ce logiciel, déjà, qui est quand même assez compliqué. En anglais.
- en ligne
• Dans la rubrique "web color", le site de Lynda Weinman propose une palette de 216 couleurs utilisée par les navigateurs (Mosaic, Netscape et Internet Explorer) et valable sur les écrans Mac et PC. Chaque couleur est définie par son nom en hexadécimal et ses coordonnées en RVB. (En anglais)
http://www.lynda.com/
Une jolie page pesant moins de 5 ko vous propose une visualisation de cette palette, sous la forme de textes ou d'un pavé de couleur, ou même comme couleur de fond :
http://www.the5k.org/entries/171/visualizer.html
• Le chapitre "Web Graphics" de l'excellent Yale Web Style Guide (voir plus haut). En anglais.
• Webmonkey, la rubrique technique du site Hotwired, est une mine d'infos. (En anglais)
http://hotwired.lycos.com/webmonkey/
Conception graphique
Evitez ici les ouvrages qui ne vous donnent qu'une série de trucs pour réaliser de jolies images (ils ne vont pas au-delà du niveau de l'illustration), et privilégiez ceux qui traitent du graphisme de manière plus globale.
- en librairie
• Dssigning Web Graphics, Lynda Weinman, 3e édition, 1999, New Riders Publishing (La 3e édition en français semble épuisée, en juillet 2001, mais pas la version en anglais... 55 US$). Plus que la conception (survolée au début mais les quelques astuces données sont quand même intéressantes), ce livre aborde, de manière simple et didactique, une série de techniques visant à rendre plus efficace l'emploi d'images et de couleurs sur le web. Cette troisième édition, revue et augmentée, tente une étude comparative entre les différents éditeurs HTML, et aborde, marketing oblige, le javascript, le HTML dynamique, les plug-ins... Pour lecteurs débrouillés et débrouillards, en particulier avec Photoshop : en fait, cet excellent ouvrage s'adresse plus spécialement aux travailleurs des arts graphiques désireux de se lancer dans le web.
Typographie
- en ligne
Il existe nombre de sites proposant des caractères gratuits, mais attention, ils ne sont pas souvent de bonne qualité. Préférez utiliser des polices professionnelles (payantes), à choisir, par exemple, sur les sites de Linotype, de Monotype ou d'Adobe. Attention : certaines polices de caractères n'existent que pour un système d'exploitation donné (juste Windows, ou juste Mac). Pensez-y, si votre parc informatique est varié.
Il y a une foule de sites traitant de typographie, que vous obtiendrez en tapant ce mot sur votre annuaire favori... Pour les petits curieux, les amateurs pas encore éclairés et autres amoureux de la belle lettre, voici un site pédagogique sur la typographie, son histoire, l'imprierie, l'anatomie de la lettre, son utilisation... Bref, une intéressante introduction en forme de somme :
http://www.disparate.net/invalid/
- en librairie
• Manuel de typographie française élémentaire, Yves Perrousseaux, éd. Atelier Perrousseaux, 1995, 120 FF. Bien qu'il précise avoir été conçu à "l'usage des personnes qui pratiquent la PAO", ce petit livre est une introduction simple et efficace au monde de la typographie : histoire de l'écriture, règles typographiques, signes de correction... Pour débutants.
• Ecritures, miroir des hommes et des sociétés, Ladislas Mandel, éd. Atelier Perrousseaux, 1999, 200 FF. Un livre accessible et sensible sur l'histoire de la typographie.
• Pour les esthètes et les amants de la belle lettre, deux ouvrages de toute beauté :
- Les caractères de l'imprimerie nationale, Imprimerie nationale éditions, 1990. Inventaire de plus de 92 000 poinçons, gravés depuis François Ier jusqu'à nos jours, avec une deuxième partie sur la typographie orientale.
- Typo du 20e siècle, Lewis Blackwell, éd. Flammarion, 1994, 340 FF. Un "beau livre" et un texte passionnant sur l'évolution du dessin du caractère ces cent dernières années. Le classement par décennie aborde tout à la fois l'environnement artistique en Occident, les principaux noms de la profession, les progrès techniques dans l'impression...
Dictionnaires orthographiques
Ou "C'est pas parce qu'on est sur Internet qu'il faut écrire comme un cochon", et ne faites donc pas confiance aux logiciels soit-disant correcteurs, ils ne peuvent pas le faire : la grammaire, c'est une question d'intelligence (justement ce qui leur manque).
• Dictionnaire de l'orthographe (tous les pièges et difficultés de la langue française), André Jouette, Ed. Fernand Nathan. Mon préféré, pour son style espiègle et sa clarté.
• Dictionnaire orthographique et grammatical, André Sève et Jean Perrot, Ed. Sociales.
• Dictionnaire des difficultés du français, Jean-Paul Colin, Ed. Les Usuels du Robert.
• Enfin, le Code typographique vous aidera dans le dédale de l'utilisation des abréviations, des majuscules et autres italiques. Edité par la fédération C.G.C. de la communication.
En ligne, quelques informations sur le code typographique français :
http://bisance.citi2.fr/typo/
Web et associations
Ce document n'est pas un portail du web associatif, je ne vous livrerai donc que quelques documents ou URLs que j'utilise (bref, c'est du spécial copinage) :
• Tout d'abord, "Web 1901", la liste de discussion des webmestres associatifs, à laquelle je participe : créée par Globenet, elle gère un trafic paisible (pour le moment, en juin 2001). On évite les discussions à propos de gadgets. Pour envoyer un message à la liste :
web1901@listes.globenet.org
• Les "fiches pratiques associatives" :
http://www.yeba.org/fiches/index.htm
• Le livre de Mona Cholet : "Marchands et citoyens, la guerre de l'internet", éditions de l'Atalante, 60 F.
• Une thèse (il n'y en a pas beaucoup en ligne) de DESS en techniques de l'information et de la communication (novembre 2000) : "Trop éthique pour être @u Net ? La collecte de fonds à vocation philanthropique sur Internet", de Jean-Philippe Henry. Utile pour sa liste des idées délirantes mises en oeuvre aux Etats-Unis (ch. 3). Le pense-bête du ch.4 ("Eléments-clés d'une communication sur le don réussie") n'engage que l'auteur, mais aborde certains détails qui ont leur importance :
http://www.regard.org/oui/equit/cyberfac/tropetiq/index.htm