Débutants

Vous avez envie de faire un site web, mais vous ne savez pas comment vous y prendre ? Bien sûr, le Web ne manque pas de solutions clés-en-main et d'éditeurs HTML simplifiés, qui vous promettront que vous n'aurez jamais à lire ou à écrire une seule ligne de code.

Mais le prix à payer pour cette facilité est un site conçu selon la technologie des années 90, époque où la guerre entre Netscape et Microsoft faisait rage, et où il n'existait que ces deux navigateurs. Autrement dit, un site fait pour être vu dans certains navigateurs seulement, peu évolutif, difficile à gérer à long terme et inaccessible aux personnes handicapées.

Sans doute préféreriez-vous ouvrir votre site à tous les internautes et tous les navigateurs modernes (IE 6, Netscape 7, Mozilla 1, Opera 7, Safari 1, etc) comme aux nouveaux médias d'accès à Internet (navigateurs vocaux, ordinateurs de poche, etc) ? Peut-être jugerez-vous préférable de faire un site plus facile à maintenir, évolutif et ouvert aux technologies d'avenir (XML) ?

C'est pourquoi nous vous encourageons à découvrir, à travers nos articles d'initiation, les technologies actuelles du Web regroupées sous l'appelation de « Standards Web », et en particulier :

C'est pourquoi nous vous encourageons surtout au respect des standards, pour mettre fin à la balkanisation du web et contribuer à la construction d'un Internet universel et accessible à tous. En 2003, il est temps de faire passer le web à une vitesse supérieure et de tirer parti des fonctionnalités des navigateurs modernes. En suivant les conseils proposés par OpenWeb, vous allez vous simplifier la vie, tout en faisant progresser Internet.

Openweb :

Tous les articles

Compatibilité multi-navigateurs des polices de caractères par Aurélien Levy, le 09.03.2008 pour Expert, Débutant, CSS
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.
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 à la syndication de contenu avec RSS par François Hodierne, le 14.10.2004 pour Débutant, RSS
Qu'est-ce que la syndication de contenu ? Qu'est-ce qu'un fil RSS ?
Cascade CSS et priorité des sélecteurs par Laurent Denis, le 21.04.2005 pour Expert, Débutant, 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 !
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.
Styles auteur, utilisateur et agent utilisateur : 3 raisons de lâcher prise sur votre design par Laurent Denis, le 21.03.2005 pour Expert, Débutant, 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.
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.
Spécifier la langue d'un document (X)HTML par Laurent Denis, Elie Sloïm, le 10.02.2005 pour Expert, Débutant, 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.
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 ?
Avoir plusieurs présentations alternatives pour votre site par Nicolas Hoffmann, le 11.03.2005 pour Expert, Débutant, CSS, (X)HTML, Mise en page
Les styles alternatifs : leur utilité, leurs avantages, et la mise en place d'une structure unique permettant leur implémentation.
Utilisation de background par Pascale Lambert, le 21.03.2005 pour Débutant, CSS, Mise en page
Comment utiliser la propriété CSS background pour gérer des images d'arrière-plan ?
Pourquoi l'accessibilité numérique ? par Elie Sloïm, Laurent Denis, le 25.07.2005 pour Expert, Débutant, Décideur, 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.
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.
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é.
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.
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 ?
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.
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.
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
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é.
Introduction au langage ECMAScript par Florian Hatat, le 21.03.2003 pour Débutant, DOM, Pages dynamiques
JavaScript est un langage de programmation utilisé principalement sur le Web, développé par Netscape et repris par Microsoft sous le nom de JScript. ECMAScript est une tentative de normalisation du noyau du langage : sa syntaxe, ses mots-clés et ses composants natifs.
ECMAScript et (X)HTML par Steve Frécinaux, le 21.03.2005 pour Expert, Débutant, DOM, Pages dynamiques
Comment insérer un script ECMAScript dans un fichier HTML
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é ?
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.
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.
Bouton CSS par Pascale Lambert, le 21.04.2003 pour Débutant, CSS, Mise en page
Pour créer un bouton changeant d'aspect au passage de la souris, on peut utiliser les styles légers et accessibles.
Zoom d'images avec les CSS par Pascale Lambert, le 01.06.2004 pour Débutant, CSS, Mise en page, Multimédia
Parmi les multiples techniques permettant de zoomer une image à l'écran, voici celle qui, uniquement à l'aide de CSS2, permet un zoom au survol d'une image avec la souris.
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.
Des puces en images par Pascale Lambert, le 01.05.2004 pour Débutant, CSS, Mise en page
Afin de rendre plus attrayante une liste à puces, l'utilisation des CSS permet de remplacer les traditionnelles puces par des images, de façon extrêmement simple.
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.

Une question, une remarque ? Écrivez à l'auteur à tristan.nitot@openweb.eu.org.

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 actualités dopées par Dotclear.