Titre: W3C et Dreamweaver
Posté par: Shain le le 08-07-2003 a 11:53:57
| Il me semble qu'il y a des commandes W3C dans dreamweaver MX (optimisation et vérification) mais je ne les retrouves plus ?! |
Titre: Re:W3C et Dreamweaver
Posté par: SIBELIUS le le 08-07-2003 a 12:45:44
Je n'étais pas au courant, ça peut être intéressant.
En tout cas, lorsque tu crées une nouvelle page, il y'a une option à cocher pour que le document soit en XHTML et non en HTML |
Titre: Re:W3C et Dreamweaver
Posté par: Shain le le 08-07-2003 a 17:22:19
Je suis entrain de bosser sur le nouveau site de Skalpel - il était temps - mais il ne passe pas au validateur. Voici des exemples d'erreur (j'en ai 7 sur ma home !) :
Line 8, column 50: there is no attribute "LEFTMARGIN" (explain...).
...="#ECE9D8" text="#666666" leftmargin="0" topmargin="0" marginwidth="0" margin
^
Line 8, column 64: there is no attribute "TOPMARGIN" (explain...).
...or="#ECE9D8" text="#666666" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
^
Line 8, column 80: there is no attribute "MARGINWIDTH" (explain...).
...margin="0" topmargin="0" marginwidth="0" marginheight="0">
^
Line 8, column 97: there is no attribute "MARGINHEIGHT" (explain...).
...gin="0" marginwidth="0" marginheight="0">
^
Line 9, column 27: there is no attribute "HEIGHT" (explain...).
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
^
Line 15, column 27: there is no attribute "BACKGROUND" (explain...).
<td background="images/fond_global.gif"><table width="605" height="3
^
Line 18, column 74: there is no attribute "BACKGROUND" (explain...).
...cellpadding="0" cellspacing="0" background="images/minigif.gif">
Apparament je dois remplacer ces attributs par d'autres ? C'est ca ? Si oui lesquels ?
Soyez indulgents, c'est la première fois que j'essaye de faire un site valide :P |
Titre: Re:W3C et Dreamweaver
Posté par: SIBELIUS le le 08-07-2003 a 17:29:27
Tous ces attributs ne sont plus Valides en effet, il faut absolument passer par les feuilles de style.
Mais avant tout, la question la plus importante : quelle Doctype comptes-tu adopter (HTML transitionnel, strict, XHTML transitionnel, strict) ?
PS : 7 erreurs dans ta home, c'est pas énorme ! En testant la 1ère fois Alsacréations en XHTML strict, j'avais au-moins 50 erreurs ! :) |
Titre: Re:W3C et Dreamweaver
Posté par: SIBELIUS le le 08-07-2003 a 17:36:09
Si tu veux faire de la lecture, je te propose un extrait de mon Rapport de soutenance qui présente la réalisation de Alsacréations :
"XHTML Transitionnal
La première version du site était fondée sur les bases du XHTML Transitionnal.
Ce langage, plus propre que le HTML 4.01 reste néanmoins très permissif.
L’idée générale est de faire du code « propre », en respectant certains principes de base, comme fermer ses balises correctement, ajouter des attributs ALT aux images, respecter l’accessibilité en facilitant la navigation,…
XHTML Strict
Actions à mener : supprimer tous les attributs de position, de taille et de couleurs.
En effet, les attributs « center », « width », « height », « color », … et bien d’autres encore sont interdites en XHTML strict lorsqu’elles sont intégrées dans les balises de la page html.
L’idée du XHTML étant de séparer complètement le contenu (page html) de la mise en forme (feuille de style).
Première solution « peu élégante » :
Pour y remédier, j’ai revu une par une les erreurs du Validateur (et elles étaient nombreuses !) en remplaçant les attributs interdits par leur équivalent en style.
En clair : « <td width="100"> » devenait « <td style="width :’100px’ ;"> »
J’ai donc repris ainsi toutes les balises du document (td, table, img, p, …).
Cette solution contourne l’esprit du XHTML puisque loin d’avoir séparé le style, je l’ai imbriqué de façon peu élégante et peu compréhensible au sein même du document.
Toujours est-il que le document, après quelques heures de retouches, est Validé avec bonheur par le W3C en XHTML Strict !
Problème : La jubilation fut de courte durée malheureusement. En testant la page sur un navigateur annexe (Mozilla 1.0), la feuille est affichée n’importe comment, les tailles ne sont pas respectées et le menu est inutilisable.
Conclusion : être validé en XHTML strict signifie que le document ne comporte pas de fautes, mais ne signifie pas pour autant que la syntaxe et la structure est propre et compréhensible par tous.
En clair, l’orthographe est juste, mais la grammaire laisse à désirer.
Deuxième solution : Positionnement CSS :
C’est là que les choses sérieuses commencent.
Pour que la page soit sémantiquement juste et correctement interprétée sur tous les navigateurs, il fallait réfléchir par rapport à sa structure et non par rapport à son apparence.
J’ai donc repris mon document à zéro, en concevant toute la structure du document sur une feuille de style, et en ne laissant dans le code html que les textes ou images. Ceux-ci étant caractérisés par des DIV et des classes.
Au final, les pages web ont été conçues en séparant clairement le contenu de la mise en forme. Seul le contenu est présent sur la page html ; toute la présentation, les placements et couleurs sont sur une feuille de style séparée.
Les tableaux (TABLE) et cellules ont été abolis puisque l’utilisation que j’en faisais (affichage et présentation) n’est pas sémantiquement correcte : un tableau est fait pour l’affichage de données… tabulaires !
Ce lourd travail de fond n'a pu être réalisé que grâce à certaines personnes dévouées sur les forums HTML du site Hardware.fr, ainsi qu’en suivant les tutoriels des sites comme :
http://openweb.eu.org/ (la référence française sur les standards du web)
http://pompage.net/ (webdesign et W3C)
http://standblog.com/ (un blog sur les standards du web)" |
Titre: Re:W3C et Dreamweaver
Posté par: Shain le le 08-07-2003 a 18:14:47
Merci SIBELIUS.
Je viens de faire le test en XHTML strict ... 86 erreurs lol !
Je crois que je vais sortir une permière version du site et je le reprendrais entièrement ensuite pour le XHTML strict. |
Titre: Re:W3C et Dreamweaver
Posté par: SIBELIUS le le 08-07-2003 a 18:28:55
Je crois également qu'il vaut mieux tout refaire depuis le début dans un nouveau dossier séparé ;)
Il va falloir tout revoir le concept de disposition et ne pas penser en Tables mais en Div.
Un autre avantage est que tu peux ensuite changer très facilement tout le design du site en 1 clic comme je viens de faire sur Alsacréations depuis hier ;) |
Titre: Re:W3C et Dreamweaver
Posté par: Shain le le 08-07-2003 a 18:43:46
| Il va falloir tout revoir le concept de disposition et ne pas penser en Tables mais en Div. |
|
Arf ca va être très dur ca ... |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|