Passer doucement aux standards

vendredi 23 juillet 2004 - 16h56

Vous n'arretez pas de lire partout que les standards c'est bien, que les mises en formes HTML en tableau c'est tabou et que vous gagneriez beaucoup à faire quelques manipulations dans votre site pour le transformer en tout XHTML, avec des calques gérés par votre feuille de style CSS et accessible au plus haut point.

Malheureusement, il faut le dire, les articles que vous avez pu lire sur les très bons sites tels que Alsacreations, Openweb et sur le Standblog de Tristan Nitot (pour ne citer qu'eux) sont bien trop compliqué encore pour vous. Vous comprenez bien, vu l'entêtement des professionnels, que tout cela est important, mais vous ne savez que créer quelques pages avec Dreamweaver, ou alors vous développez sans avoir nécessairement la possibilité d'imposer un travail conséquent et des nouvelles directives.

Soit, en attendant l'occasion de changer ou pour commencer à comprendre les bonnes habitudes, pourquoi ne pas commencer quelques manipulations utiles et quelques habitudes à prendre ?

Votre site créé dans Dreamweaver présente beaucoup trop d'erreurs lorsque vous le passez à la moulinette du validateur w3c... Déjà, à l'aide de deux extensions de Dreamweaver, nous pouvons sans trop d'effort ni de connaissances en supprimer pas mal. Ces extensions sont Set Alt Text qui vous servira à remplir rapidement les textes alternatifs de chaque image et Reconvert To XHTML qui corrigera toutes les balises pour les rendre correctes en XHTML.

Une fois ces extensions installées et Dreamweaver redémarré. Faites la manipulation suivante sur chaque page : Commande > Set Alt Text, vous ajoutez tous les textes alternatifs de la page, puis Fichier > Reconvert > XHTML

Avec simplement ces manipulations, par magie vous vous rapprochez déjà du XHTML.

Tant que vous êtes sur Macromedia Exchange, profitez en pour récupérer les extensions Link title, Set Titles from Alts, Super Alt image, layer2style et 508 Accessibility suite, ça peut servir.

Ensuite, essayez de convertir un maximum de balises font en styles CSS. Si vous avez un titre dans vos pages qui est toujours de la forme :

<div align="center"><b><font color="#000000">Le titre en question</font></b></div>

Il sera intéressant de transformer cela en :

<h1>Le titre en question</h1>

Avec dans la feuille de style :

h1 {
font-size: 13px;
font-weight: bold;
color: #000000;
text-align: center;
}

N'hésitez pas à transformer vos pages en utilsant le logiciel Tidy

De plus essayez de structurer le document le plus possible, par exemple avec des balises de titre comme <h1>, <h2>... Non seulement vous prendrez de bonnes habitudes, mais en plus vous pourriez bien y gagner en position dans Google...

Une fois que vous aurez fait tout cela, il sera temps d'oublier les images invisibles (spacers) et d'essayer de gérer le positionnement des éléments avec les propriétés padding et margin de CSS.

A partir de là, si vous avez avancé petit à petit comme indiqué, vous pouvez commencer à vous intéresser à nouveau aux explications plus pointues. Vous pourrez alors transformer votre menu et le passer en listes... si bien sûr vous avez encore du courage. Bonnes vacances !

Quelques liens très utiles :
Modifier Dreamweaver pour créer du contenu valide XHTML[en]
XHTML & Dreamweaver MX[en]

Comment ça "bonnes vacances" ? Reste ici boudiou où j'appelle ta mère :) Bon ben ça va, je vois que tu taffes bien... Le début de ton article, ça me fait franchement penser au pari :" Les tableaux, c'est tabou, on en viendra tous à bout" :))) Ben moi je pense qu'avant d'aborder ce sujet, il faudrait bien définir ce qu'est l'accessibilité... Parce qu'avec tout ce que je lis sur le sujet ou dans les forums, l'un des problèmes vient de là. Et les anciens dans le domaine sont beaucoup trop radicaux ce qui créent des conflits entre ancienne et nouvelle génération de développeurs... Je pense amha... Ki nest d'accord ?

par Mimi

Retour

Dans le même ordre d'idée :

Standards et navigateurs libres
Passer doucement aux standards
Histoire des standards

RSS

Actualités

Yeca - Ultimteam - CC