Expert

Qu’est-ce qu’un expert ?

Qu’est-ce qu’un expert, dans la terminologie OpenWeb ? Il s’agit d’un professionnel du Web, qu’il soit développeur/concepteur ou webmestre, qui dispose de plusieurs années d’expérience du Web.

Des préoccupations d’expert

Si tel est votre cas, vous avez l’expérience du développement pour Netscape 4 et IE 4+, vous dominez HTML 3.2 et 4.01, vous avez sûrement employé occasionnellement les CSS, tout ayant recours à JavaScript. Par contre, vous rencontrez de plus en plus les limites des méthodes de développement initiées en 1996 ou 97 : vous savez à quel point il est pénible de concilier les exigences de Netscape 4 et de MSIE.

Vous souhaitez probablement que vos pages soient utilisable dans les nombreux navigateurs alternatifs qui respectent les standards.

Votre secteur d’activité, ou vos convictions personnelles vous poussent à produire des pages accessibles, et vous constatez qu’avec les techniques traditionnelles, c’est bien souvent aux dépens de l’esthétique et du budget.

OpenWeb, un site pour les experts

OpenWeb a pour vocation de vous aider à passer progressivement aux standards. Tous les membres du collectif ont déjà effectué cette démarche qui nécessite de faire évoluer les réflexes du développeur, oublier les mauvaises habitudes pour en prendre de nouvelles et ainsi tirer parti des avantages des standards.

Le parti pris d’OpenWeb est de n’utiliser que des technologies standards (XHTML, CSS, ECMAScript, DOM) dans les exercices et tutoriels. Certains tutoriels pour le profil gourou peuvent faire appel à des technologies non encore ratifiées par le W3C (nous prévenons alors le développeur des limites de notre approche).

Par où commencer ?

Un premier tutoriel, passer aux standards prend l’exemple d’une page réalisée avec les méthodes traditionnelles (utilisation de tableaux pour la mise en page, d’éléments FONT en HTML non validé) et la rend conforme aux derniers standards (XHTML 1.0 strict et CSS valides), rendant ainsi la page accessible, plus facilement maintenable, et plus compacte de 40%.

Articles

Accesskey, l’essai non transformé de l’accessibilité par Laurent Denis, le 01/05/2004 pour Débutant, Expert, Accessibilité.

Les touches d’accès clavier sont a priori un mécanisme d’accessibilité très séduisant par sa simplicité de mise en oeuvre. Mais les nombreux obstacles rencontrés du fait d’une implémentation inachevée en limitent considérablement la portée. Seules une poignée de touches numériques s’avèrent finalement pertinentes, et ce uniquement en renfort d’autres mesures d’accessibilité plus éprouvées.

Agences et Standards Web - 1. Présentation des interviewés par Aurélien Levy, Harmen Christophe, Tristan Nitot, le 09/03/2006 pour Décideur, Expert, Études de cas.

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Agences et Standards Web - 2. Migrer vers les standards par Aurélien Levy, Harmen Christophe, Tristan Nitot, le 09/03/2006 pour Décideur, Expert, Études de cas.

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Agences et Standards Web - 3. Utiliser les standards par Aurélien Levy, Harmen Christophe, Tristan Nitot, le 09/03/2006 pour Décideur, Expert, Études de cas.

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Agences et Standards Web - 4. Communiquer sur les standards par Aurélien Levy, Harmen Christophe, Tristan Nitot, le 09/03/2006 pour Décideur, Expert, Études de cas.

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Agences et Standards Web - 5. L’avenir des standards par Aurélien Levy, Harmen Christophe, Tristan Nitot, le 09/03/2006 pour Décideur, Expert, Études de cas.

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Avoir plusieurs présentations alternatives pour votre site par Nicolas Hoffmann, le 11/03/2005 pour Débutant, Expert, (X)HTML, CSS, Mise en page.

Les styles alternatifs : leur utilité, leurs avantages, et la mise en place d’une structure unique permettant leur implémentation.

Bien valider ses formulaires avec Javascript par Laurent Jouanneau, le 17/12/2003 pour Débutant, Expert, DOM, Pages dynamiques, Accessibilité.

En fouinant sur le web, on peut découvrir plusieurs pratiques pour appeler des scripts en Javascript qui vérifient le contenu d’un formulaire. Mais elles sont, hélas, rarement correctes dans le sens où beaucoup d’entre elles réduisent l’accessibilité et l’ergonomie des formulaires, voire sont inefficaces. Cet article vous propose de passer en revue ce qu’il faut faire et ne pas faire en la matière.

Cascade CSS et priorité des sélecteurs par Laurent Denis, le 21/04/2005 pour Débutant, Expert, CSS, Mise en page.

CSS signifie « feuilles de styles en cascade »... Mais au fait, la cascade, qu’est-ce que c’est, à quoi ça sert, comment cela fonctionne ? Plongez avec nous dans la cascade sans risque de noyade !

Codage valide des caractères Windows illégaux en HTML et XHTML par Laurent Denis, le 21/03/2003 pour Expert, (X)HTML.

Cette page présente les caractères codés de 128 à 159 - propres à Windows, mais invalides selon les spécifications HTML 4+ et XHTML, ainsi que leurs codes de substitution valides.

Commentez le document de travail W3CXHTML 2.0 par Laurent Denis, le 21/08/2004 pour Expert, Gourou, (X)HTML.

Participez à la relecture francophone du projet de la spécification XHTML 2.0 du W3C.

Compatibilité multi-navigateurs des polices de caractères par Aurélien Levy, le 09/03/2008 pour Débutant, Expert, CSS, Mise en page.

Quelles sont les unités et les valeurs à utiliser pour dimensionner la taille des caractères de façon homogène sur le plus grand nombre possible de navigateurs Web ? Aurélien Levy a mené une campagne de tests pour donner une réponse à ce problème récurrent pour les développeurs de sites web.

Conformité, validation et surqualité par Elie Sloïm, le 09/03/2006 pour Décideur, Expert, (X)HTML, Études de cas.

Est-il possible et souhaitable pour un site de grande importance ou qui recueille des contenus de la part de ses utilisateurs, voire d’un certain nombre de contributeurs d’atteindre et de conserver durablement la conformité absolue de toutes ses pages aux standards ? Existe t-il des cas où la recherche de la conformité à tous prix peut nuire à la qualité du site ?

Construction d’un fil RSS 1.0 par François Hodierne, le 14/10/2004 pour Débutant, Expert, RSS.

Pas à pas, comment construire un fil RSS au format RDF Site Summary 1.0.

Créer des pop-up intelligentes par Fabrice Bonny, le 12/05/2003 pour Débutant, Expert, Pages dynamiques, Accessibilité.

Comment ouvrir une nouvelle fenêtre sans se priver des internautes qui ne disposent pas de JavaScript ou l’ont désactivé ?

Des images accessibles par Laurent Denis, le 28/04/2003 pour Débutant, Expert, Accessibilité.

Les images constituent le premier obstacle majeur à l’accessibilité des pages Web. Voici quand et comment en donner un équivalent sous forme de texte.

ECMAScript et (X)HTML par Steve Frécinaux, le 21/03/2005 pour Débutant, Expert, DOM, Pages dynamiques.

Comment insérer un script ECMAScript dans un fichier HTML.

Faire un menu dynamique ouvert et accessible par Fabrice Bonny, le 12/05/2003 pour Débutant, Expert, Pages dynamiques, Accessibilité.

Réalisons un menu déroulant qui soit à la fois portable, utilisable sans JavaScript et accessible aux personnes handicapées.

Habillage de tableaux avec des CSS par Pascale Lambert Charreteur, le 24/10/2003 pour Débutant, Expert, CSS, Mise en page.

Faire des tableaux de données accessibles et respectant les standards avec les CSS

Indiquer la fréquence de mise à jour d’un fil de syndication au format RSS par Fabrice Bonny, le 10/01/2005 pour Débutant, Expert, Gourou, RSS.

Les fils de syndication, et particulièrement ceux au format RSS, connaissent un succès chaque jour croissant. Mais on voit en parallèle s’accroître la consommation de bande passante et de temps serveur. Comment faire pour ne pas effectuer de multiples requêtes inutiles sur des informations actualisées tout au plus quotidiennement ?

Initiation au centrage CSS par Laurent Denis, le 21/03/2003 pour Expert, CSS, Mise en page.

Les différentes méthodes de centrage d’un contenu HTML.

Initiation au positionnement CSS : 1.flux et position relative par Laurent Denis, le 21/03/2003 pour Expert, CSS, Mise en page.

Par défaut, les navigateurs affichent les boîtes issues du document html dans l’ordre du flux normal. En position relative, un élément peut être décalé verticalement et/ou horizontalement.

Initiation au positionnement CSS : 2.position float par Laurent Denis, le 21/03/2003 pour Expert, CSS, Mise en page.

La position float retire une boîte du flux normal pour la placer le plus à droite ou le plus gauche possible dans son conteneur. Comment l’utiliser dans une mise en page CSS ?

Initiation au positionnement CSS : 3. position absolue et fixe par Laurent Denis, le 24/03/2003 pour Expert, CSS, Mise en page.

La position absolue et la position fixe permettent de placer une boîte par rapport aux limites de la zone d’affichage ou du conteneur. Comment les utiliser dans une mise en page CSS ?

Interview d’Olivier Roumieux, administrateur des sites de la Documentation française par Elie Sloïm, Laurent Denis, le 23/06/2005 pour Décideur, Expert, Études de cas.

"Aujourd’hui, l’objectif est d’écrire du code lisible par tout dispositif de lecture ayant accès aux référentiels (langue, langages, caractères...) tels qu’ils sont précisés dans chacune des pages. On change la donne, et on revient à des enjeux foncièrement documentaires."

Interview de Pierre Guillou, responsable de la cellule accessibilité de l’association Braillenet par Elie Sloïm, Laurent Denis, le 11/07/2005 pour Décideur, Expert, Accessibilité.

En nous présentant les différentes actions de la cellule accessibilité de BrailleNet, Pierre Guillou fait pour nous le point sur les problématiques d’accessibilité du Web.

Introduction aux jeux de caractères par Steve Frécinaux, le 12/07/2004 pour Débutant, Expert, (X)HTML.

Qu’est-ce qu’un jeu de caractères ? Quelle est la différence entre ISO-8859-1, UTF-8 et Windows-1252 ? Steve Frécinaux nous présente les différents jeux de caractères.

Introduction à l’accessibilité par Tristan Nitot, le 02/06/2003 pour Débutant, Expert, Accessibilité.

Pour mieux comprendre l’accessibilité, faisons un tour d’horizon des handicaps et des technologies permettant de les contourner, et comment le W3C s’attelle à faire du Web un endroit accessible à tous.

L’objet XMLHttpRequest par Maurice Svay, le 21/04/2005 pour Expert, Gourou, DOM, Pages dynamiques.

De nouvelles applications web ont vu le jour récemment : recherche avec complétion automatique, sauvegarde instantanée d’informations, interface mail hyperdynamique, cartographie, etc. mais aucune ne fait appel à des plugins tiers comme Flash ou Java. On parle alors souvent de méthode AJAX qui s’articule essentiellement autour de Javascript et d’un objet (dans le sens de la programmation orientée objets) en particulier : XMLHttpRequest.

Le PNG face au GIF par Fabrice Bonny, le 21/03/2004 pour Débutant, Expert, PNG, Multimédia.

Qui est donc ce remplaçant du GIF, datant de 1996 et méconnu de la plupart des graphistes, amateurs comme professionnels ?

Les bénéfices des standards par un graphiste Web par Marc-Aurèle Darche, le 15/01/2004 pour Décideur, Expert, (X)HTML, CSS.

Ned Baldessin, professionnel du Web, nous présente le point de vue des graphistes sur les différentes technologies qui forment les standards de l’Internet.

Les navigateurs alternatifs par Laurent Denis, Tristan Nitot, le 24/11/2003 pour Débutant, Décideur, Expert, Gourou, Navigateurs.

Les navigateurs modernes respectueux des standards du Web sont de plus en plus utilisés par les internautes, qui apprécient leur rapidité, des fonctionnalités supplémentaires par rapport à Internet Explorer pour Windows, dont la navigation par onglets, le blocage des pop-ups et une sécurité renforcée, entre autres.

Les nouveaux défis de l’accessibilité numérique : 1- la vision actuelle par Elie Sloïm, le 14/02/2008 pour Décideur, Expert, Accessibilité.

L’accessibilité de contenus et de services web peut-elle se réduire à l’atteinte de niveaux prédéfinis et réglementés ? Répondre « oui » d’emblée serait réducteur et contre-productif, et c’est pourtant ce qui a été fait jusqu’à présent. Ce premier article va montrer que la problématique est bien plus complexe qu’il n’y paraît.

Les nouveaux défis de l’accessibilité numérique : 2- une autre vision de la démarche par Elie Sloïm, le 12/02/2008 pour Décideur, Expert, Accessibilité.

Le premier article sur la démarche d’accessibilité a montré qu’une approche exclusivement centrée sur des résultats ponctuels et quantifiés était limitée et insuffisante. Mais quels sont les moyens d’anticiper et de maîtriser les risques de façon continue ? Quels sont les outils ? Quelles sont les perspectives ? Ce second article décline quelques élements de réflexion et de réponse.

Les problèmes de la mise en page par tableaux par Mathieu Pillard, le 24/10/2003 pour Débutant, Expert, (X)HTML, Mise en page.

Pourquoi éviter les tableaux pour faire de la mise en page.

Métadonnées et Dublin Core par Christophe Jacquet, le 02/06/2003 pour Expert, (X)HTML, Structure.

Les métadonnées du Dublin Core permettent de donner des informations à propos de pages Web. Dans cet article, nous voyons la forme de ces descriptions, ainsi que la façon de les intégrer dans des pages Web.

Mieux travailler ensemble grâce à l’accessibilité : 1. Qui pilote les projets Internet ? par Elie Sloïm, le 23/06/2005 pour Décideur, Expert, Accessibilité.

Au sein des PMI ou des grands comptes, on voit fréquement des projets Internet ou intranet souffrir des effets pervers d’un double pilotage par les directions informatiques (DSI) et les directions communication.

Mieux travailler ensemble grâce à l’accessibilité : 2. L’accessibilité et les standards pour désamorcer les sources de conflits par Elie Sloïm, le 23/06/2005 pour Décideur, Expert.

Dans la première partie de cet article, nous avons vu qu’il était quelquefois difficile de faire travailler ensemble des directions ou des personnes issues de cultures différentes. Dans cette dexième partie, nous allons voir comment l’accessibilité peut mettre tout le monde d’accord et limiter les sources de conflit.

Passer aux feuilles de style par Laurent Denis, le 27/01/2004 pour Débutant, Expert, CSS, Mise en page.

Vous utilisiez les balises HTML de présentation ? Pour tirer parti des avantages offerts par les standards, découvrez le vocabulaire élémentaire des feuilles de style.

Passer du HTML au XHTML par Denis Boudreau, Laurent Jouanneau, le 21/03/2003 pour Expert, (X)HTML.

Les règles à suivre pour passer de la syntaxe HTML à la norme XHTML.

Pour en finir avec les cadres par Denis Boudreau, le 02/06/2003 pour Débutant, Expert, (X)HTML, Structure.

Quelques raisons pour lesquelles les cadres devraient être évacués de tout bonne pratique Web.

Pourquoi l’accessibilité numérique ? par Elie Sloïm, Laurent Denis, le 25/07/2005 pour Débutant, Décideur, Expert, Accessibilité.

A l’heure où certains pays se dotent d’une législation nationale sur l’accessibilité numérique, ce document rappelle les enjeux internationaux de l’accessibilité, et l’ensemble de ses bénéfices sociaux, financiers, techniques et managériaux.

Pourquoi les standards du W3C ? par Denis Boudreau, Tristan Nitot, le 21/03/2003 pour Débutant, Décideur, Expert, Gourou.

Interopérabilité, accessibilité, portabilité, pérennité des documents, réduction des coûts... l’avenir du Web passe par les Standards.

Pourquoi plusieurs variantes de DTD en XHTML ? par Laurent Jouanneau, le 21/03/2003 pour Débutant, Expert, (X)HTML.

Les balises et attributs devenus obsolètes entre le HTML ou XHTML strict et transitional, et les moyens de les remplacer.

Respecter la sémantique XHTML par Laurent Jouanneau, le 14/05/2008 pour Débutant, Expert, (X)HTML, Structure.

Pourquoi et comment utiliser les balises (X)HTML à bon escient.

Se mettre aux standards du web par Laurent Jouanneau, le 21/03/2003 pour Décideur, Expert, Études de cas.

Comment rendre un site existant conforme aux normes XHTML et CSS, en prenant une page non conforme, et en la transformant pour obtenir une page respectant les standards.

Spécifier la langue d’un document (X)HTML par Elie Sloïm, Laurent Denis, le 10/02/2005 pour Débutant, Expert, Gourou, (X)HTML.

Entre les attributs HTML, les éléments meta et les en-têtes HTTP, les moyens de spécifier la ou les langue(s) d’une page Web ne manquent pas. Mais la pratique montre l’existence de deux besoins bien différents en la matière : il importe de différencier langue primaire d’une ressource Web et langue de traitement d’un contenu, et d’utiliser à bon escient les outils à notre disposition pour les indiquer.

Styles auteur, utilisateur et agent utilisateur : 3 raisons de lâcher prise sur votre design par Laurent Denis, le 21/03/2005 pour Débutant, Expert, CSS, Mise en page.

Le rendu final d’une page Web n’est pas le produit figé des règles de présentation fixée par son auteur : il résulte de la combinaison des 3 sources de styles de l’auteur, de l’agent utilisateur et de l’utilisateur lui-même.

Toi comprendre moi ? par Tristan Nitot, le 21/04/2003 pour Décideur, Expert, Gourou, (X)HTML, Structure.

Validation, Déclaration de Type de Document : la grammaire d’un langage Web universel.

Utilisation des formulaires par Eric Daspet, le 17/12/2003 pour Débutant, Expert, (X)HTML, Accessibilité.

Les formulaires sont souvent utilisés mais parfois de manière peu souhaitable ou peu accessible. Cet article est là pour faire un tour d’horizon des possibilités et des bonnes habitudes. Il peut être autant utile au débutant cherchant à comprendre les formulaires qu’au confirmé cherchant quelques notions d’accessibilité.

Utilisation des images dans les CSS par Sébastien Desvignes, le 21/04/2003 pour Expert, Gourou, CSS, Mise en page.

Comment utiliser une feuille de style pour insérer dans le contenu HTML des images décoratives.

Vers la maturité du Web par Alain Oguse, le 04/12/2003 pour Débutant, Décideur, Expert.

Depuis son invention par Tim Berners-Lee en 1989, le web est passé par nombreuses phases d’évolution. Celles-ci l’ont rendu de plus en plus complexe au point d’en perdre son objectif premier : la simplicité et le partage avec tous. Heureusement, le W3C s’est mis au travail pour uniformiser les pratiques. Aujourd’hui, grâce aux standards que sont le XHTML et les CSS, on peut créér des sites liant esthétisme, interopérabilité et accessibilité.

XHTML en une heure par Olivier Meunier, le 21/03/2003 pour Débutant, Expert, (X)HTML, Structure.

Une rapide introduction à XHTML, qui vous permettra de faire vos premières armes avec ce langage de description.

Page valide XHTML 1 Strict, CSS2 et accessible AA.
Ce site s'affiche mieux dans un navigateur conforme aux standards, voici pourquoi.
Site hébergé par l'APINC et propulsé par SPIP.