> Le Site du Zéro > Les forums > Communauté des zéros > Discussions générales > Liens relatifs aux validité, accessibilité, qualité de création Web > Lecture du sujet

Liens relatifs aux validité, accessibilité, qualité de création Web

W3C, W.C.A.G du W.A.I, Bobby, Cynthia, Opquast...

Pour accéder à cette section
Connectez-vous !

Auteur	Message
Page 1
1 visiteur sur ce sujet (1 Anonyme)
Page 1
rainbowspiky	# Posté le 01/11/2006 à 10:44:34
développeur & consultant Web	Bonjour à toutes et à tous. Ce message n'est pas le message d'origine. Je présente dans ce message la progression dans la rédaction d'un cours de création Web dans les respect des standards du Web. Mise à jour de ce message, le svendredi 25 mai 2007 : je suis actuellement à la recherche d'un emploi, je n'aurai pas le temps de rédiger ce tuto avant quelques temps. Je sais bien que j'en parle depuis longtemps, mais n'espérez pas voir ce tuto sortir avant l'été 2007. Désolé. But : permettre à tout un chacun de se lancer dans la création Web respectueuse des standards, en partant de zéro. Public : n'importe qui, car le tuto comporte beaucoup de liens vers des sites d'apprentissage. En effet, il sera un recueil de liens utiles, car on ne peut pas tout dire en seulement quelques pages Web. Sujet détaillé : la création respectueuse des normes définies par le W3C : validité des codes structurels + de celui des feuilles de style, sémantique et accessibilité. Titre provisoire : Réalisons des sites avec des standards du Web . Je pourrais aussi appeler ce cours "Réaliser des sites conformes" mais cela est moins précis. "à des standards" signifie que tous les standards ne sont pas nécéssaires pour réaliser un site valide et accessible. J'ai mis ce dimanche 11 février quelques chapitres en ligne sur ZAP. Aller lire des extraits de ce tutoriel sur ZAP. Structure prévisionnelle de ce big tuto (les parties) + détails des chapitres et de leurs sous-parties : Les liens ne sont pas révélateurs du contenu final du tutoriel, ils ne sont présents que pour vous aider dans la compréhension du but de ce tuto. Partie 1 : Découvrons les standards du Web 1) Foire Aux Questions de base Qu'est-ce qu'un standard ? Que sont les standards du Web ? Pourquoi les standards existent-t'ils ? A quoi servent les standards ? Qui édite les standards ? A qui s'adressent les standards ? 2) Les inconvénients et avantages des standards du Web Inconvénients, défauts et reproches Avantages et qualités 3) Apprendre avec les standards ou passer aux standards Apprendre la juste création Web avec les standards Passer aux standards pour un meilleur développement Partie 2 : Utilisons XHTML et CSS de façon valide 1) Le language de balisage pour la structure du code sous-partie 1 sous-partie 2 sous-partie 3 sous-partie 4 2) La sémantique du code structurel sous-partie 1 sous-partie 2 sous-partie 3 sous-partie 4 3) La présentation et le graphisme via les feuilles de style sous-partie 1 sous-partie 2 sous-partie 3 sous-partie 4 Partie 3 : Accessibilisons nos contenus 1) Comprendre pour bien développer sous-partie 1 sous-partie 2 sous-partie 3 sous-partie 4 2) Mettre en pratique de l'accessibilité sous-partie 1 sous-partie 2 sous-partie 3 sous-partie 4 Partie 4 : Annexes 1) Lexique sous-partie 1 sous-partie 2 sous-partie 3 sous-partie 4 2) Sites et livres de références Sites de références Livres de références 3) Les personnalités du milieu sous-partie 1 sous-partie 2 sous-partie 3 4) Référencer son "bon" site sous-partie 1 sous-partie 2 sous-partie 3 sous-partie 4 5) Outils sous-partie 1 sous-partie 2 sous-partie 3 sous-partie 4 N'hésitez vraiment pas à proposer des architectures (des plans) pour ce tuto, je suis preneur ! Je veux vraiment avoir un bon plan avant de rédiger. Dans un premier temps, le tuto serait surtout un recueil de liens, car il est plus facile de faire des liens que de rédiger, il existe de très nombreux documents en français sur la question, je n'ai pas envie de les recopier. Le tuto serait plus rédigé dans un prmeier temps. Les liens seraient donné dans l'order dans lequel de conseille de les lire, pour apprendre pas-à-pas. Lien personnels concernant ce tuto : édition \| aperçu \| tous mes tutos. Édité le 25/05/2007 à 01:30:12 par rainbowspiky Mon micro- blogue Signez la pétition pour l'accessibilité des services en ligne ! IUT de Mulhouse (UHA) : Vie Etudiante. Mes bouts de code PHP. Groupe "Site du Zéro" sur FaceBook. N'oubliez ni la recherche ni le lien "résolu". Merci ! Liens sur les standards du Web : introduction, présentation approfondie, 10 raisons (d'autres raisons), FAQ, importance, avantages (dont commerciaux), lexique, passage, développement ; introduction à l'accessibilité. FAQ décideurs. AlsaCréations. OpenWeb.
Cygal	# Posté le 02/11/2006 à 10:01:58
Blog Twitter close	Très bonne initiative. Si tu étoffais vraiment ce post, ça pourrait devenir un tuto, qui aiderait pas mal de monde à "rentrer dans le droit chemin" Passer l'été à travailler chez soi sur un jeu vidéo libre en étant payé 5000$, c'est possible.
Duael	# Posté le 02/11/2006 à 11:50:55
Y a un Balrog dans le pâté ! Ville : Montpellier Pays : France métropolitaine études : Université Montpellier	Sympa, continues Ma signature est éteinte, comme le Net Français le sera bientôt. réagissons !
OxRide	# Posté le 02/11/2006 à 11:54:40
"Mais c'est con un cannard!"	Ahhh trés bonne idée ce post! Je te shouaite bonne chance mais sa commence bien Toujours et toujours obligé de signé
rainbowspiky	# Posté le 02/11/2006 à 18:06:11
développeur & consultant Web	Ahh merci beaucoup ! L'idée du tuto est pas idiote, je n'y pensais pas au début car cela implique plus de travail et de rigueur qu'un sujet du forum, mais c'est en cours (la rédaction d'un tuto). Ce message comportait au début la structure, que j'ai depuis déplacée dans le premier message. Alt + 0201 pour le symbole "É" Édité le 11/02/2007 à 22:48:04 par rainbowspiky Mon micro- blogue Signez la pétition pour l'accessibilité des services en ligne ! IUT de Mulhouse (UHA) : Vie Etudiante. Mes bouts de code PHP. Groupe "Site du Zéro" sur FaceBook. N'oubliez ni la recherche ni le lien "résolu". Merci ! Liens sur les standards du Web : introduction, présentation approfondie, 10 raisons (d'autres raisons), FAQ, importance, avantages (dont commerciaux), lexique, passage, développement ; introduction à l'accessibilité. FAQ décideurs. AlsaCréations. OpenWeb.
Cygal	# Posté le 19/11/2006 à 11:56:52
Blog Twitter close	Le plan est pas mal, comme c'est très structuré, ça peut aider. Après il faut voir si ça donne des parties homogènes. Je ne saurais que te conseiller de mettre ton tuto sur ZAP, ça permettrait à tout le monde de participer/commenter/corriger des coquilles. Passer l'été à travailler chez soi sur un jeu vidéo libre en étant payé 5000$, c'est possible.
JulFisher	# Posté le 19/11/2006 à 12:43:09
Un Zér0 sur le réZ0 Ville : Anglet Pays : France métropolitaine	Fais-en un site Web Par contre ça c'est dommage : Citation : http://www.hpinfo.info/ This site is designed to be displayed in the browser "Firefox". C'est quelque chose à éviter pour un site Web, de le restreindre à un navigateur ciblé (que ce soit IE ou FF). J'espère que tu en tiendras compte. http://openweb.eu.org/humeurs/800x600/ EDIT : Sur cette page, j'ai mis pas mal de liens intéressants selon moi : http://www.siteduzero.com/forum-83-88336-767449.html#r767449 Édité le 19/11/2006 à 14:07:42 par JulFisher Un Rubik's Cube complexe ? Une solution simple ! http://www.rubikscube.fr Legend of Mana, Vagrant Story, Parasite Eve, powaa !
rainbowspiky	# Posté le 19/11/2006 à 14:08:24
développeur & consultant Web	Citation : JulFisher Par contre ça c'est dommage : Citation : http://www.hpinfo.info/ This site is designed to be displayed in the browser "Firefox". Et bien en fait ça veut dire que je ne vérifie l'affichage presque que avec Firefox, (très) peu avec I.E (dont je n'ai de toute façon que la version 7). C'est pas "pro" du tout mais c'est tellement mieux d'avoir un navigateur aux normes. J'ai vu la liste des liens, certains seront dans ce big-tuto. Mon micro- blogue Signez la pétition pour l'accessibilité des services en ligne ! IUT de Mulhouse (UHA) : Vie Etudiante. Mes bouts de code PHP. Groupe "Site du Zéro" sur FaceBook. N'oubliez ni la recherche ni le lien "résolu". Merci ! Liens sur les standards du Web : introduction, présentation approfondie, 10 raisons (d'autres raisons), FAQ, importance, avantages (dont commerciaux), lexique, passage, développement ; introduction à l'accessibilité. FAQ décideurs. AlsaCréations. OpenWeb.
JulFisher	# Posté le 19/11/2006 à 14:12:45
Un Zér0 sur le réZ0 Ville : Anglet Pays : France métropolitaine	Citation : rainbowspiky Et bien en fait ça veut dire que je ne vérifie l'affichage presque que avec Firefox, (très) peu avec I.E (dont je n'ai de toute façon que la version 7). C'est pas "pro" du tout mais c'est tellement mieux d'avoir un navigateur aux normes. Ca te gène pas que plus des 3/4 des visiteurs sont sur IE et sont donc dispensés de le visiter ? Même si FF "est aux normes", il ne faut pas oublier que IE domine le Web, et va sûrement reprendre une part sur FF avec sa nouvelle version. Il faut prendre le temps (même si c'est à contre coeur) d'utiliser IE 6 pour voir l'affichage. http://www.hertgen.com/anybrowser/ Édité le 19/11/2006 à 14:20:31 par JulFisher Un Rubik's Cube complexe ? Une solution simple ! http://www.rubikscube.fr Legend of Mana, Vagrant Story, Parasite Eve, powaa !
rainbowspiky	# Posté le 19/11/2006 à 14:22:12
développeur & consultant Web	Citation : JulFisher Ca te gène pas que plus des 3/4 des visiteurs sont sur IE et sont donc dispensés de le visiter ? Je n'ai pas dit que le site hpinfo.info s'affiche mal sous I.E, seulement qu'il l'est mieux sous Firefox. Il est évident que si il y a des bogues, je le corrige sinon ce n'est même pas la peine de faire ce site. Édité le 22/12/2006 à 18:07:19 par rainbowspiky Mon micro- blogue Signez la pétition pour l'accessibilité des services en ligne ! IUT de Mulhouse (UHA) : Vie Etudiante. Mes bouts de code PHP. Groupe "Site du Zéro" sur FaceBook. N'oubliez ni la recherche ni le lien "résolu". Merci ! Liens sur les standards du Web : introduction, présentation approfondie, 10 raisons (d'autres raisons), FAQ, importance, avantages (dont commerciaux), lexique, passage, développement ; introduction à l'accessibilité. FAQ décideurs. AlsaCréations. OpenWeb.
JulFisher	# Posté le 19/11/2006 à 16:22:03
Un Zér0 sur le réZ0 Ville : Anglet Pays : France métropolitaine	Citation : rainbowspiky Citation : JulFisher Ca te gène pas que plus des 3/4 des visiteurs sont sur IE et sont donc dispensés de le visiter ? Je n'ai pas dit que le site hpinfo.info s'affiche mal sous I.E, seulement qu'il l'est mieux sous I.E. Il est évident que si il y a des bogues, je le corrige, sinon ce n'est même pas la peine de faire ce site. Ah ok tu me rassure. Sinon en revenant au sujet principal, j'approuve ton tuto entièrement Un Rubik's Cube complexe ? Une solution simple ! http://www.rubikscube.fr Legend of Mana, Vagrant Story, Parasite Eve, powaa !
rainbowspiky	# Posté le 31/12/2006 à 14:54:35
développeur & consultant Web	Bonjour à toutes et à tous, J'ai failli vous annoncer une bonne nouvelle : mon tuto proposé le 29/12 dans l'après-midi a été refusé à la validation le 30/12 vers 20h30 ! Voici les raison du validateur : Mauvaise organisation du tuto. Il suggère trois mini-tuto séparés pour V, A, Q. Je dis "Non" car les trois sont intimement liés Inutilité actuelle (il n'y a pas de pratique pour l'instant), donc développer avant de reproposer. "Inutilité complète" du mini-tuto "Un peu de culture en V.A.Q Web". C'est barbant et il a raison, mais il faut bien placer ces mots de voc quelques part. Je vais donc ré-organiser le tuto et je vous donne donc ci-après son aspect tel que je l'ai proposé. D'abord, le plan du tuto : Partie 1 : Connaissances basiques indispensables Chapitre 1/1 : Un peu de culture en V.A.Q Web Termes et expressions à connaître absolument Qui est qui ? Qui fait quoi ? Chapitre 1/2 : Qu'est-ce que les validité, accessibilité, qualité de sites Web ? Qu'est-ce que la validité ? Qu'est-ce que l'accessibilité ? Qu'est-ce que la qualité ? Chapitre 1/3 : Pourquoi réaliser des sites valides, accessibles, de qualité ? Pourquoi réaliser des sites valides ? Pourquoi réaliser des sites accessibles ? Pourquoi réaliser des sites de qualité ? Partie 2 : Réaliser un site valide Chapitre 2/1 : Comment réaliser un site valide Chapitre 2/2 : Quelques erreurs à éviter (pour la validité) Chapitre 2/3 : Évaluer la validité de son site Web Partie 3 : Réaliser un site accessible Chapitre 3/1 : Comment réaliser un site accessible Chapitre 3/2 : Quelques erreurs à éviter (pour l'accessibilité) Chapitre 3/3 : Évaluer l'accessibilité de son site Web Partie 4 : Réaliser un site de qualité Chapitre 4/1 : Comment réaliser un site de qualité Chapitre 4/2 : Quelques erreurs à éviter (pour la qualité) Chapitre 4/3 : Évaluer la qualité de son site Web Partie 5 : Annexes Chapitre 5/1 : Aller plus loin Chapitre 5/2 : Outils Chapitre 5/3 : Référencement (faire connaître son "bon" site) Chapitre 5/4 : Sites Web de références Ensuite, la page de sommaire du tuto : Citation : sommaire du tuto par rainbowspiky Bonjour à toutes et à tous. Bienvenue dans ce grand tutorial qui a pour but de vous donner les clefs pour concevoir, créer, réaliser, développer ou optimiser un site Web de façon à le rendre optimal. Pré-requis : vous devez avoir déjà codé en XHTML + CSS, être initiés à la création Web en général et si possible à l'accessibilité. Dans ce cours, vous apprendrez ou découvrirez pourquoi et comment réaliser des sites qui sont à la fois conformes aux standards du Web, accessibles à tous les publics et de qualité ; en clair : des sites dont vous pourrez humblement être fiers. (Je parle indifféremment de "un" site ou de "des" sites, ce n'est qu'un détail.) Ce cours comporte beaucoup de liens externes car le sujet (VAQ = validité, accessibilité, qualité) est extrêmement vaste et je ne peux pas tout dire dessus en un seul tutoriel. Bonne lecture et bon courage. barre horizontale Ce cours est composé des parties suivantes : Connaissances basiques indispensables Partie 1 : Connaissances basiques indispensables Avant de se lancez dans la réalisation pratique de son site, il est préférable de maitriser son sujet dans la théorie. Cette partie vous donne du vocabulaire et des références, définit notre sujet et en donne les enjeux. 1) Un peu de culture en V.A.Q Web Termes et expressions à connaître absolument Qui est qui ? Qui fait quoi ? 2) Qu'est-ce que les validité, accessibilité, qualité de sites Web ? Qu'est-ce que la validité ? Qu'est-ce que l'accessibilité ? Qu'est-ce que la qualité Web ? 3) Pourquoi réaliser des sites valides, accessibles, de qualité ? Pourquoi réaliser des sites valides ? Pourquoi réaliser des sites accessibles ? Pourquoi réaliser des sites de qualité ? Vous disposez désormais de nombreuses connaissances théoriques à ce sujet. Dans quelques semaines, vous pourrez passer à la pratique et entamer l'apprentissage de la conception valide. barre horizontale Ce cours n'est pas du tout terminé, vous vous en doutez, c'est un peu "light" pour l'instant. Le prochaine partie s'appelle "Réaliser un site valide" (elle a déja un titre) et vous expliquera... comment réaliser un site conforme. La structure complète de ce cours (en incluant les sous-parties de chaque chapitre) est disponible dans le message du forum à l'origine de ce tutoriel. Aller lire ce message. Bonne Année les Zéros. A bientôt. Enfin, les trois chapitres de la première partie : Un peu de culture en V.A.Q Web Citation : premier chapitre du tuto par rainbowspiky (de la première partie) Ce chapitre est un abébcédaire des VAQ. Il vous donne des bases théoriques sur ce sujet. La pratique de la création Web de qualité ne commencera qu'à la deuxième partie de ce cours. barre horizontale Termes et expressions à connaître absolument Bobby : surnom de l'évaluateur d'accessibilité "WebXACT" de Watchfire.com. checkpoint (mot anglais) : point de contrôle. compliance (mot anglais) : conformité, respect. conformance (mot anglais) : conformité, respect. CSS (Cascading Style Sheet = Feuille de Style en Cascade) : langage informatique destiné à la stylisation (dont la mise en page) du contenu des pages, en regroupant les informations de style dans ce seul fichier indépendemment des pages XHTML. Accueil du CSS sur le site du W3C : www.w3.org/ Style/ CSS/. Cynthia : surnom de l'évaluateur d'accessibilité de Hi Software disponible sur le site www.contentquality.com/. implementation (mot anglais) : implémentation = mise en éxécution = mise en place sur le site. to pass the validation (expression anglophone) : réussir l'évaluation/la validation (aucune erreur détectée). priorité : les points de contrôle des WCAG du W3C sont classées en trois groupes qui sont autant de niveaux de difficulté d'implémentation. Explications de la FAQ du W3C : page originale en anglais \| traduction en français. to run a site through the W3C MarUp validator/Bobby/The Wave (expression anglophone) : proposer un site à l'évaluation avec l'évaluateur du W3C/Bobby/Cynthia/The Wave. section 508 : la section 508 est le nom usuel d'un amendement à une loi fédérale états-unienne qui elle porte sur l'accessibilité aux personnes handicapées des sites fédéraux et ressources électroniques du gouvernement. La loi en question est la loi sur la réhabilitation de 1973 (Rehabilitation Act of 1973). La section 508 comprends l'intégralité des Site : www.section508.gov/. standard : un standard est une norme, un ensemble de règles sur lesquels plusieurs personnes seson mises d'accord. Les standards du Web sont l'ensemble des spécifications et lignes directrices du W3C. validateur : logiciel en ligne à qui on soumet une adresse Internet ou code dans le but de le faire analyser. Le logiciel en tire des statistiques et indique les erreurs de rédaction. VAQ (validité, accessibilité, qualité) : acronyme de ma composition pour désigner de façon rapide notre sujet qui est validité, accessibiltié, qualité. W3C (World Wide Web Consortium = Consortium Mondial de la Toile) : organisme de gestion des standards du Web. Site : www.w3.org/. WAI (Web Accessibility Initiative = Initiative pour l'Accessibilité du Web) : département du W3C. Je parle indifféremment du WAI en tant que département ou de la WAI en tant qu'initiative. Accueil du WAI sur le site du W3C : www.w3.org/ WAI/. WCAG (Web Content Accessibility Guidelines = Directives pour l'Accessibilité aux Contenus Web) : base de travail pour l'accessibilité des sites Web. Accueil des WCAG sur le site du W3C : www.w3.org/ WAI/ intro/ wcag.php. webmaster : maître du Web (littéralement). Terme par lequel s'identifie une infinité de développeurs de sites Web peu humbles. En effet, selon moi, ce terme ne doit et peut par son étymologie s'appliquer qu'aux développeurs maitrisant tous les langages de création Web (HTML, XML, XHTML, CSS, JS, PHP, ASP, AJAX, etc), réalisant des sites valides (selon le dernier standard le plus accessible) et accessibles (triple "A") à tous... Le terme "développeur" est plus approprié car il sous-entend la notion de travail alors qu'à l'opposé le mot "maître" peut laisser supposer un génie ( hum...). Selon ma définition, il n'a donc presque aucun "webmaster" au monde. webmistress : femme webmaster. Voir aussi le terme "webmaster". WYSIWYG (What You See Is What You Get = Ce Que Vous Voyez Est Ce Que Vous Obtenez) : type d'éditeur (de pages) Web. XHTML (eXtensible HyperText Markup Language = Langage eXtensible de Balisage HyperTexte) : langage de balisage qui sert à coder le contenu des pages Web. Accueil du XHTML sur le site du W3C : www.w3.org/ MarkUp/. Qui est qui ? Qui fait quoi ? Ce glossaire ne pourrait pas être complet sans quelques-unes des personnes que l'on rencontre sur les sites et blogs liés aux standards du Web, à son usagibilité ou à sa qualité en général. Ce Who's Who n'est évidemment pas complet, je me concentre sur les personnes ayant fondé des sites de référence, ou les gérant, celles tenant des sites proposant des traduction d'articles et celles ayant écrit un ou des livres de référence. Il n'est pas du tout nécessaire de connaître tous ces noms, mais vous risquez fort d'en entendre parler si vous naviguez sur des sites de références. Alexandre AFCHAIN . Nationalité française. Co-auteur du livre "Créer des sites web accessibles à tous" (ISBN : 2-87880-576-3) paru en 2003 aux éditions Liaisons. Marie ALHOMME. Nationalité française. Créatrice Web, spécialiste en accessibilité. Site : PouipouiDesign "... et pourquoi pas ?!". Tim BERNERS-LEE. Nationalité états-unienne. Inventeur du World Wide Web en août 1991, fondateur du W3C en 1994 dont il est le président depuis. Sébastien BLONDEEL. Nationalité française. Collaborateur de Raphaël Goetter dans l'écriture du livre "CSS 2 - Pratique du design web" (ISBN : 2-212-11570-9) paru le 16 juin 2005 aux éditions Eyrolles et principal traducteur du livre de Jeffrey ZELDMAN "Designing with web standards". Paul BOHMAN. Nationalité états-unienne. Co-auteur du livre "Constructing Accessible Web Sites" (ISBN : 1-590-59148-8) paru en avril 2002 aux éditions Glasshaus et républié en juillet 2003 aux éditions Apress. Stephanie BOOTH. Nationalité suisse. Créatrice en 2001 du site Pompage "Web design puisé à la source" et directrice honoraire. Denis BOUDREAU. Francophone, nationalité canadienne. Créateur du site CyberCodeur "Coder moins, coder mieux !". Monique BRUNEL. Francophone, nationalité belge. Créatrice et éditrice des site et blog Webatou "Le Web accessible à tous" ; site \| blog. Michael BURKS. Nationalité états-unienne. Co-auteur du livre "Constructing Accessible Web Sites" (ISBN : 1-590-59148-8) paru en avril 2002 aux éditions Glasshaus et républié en juillet 2003 aux éditions Apress. Joe CLARK. Nationalité canadienne. Auteur du livre "Building accessible websites" (ISBN : 0-7357-1150-X) paru en octobre 2002 aux éditions New Riders. Le livre est disponible en ligne sur son site. Site : JoeClark.org. Laurent DENIS. Nationalité française. Rédacteur en chef du projet OpenWeb, membre du collectif Alsacréations et consultant Temesis. Raphaël GOETTER. Nationalité française. Développeur des sites "Alsacréations" (communauté et agence de création) et auteur du livre "CSS 2 - Pratique du design web" (ISBN : 2-212-11570-9) paru le 16 juin 2005 aux éditions Eyrolles. Pierre GUILLOU. Nationalité française. Responsable éditorial du site AccessiWeb.org. Shawn Lawton HENRY. Nationalité états-unienne. Co-auteur du livre "Constructing Accessible Web Sites" (ISBN : 1-590-59148-8) paru en avril 2002 aux éditions Glasshaus et républié en juillet 2003 aux éditions Apress. Julien LANCERAUX . Nationalité française. Co-auteur du livre "Créer des sites web accessibles à tous" (ISBN : 2-87880-576-3) paru en 2003 aux éditions Liaisons. Mathieu NEBRA. Nationalité française. Créateur du Site du Zér0 "Ici, on apprend tout à partir de zéro..." et auteur du livre "Réussir son site web avec XHTML et CSS" (ISBN : 2-212-11948-8) paru le 26 octobre 2006 aux éditions Eyrolles. Tristan NITOT. Nationalité française. Co-fondateur et membre du collectif OpenWeb et fondateur et président de Mozilla Europe. Blog : StandBlog.org. Bob REGAN. Nationalité états-unienne. Co-auteur du livre "Constructing Accessible Web Sites" (ISBN : 1-590-59148-8) paru en avril 2002 aux éditions Glasshaus et républié en juillet 2003 aux éditions Apress. Elie SLOÏM. Nationalité française. Gérant de la société Temesis et de son site, membre du collectif OpenWeb, membre du Groupe de Travail Accessiweb et expert Accessiweb en évaluation. Sarah SWIERENGA. Nationalité états-unienne. Co-auteure du livre "Constructing Accessible Web Sites" (ISBN : 1-590-59148-8) paru en avril 2002 aux éditions Glasshaus et républié en juillet 2003 aux éditions Apress. Jim THATCHER. Nationalité états-unienne. Co-auteur du livre "Constructing Accessible Web Sites" (ISBN : 1-590-59148-8) paru en avril 2002 aux éditions Glasshaus et républié en juillet 2003 aux éditions Apress. Mark D. URBAN. Nationalité états-unienne. Co-auteur du livre "Constructing Accessible Web Sites" (ISBN : 1-590-59148-8) paru en avril 2002 aux éditions Glasshaus et républié en juillet 2003 aux éditions Apress. Cynthia D. WADDELLl. Nationalité états-unienne. Co-auteur du livre "Constructing Accessible Web Sites" (ISBN : 1-590-59148-8) paru en avril 2002 aux éditions Glasshaus et républié en juillet 2003 aux éditions Apress. Jeffrey ZELDMAN. Nationalité canadienne. Auteur du livre "Designing with web standards" (ISBN : 0-321-3855-1 pour la deuxième édition anglophone) paru en jullet 2006 (pour la deuxième édition) aux éditions New Riders. Le livre a été adapté en français par Sébastien BLONDEEL et Virginie MARECHAL sous le titre "Design web : utiliser les standards" (ISBN : 2-212-12026-5 pour la deuxième édition francophone) paru en jullet 2006 (pour la deuxième édition) aux éditions Eyrolles. barre horizontale Après tous ces mots "en vrac", voyons plus précisément les définitions de "validité", "accessibilité" et "qualité Web" dans le chapitre suivant. Qu'est-ce que les validité, accessibilité, qualité de sites Web ? Citation : deuxième chapitre du tuto par rainbowspiky (de la première partie) On entend assez souvent parler de "validité"ou d'"accessibilité" sur le Web, parfois même de "qualité". Mais qu'est-ce que c'est au fait ? barre horizontale Qu'est-ce que la validité ? Pour commencer, sachez qu'il n'y a pas une mais des validités. La validité désigne de façon générale l'état de codes rédigés dans le respect des spécifications le concernant, c'est-à-dire dans les règles de l'art, en respectant sa "grammaire". On parle principalement de la validité de deux codes : XHTML et CSS. X.H.T.M.L Ce langage structurel est celui dans lequel sont rédigée les pages web et qui donc en contient le contenu, d'où l'importance de ne pas faire d'erreur dans sa rédaction. Sans cela, le contenu peut ne pas s'afficher du tout ! C.S.S Ce langage de présentation est celui utilisé pour mettre en forme le contenu de vos pages XHTML. En cas d'erreur, votre contenu n'aura pas du tout l'aspect que vous souhaitiez lui donner. On parle aussi parfois de conformité, il s'agit dans ce cas du respect des standards du web (spécifications à suivre pour réaliser des sites valides, accessibles, interopérables) en général. Qu'est-ce que l'accessibilité ? L'accessibilité web est le caractère utilisable par tous du web, c'est-à-dire que n'importe qui, handicapé ou non doit pouvoir accéder à votre site de façon égale, sans différence ni de contenu ni de fonctionnalité. Qu'est-ce que la qualité Web ? La qualité est une notion très subjective, qui dépend de chaque développeur et chaque visiteur. Un concepteur Flash privilégira les animations et du multimédia, un programmateur PHP préférera un site dynamique, et un webmaster se mettra en 4 pour offrir à ses visiteurs un site accessible à tous. Néanmoins, on peut s'accorder sur le fait que la qualité d'un site vient avant tout de son contenu et de la pertinence de celui-ci, avant même de considérer sa conformité. Nous reparlerons plus en détail de la qualité web dans la quatrième partie de ce tutoriel "Réaliser un site de qualité". Cette partie n'est pas encore disponible. barre horizontale Certains d'entre vous se disent peut-être : "C'est bien beau tout cela, mais à quoi ça sert ?". Nous allons voir cela dans le dernier chapitre de cette partie. Pourquoi réaliser des sites valides, accessibles, de qualité ? Citation : troisième chapitre du tuto par rainbowspiky (de la première partie) La plupart des sites sont mal codés et non valides, alors pourquoi donc se fatiguer à réaliser des sites conformes ? barre horizontale Pourquoi réaliser des sites valides ? Les standards sont des normes de création, de réalisation sur lesquelles de nombreuses personnes se sont mises d'accord et s'engagent à les respecter dans me futur. Ce règles étant établies en consensus, il est logique de les appliquer. Il s'agit de rigueur et de sérieux, tout comme il est convenu que l'on ne "balance" pas le résultat d'une équation (la valeur de chaque variable) à son professeur sans explications préalables. La validité est la première qualité d'un site, avant même de parler de son accesibilité, dont elle est la condition sine qua non. On ne peut pas imaginer un site accessible mais non conforme ! La validité d'un site lui confère de nombreux avantages : affichage correct dans les navigateurs actuels (= sans bogue et comme vous le désirez) ; évolutivité pour les futurs navigateurs (= compatibilité ascendante) ; la séparation du contenu et de sa forme (via l'emploi des CSS) permet une meilleure expérience utlisateur quelque soit leur navigateur. La conformité d'un site est de plus en plus souvent devenu obligatoire, du moins pour les sites gouvernementaux, mais la loi sera peut-être plus sévère dans l'avenir. Pour l'instant, la validté constitue une bonne pratique rigoureuse et morale (pour l'accessibilité), et malheureusement un atout marketing vu le faible nombre de sites valides. Article d'OpenWeb : "Pourquoi les standards du W3C ?" Pourquoi réaliser des sites accessibles ? L'accessibité d'un site donne à celui-ci une bien meilleure audience : pourquoi en effet se priver de visiteurs potentiels ? On s'est rendu compte que l'accessibiltié ne concerne pas que les personnes handicapées pour deux raisons : l'accessibiltié facilite la navigation pour tous les visteurs ; n'importe qui peut avoir un handicap, ne serait-ce que quelque temps. De plus, les défaillances du corps vont croissantes avec l'âge : nous sommes tous des handicapés en puissance. Articles d'OpenWeb : "Pourquoi l'accessibilité numérique ?" "Introduction à laccessibilité". Pourquoi réaliser des sites de qualité ? La qualité est la garantie d'une bonne image que vous donnez via votre site. Cet "effet miroir" est primordial pour tous les sites à vocation comerciale, et tous ceux des entreprises. Ceci ne s'applique bien sûr pas que à cette catégorie de sites : si le vôtre est de qualité, vous prouvez que vous vous souciez du confort de vos visteur durant leur viste. Article d'Alacréations : Principes à suivre pour un site web de qualité : Ergonomie, Compatibilité, Accessibilité. barre horizontale Maintenant que vous avez assimilé les enjeux des V.A.Q, il est temps de passer à la pratique ! Cependant, notre tutoriel s'arrête là pour l'instant. La suite est en cours de rédaction. Voila, vous savez à quoi aurait ressemblé le début du tuto. Tant qu'à vous faire un roman, autant vous annoncer mon projet pour 2007 et répondre à un ancien message. Mon projet de : écrire un livre sur l'accessibiité du web. Il existe bien le livre "Créer des sites web accessibles à tous" par Alexandre Afchain et Julien Lanceraux mais ses infos sont quelque peu dépréciées. Site de mon projet. Mes références littéraires. Réponses à un ancien message : Citation : Cygal Le plan est pas mal, comme c'est très structuré, ça peut aider. Après il faut voir si ça donne des parties homogènes. Je ne saurais que te conseiller de mettre ton tuto sur ZAP, ça permettrait à tout le monde de participer/commenter/corriger des coquilles. Mon égo me donne franchament envie de dire : "Non ! Pas question !". Idéalement, je préfèrerai que les visiteurs puissent annoter le tuto dans uen couleur différente, un peu comme les profs... Mais si tout le monde peut écrire, alors là non ! ça pourrait devenir le souk en moins de deux. Ce pendant, pour les propositions, de liens, de fond, de forme... je suis ouverts aux propositions. Édité le 31/12/2006 à 19:45:26 par rainbowspiky Mon micro- blogue Signez la pétition pour l'accessibilité des services en ligne ! IUT de Mulhouse (UHA) : Vie Etudiante. Mes bouts de code PHP. Groupe "Site du Zéro" sur FaceBook. N'oubliez ni la recherche ni le lien "résolu". Merci ! Liens sur les standards du Web : introduction, présentation approfondie, 10 raisons (d'autres raisons), FAQ, importance, avantages (dont commerciaux), lexique, passage, développement ; introduction à l'accessibilité. FAQ décideurs. AlsaCréations. OpenWeb.
Cygal	# Posté le 01/01/2007 à 11:36:58
Blog Twitter close	Boarf, le système marche très bien, personne n'a vandalisé de tuto sur ZAP, dans tous les cas, tu peux très facilement revenir en arrière. Et puis je ne pense pas que ça intéresse beaucoup de mondes, ce tuto. Le nom n'est pas spécialement attrayant toussa. Donc, tu vas continuer le tuto ? Parce que si il faut j'en rédige un, avec de la pratique, par exemple. Tu peux aussi faire un article parce que, sait-on jamais, on pourra peut-être un jour en mettre sur le SdZ. Passer l'été à travailler chez soi sur un jeu vidéo libre en étant payé 5000$, c'est possible.
rainbowspiky	# Posté le 01/01/2007 à 16:31:35
développeur & consultant Web	Le nom n'est pas "cool", okay ça manque de "freestyle" mais ce sont des termes techniques et véridiques. Donc je vais le refaire en partie et le continuer bien sûr, j'espère même le mener à son terme avant fin janvier. Pour ce qui est des articles, tu peux poster (presque) tant que tu veux dans le forum ! Mon micro- blogue Signez la pétition pour l'accessibilité des services en ligne ! IUT de Mulhouse (UHA) : Vie Etudiante. Mes bouts de code PHP. Groupe "Site du Zéro" sur FaceBook. N'oubliez ni la recherche ni le lien "résolu". Merci ! Liens sur les standards du Web : introduction, présentation approfondie, 10 raisons (d'autres raisons), FAQ, importance, avantages (dont commerciaux), lexique, passage, développement ; introduction à l'accessibilité. FAQ décideurs. AlsaCréations. OpenWeb.
Thor	# Posté le 14/01/2007 à 10:35:34
Le casque de Thor(ngc 2359) Ville : Strasbourg Pays : France métropolitaine études : ITIN	J'ai une petite question ! Mais avant petite mise en situation. J'ai appris à faire un site web grâce au cours sur le xhtml de m@teo21 idem pour le cours sur le php. Pourtant si je veux me lancer dans un site web conséquent, je ne sais pas par où commencer. Ton cours va t-il traiter de cela en même tant que les standard du web, ou va t-il uniquement traiter des standards du web? Quand je parle de site conséquent, c'est un site que je dois faire pour une association, avec un système de news, et pouvoir intégrer un album photo. Le tout très simplement! afin qu'un novice puisse gérer le site sans l'aide du webmaster. Il ne faudrai pas que l'on fasse appelle à moi à chaque fois qu'il faut rentrer du contenu ou des photos. Donc est-ce que ton cours répondra à la question "Par où dois-je commencer?" 95%des problèmes informatiques se situent entre la chaise et le clavier ! C'est parce que la lumière se propage plus vite que le son, que certains paraissent être des lumières avant qu'ils n'ouvrent leurs gueules !
JulFisher	# Posté le 14/01/2007 à 10:42:28
Un Zér0 sur le réZ0 Ville : Anglet Pays : France métropolitaine	Citation : Thor Le tout très simplement! afin qu'un novice puisse gérer le site sans l'aide du webmaster. Bah vu que tu connais PHP, le mieux est de faire des formulaires liés à une base de données pour stocker et ranger les adresses des images de l'album, les news... Un Rubik's Cube complexe ? Une solution simple ! http://www.rubikscube.fr Legend of Mana, Vagrant Story, Parasite Eve, powaa !
rainbowspiky	# Posté le 14/01/2007 à 13:34:05
développeur & consultant Web	Citation : Thor J'ai une petite question ! Mais avant petite mise en situation. J'ai appris à faire un site web grâce au cours sur le xhtml de m@teo21 idem pour le cours sur le php. Pourtant si je veux me lancer dans un site web conséquent, je ne sais pas par où commencer. Ton cours va t-il traiter de cela en même tant que les standards du web, ou va t-il uniquement traiter des standards du web? Donc est-ce que ton cours répondra à la question "Par où dois-je commencer?" Le big-tuto de Mateo21 est un très bon début dans la création Web. Il ne peut évidemment pas tout dire sur les standards, mais il en parle durant un chapitre et c'est une très bonne chose d'évoquer cela même sans approfondir. Mon cours ne traitera pas vraiment de la création Web, mais sera centré sur les standards. Pour la création, je conseillerai les liens vers le tuto de mateo21, mais aussi ceux d'Alsacréations ou des W3Cschools. Il ne répondra pas vraiment à la question "Par où commencer ?" dans le cadre de la conception d'un site conséquent. Mon cours ne sera pas une méthodologie de conception Web (ou alors pas dans la première version du tuto) comme un protocole scientifique. Je ne balancerai pas les liens sans explications, mais les commenterai. Je les écrirai dans l'ordre dans lequel je conseille de les lire (j'en ai lu des tonnes, que ce soit sur OpenWeb, Pompage, Alsacréations ou d'autes sites). Édité le 10/02/2007 à 11:24:17 par rainbowspiky Mon micro- blogue Signez la pétition pour l'accessibilité des services en ligne ! IUT de Mulhouse (UHA) : Vie Etudiante. Mes bouts de code PHP. Groupe "Site du Zéro" sur FaceBook. N'oubliez ni la recherche ni le lien "résolu". Merci ! Liens sur les standards du Web : introduction, présentation approfondie, 10 raisons (d'autres raisons), FAQ, importance, avantages (dont commerciaux), lexique, passage, développement ; introduction à l'accessibilité. FAQ décideurs. AlsaCréations. OpenWeb.