Experts
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%.
Tous les articles
- Pourquoi les standards du W3C ? par Denis Boudreau, Tristan Nitot, le 21.03.2003 pour Expert, Débutant, Décideur, Gourou
- Interopérabilité, accessibilité, portabilité, pérennité des documents, réduction des coûts? l'avenir du Web passe par les Standards.
- Construction d'un fil RSS 1.0 par François Hodierne, le 14.10.2004 pour Expert, Débutant, RSS
- Pas à pas, comment construire un fil RSS au format RDF Site Summary 1.0.
- Introduction aux jeux de caractères par Steve Frécinaux, le 12.07.2004 pour Expert, Débutant, (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.
- Indiquer la fréquence de mise à jour d'un fil de syndication au format RSS par Fabrice Bonny, le 10.01.2005 pour Expert, Débutant, 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 ?
- Les navigateurs alternatifs par Tristan Nitot, Laurent Denis, le 24.11.2003 pour Expert, Débutant, Décideur, 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 bénéfices des standards par un graphiste Web par Marc-Aurèle Darche, le 15.01.2004 pour Expert, Décideur, CSS, (X)HTML
- 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.
- Vers la maturité du Web par Alain Oguse, le 04.12.2003 pour Expert, Débutant, Décideur
- 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é.
- Passer du HTML au XHTML par Laurent Jouanneau, Denis Boudreau, le 21.03.2003 pour Expert, (X)HTML
- Les règles à suivre pour passer de la syntaxe HTML à la norme XHTML.
- Se mettre aux standards du web par Laurent Jouanneau, le 21.03.2003 pour Expert, Décideur, É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.
- XHTML en une heure par Olivier Meunier, le 21.03.2003 pour Expert, Débutant, (X)HTML, Structure
- Une rapide introduction à XHTML, qui vous permettra de faire vos premières armes avec ce langage de description.
- Les problèmes de la mise en page par tableaux par Mathieu Pillard, le 24.10.2003 pour Expert, Débutant, (X)HTML, Mise en page
- Pourquoi éviter les tableaux pour faire de la mise en page.
- Respecter la sémantique XHTML par Laurent Jouanneau, le 21.03.2003 pour Expert, Débutant, (X)HTML, Structure
- Pourquoi et comment utiliser les balises (X)HTML à bon escient
- Pourquoi plusieurs variantes de DTD en XHTML ? par Laurent Jouanneau, le 21.03.2003 pour Expert, Débutant, (X)HTML
- Les balises et attributs devenus obsolètes entre le HTML ou XHTML strict et transitional, et les moyens de les remplacer.
- Pour en finir avec les cadres par Denis Boudreau, le 02.06.2003 pour Expert, Débutant, (X)HTML, Structure
- Quelques raisons pour lesquelles les cadres devraient être évacués de tout bonne pratique Web.
- Passer aux feuilles de style par Laurent Denis, le 27.01.2004 pour Expert, Débutant, 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.
- Introduction à l'accessibilité par Tristan Nitot, le 02.06.2003 pour Expert, Débutant, 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.
- Accesskey, l'essai non transformé de l'accessibilité par Laurent Denis, le 01.05.2004 pour Expert, Débutant, 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.
- Toi comprendre moi ? par Tristan Nitot, le 21.04.2003 pour Expert, Décideur, Gourou, (X)HTML, Structure
- Validation, Déclaration de Type de Document : la grammaire d'un langage Web universel.
- Boîtes bloc, boîtes en ligne et propriété display par Laurent Denis, le 21.03.2003 pour Expert, Débutant, CSS, Mise en page
- L'utilisation de la propriété CSS display permet de modifier le comportement des boîtes de type bloc et en ligne, et de gérer la mise en page d'éléments tels les listes et les liens.
- 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 ?
- 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.
- Gérer les modèles de boîtes CSS standard et Microsoft par Laurent Denis, le 21.03.2003 pour Expert, CSS, Mise en page
- Les dimensions apparentes des boîtes CSS diffèrent selon le modèle de boîte appliqué par le navigateur : modèle standard ou modèle Microsoft. Comment gérer alors les dimensions CSS ?
- 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.
- Habillage de tableaux avec des CSS par Pascale Lambert, le 24.10.2003 pour Expert, Débutant, CSS, Mise en page
- Faire des tableaux de données accessibles et respectant les standards avec les CSS
- Des images accessibles par Laurent Denis, le 28.04.2003 pour Expert, Débutant, 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.
- Le PNG face au GIF par Fabrice Bonny, le 21.03.2004 pour Expert, Débutant, 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 ?
- Une feuille de style pour l'impression par Laurent Denis, le 23.03.2003 pour Expert, Débutant, CSS
- Une solution CSS qui remplace avantageusement la version imprimable d'un document.
- Utilisation des formulaires par Eric Daspet, le 17.12.2003 pour Expert, Débutant, (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é.
- ECMAScript et HTML par Florian Hatat, le 21.03.2003 pour Expert, Débutant, DOM, Pages dynamiques
- Comment insérer un script ECMAScript dans un fichier HTML.
- Bien valider ses formulaires avec Javascript par Laurent Jouanneau, le 17.12.2003 pour Expert, Débutant, 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.
- 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
- Créer des pop-up intelligentes par Fabrice Bonny, le 12.05.2003 pour Expert, Débutant, 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é ?
- 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 129 à 159 - propres à Windows, mais invalides selon les spécifications HTML 4+ et XHTML, ainsi que leurs codes de substitution valides.
- Faire un menu dynamique ouvert et accessible par Fabrice Bonny, le 12.05.2003 pour Expert, Débutant, Pages dynamiques, Accessibilité
- Réalisons un menu déroulant qui soit à la fois portable, utilisable sans JavaScript et accessible aux personnes handicapées.
- 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.
- Interview de Chantal Laplanche, Responsable Accessibilité Web au Ministère de la Culture par Tristan Nitot, le 28.04.2003 pour Expert, Débutant, Décideur, Gourou, Accessibilité
- Un témoignage sur la mise à niveau du contenu Web pour le rendre accessible, au sein d'une grande organisation (le Ministère de la Culture).
Une question, une remarque ? Écrivez à l'auteur à
tristan.nitot@openweb.eu.org.
et actualités dopées par Dotclear.
