Monique

Bonsoir,

Avec le validateur du W3C, on ne peut travailler que sur une page à la fois.

Avec celui du WDG on peut valider tout un site. Je n'ai jamais essayé, je me demande combien de temps cela doit prendre pour un gros site...

Bonjour Ernestine,

Pour ta dernière erreur, je pense qu'il s'agit d'un problème de guillemets mal placés ou manquants... je ne sais pas et je ne connais pas assez le JavaScript pour analyser le code

Par contre, tu peux recopier celui que j'utilise (trouvé sur un forum).

Il te suffit de remplacer les astérix par ton id Xiti

<a href="http://www.xiti.com/xiti.asp?s=*****">
<script type="text/javascript">
<!--
hsh = new Date();
hsd = document;
hsi = '<img width="39" height="25" '
hsi += 'src="http://logv9.xiti.com/hit.xiti?s=*****'
hsi += '&p=&hl=' + hsh.getHours() + 'x' + hsh.getMinutes() + 'x' +
hsh.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xiti_s=screen;hsi += '&r=' + Xiti_s.width + 'x' + Xiti_s.height + 'x' +
Xiti_s.pixelDepth + 'x' + Xiti_s.colorDepth;}
hsd.writeln(hsi + '&ref=' + hsd.referrer.replace('&', '$') + '"title="Mesurez votre audience" alt="">');
//-->
</script>
</a>
<noscript>
<a href="http://www.xiti.com/xiti.asp?s=*****"><img width="39" height="25" src="http://logv9.xiti.com/hit.xiti?s=*****&p=&amp" title="Mesurez votre audience" alt="Logo Xiti"  class="logo"></a>
</noscript>

Si les tableaux ne servent qu'aux données, je me permet de rétorquer, chere Monique, qu'une information n'est qu'une donnée, et inversement. Tout n'est que 'données', d'autant que c'est tout issu des.. bases de données

Pour ma part, j'ai pris modele sur les sites informatiques, qui ne sont jamais structurés.

Mais non, mon cher Anonymus...

Un élément table est destiné à contenir des données tabulaires comme celles qui seraient listées dans un tableur du style Excel.

Mais cela est vrai dans le cas d'un site classique (dynamique ou pas), où le contenu est structuré à l'aide des balises hx, p, ul...

Un site de type portail ou un forum est construit d'une manière différente, ce qui ne l'empêche pas d'être valide (comme le Hub ) et même de correspondre aux critères d'accessibilité de niveau 1 (presque comme le Hub ).

En fait, il y a 3 écoles :

- les CSS,

- les tableaux,

- les <h1><h2>..<ul>,<etc>

Là aussi, je te dis non...

Il y a 2 écoles : la mise en page à l'aide de tableaux et celle à l'aide de blocs (div et hx, p...).

L'utilisation correcte des CSS s'applique aux 2.

La prochaine fois que je refais l'archi du site, je me mets à la 3é solution. (mais je l'avais déjà dis, il me semble )

Pour ce qui est des standards, il n'y a pas de recommandations du W3C sur la logique à suivre pour l'architecture du site. non ?

Sans doute, mais sur la page de validation de ta feuille de style, tu peux lire cet avertissement :

Pour fonctionner comme prévu, votre feuille de style CSS doit avoir un arbre grammatical correct, cela implique que vous devriez utiliser de l'HTML valide.

En complément de cette réponse trop laconique à mon goût, je t'invite à lire les remarques sur les performances, l'implémentation et la conception, qui font partie des recommendations du W3C (j'ai donné le lien vers la traduction française, mais la référence à la version originale s'y trouve). Je me permets d'attirer ton attention sur l'utilisation des attributs id et class, cela te permettra de corriger une série d'erreurs sur tes pages

Une autre lecture intéressante, celle de cet article de Laurent Jouanneau sur Openweb, La sémantique des balises

mais, je n'ai jamais utilisé le moindre "AddURL" sur un moteur. je constate maintenant l évolution du référencement de mon site et j ai tout mon temps (contrairement aux sites commerciaux : voir plus bas) .Sans surprise, google n a pas tardé à trouvé mon site par le biais des liens externes pointant sur mon site

Bonjour,

Juste un retour d'une expérience qui m'a surprise...

J'ai, sur l'espace de mon site, un répertoire essai dont les pages ne sont pas accessibles depuis mon site mais uniquement en lien direct communiqué dans une liste de diffusion (les pages ne servent que de support aux questions que je pose). Evidemment, aucun lien ne pointe vers ces pages.

Quelle ne fût pas ma surprise quand Gilbert m'a annoncé que la page que j'avais mise en ligne à propos du Guide du webmaster était indexée par Google

J'avais oublié que cette liste fait partie des groupes Yahoo, donc que les messages sont aussi sur le Web...

Comme quoi Google se débrouille bien pour trouver une page, même celles que l'on voudrait laisser cachées

Il faut d'ailleurs que je pense à ajouter un noindex...

(je n'ai pas droit au fichier robots.txt sur Skynet)

Mais vous ne m'y verrez guère poster

Bonsoir Perle d'Argent,

Je suis très heureuse aussi de te retrouver sur le Hub

Bien sûr, des réponses du type moi aussi... ne sont pas de mise sur ce forum.

Mais il n'y a pas que les réponses techniques qui ont de la valeur. Il est aussi intéressant de connaître les réactions des uns et des autres face à certains problèmes exposés... et rassure-toi, tu n'es pas la seule non pro ici .

L'élément table ne devrait être utilisé que pour des tableaux de données, et non pour la mise en page.

Ah bon ? Mais pourquoi ? Au début je n'utilisais que les calques car avec Dream c'était tout simple (quand tu parles de blocs tu parles bien de calques ?). Et je me suis rendue compte que selon la configuration de l'écran la mise en page n'était plus la même. Alors qu'avec des tableaux on peut définir l'étirement, etc. Avec les calques aussi sans doute, mais finalement ça revient au même non ?

Oui calques, layout ou blocs veulent dire la même chose dans ce cas.

Bien sûr que les blocs peuvent s'adapter, tant au contenu qu'aux dimensions de la fenêtre... il suffit d'utiliser des valeurs relatives.

La grande différence est au niveau de l'accessibilité.

Ceux qui utilisent un navigateur texte ou vocal (ce qui est le cas des aveugles) lisent un tableau ligne par ligne. Il leur est donc beaucoup plus difficile de suivre la logique du texte qu'avec une succession de blocs.

Et dans le cas de ton site essentiellement basé sur du texte, cela me semble particulièrement important. C'est le type même de site qui pourrait avoir du succès chez les aveugles.

Internet est pour eux une fabuleuse ouverture sur le monde.

Je te recommande la lecture de ce site à ce sujet.

Bonsoir Ernestine,

Ces attributs doivent se trouver dans la feuille de style (de même que les couleurs des liens)

body {
	background-color: #FDFBFB;
	color: #000000;
	margin-left: 0;
	margin-top: 0;
	scrollbar-face-color: #825757; 
	scrollbar-track-color: #B6898C; 
}
table {
	height: 381px;
border: 0;
}

Quand tu demandes la validation, coches les options Include warnings et Show input .

Ton code sera reproduit, avec les lignes numérotées et un lien sur toutes les balises.

Quand tu vois cette erreur,

Line 14, character 51: 
... B" text="#000000" leftmargin="0" topmargin="0" link="#003399 ...
                                 ^Error: there is no attribute LEFTMARGIN for this element (in this HTML version)

il te suffit de cliquer sur la balise incriminée pour voir la liste des attributs autorisés.

Bonsoir,

Je trouve celui-ci génial !

Il permet de déterminer une couleur de fond et ensuite de faire varier la couleur du texte. Celui qui choisi encore une association rendant la lecture pénible, voire impossible, est impardonnable !

Bonsoir,

En accord avec ce que j'affirme dans ma signature...

Tes articles sont remarquables et intéressants, David, j'y ajouterai cependant quelques commentaires.

En fait, tu m'a forcée à étudier quelque chose que j'ignorais : l'utilisation des tableaux en HTML. En effet, 3 mois après la mise en ligne de mes premières pages (réalisées avec FrontPage Express ), j'ai découvert CSS 1 et abandonné définitivement les tableaux pour la mise en page.

J'ai repris tes 2 premiers exemples et essayé de comprendre.

En réalité, l'attribut bordercolor n'existe pas dans les spécifications du W3C (lien vers la traduction française), il est propriétaire à IE. C'est donc Netscape, Mozilla et Opera qui ont raison en ne l'interprétant pas (ou mal).

Pour déterminer la couleur de la bordure d'un tableau, il faut utiliser les feuilles de style. En voici un exemple avec 4 captures d'écran.

Evidemment, Netscape 4 ne comprend pas

L'élément table ne devrait être utilisé que pour des tableaux de données, et non pour la mise en page.

L'utilisation des blocs imbriqués n'est pas plus complexe que celle des tableaux imbriqués. C'est une question d'habitude et de clarté du code (par exemple, j'ai pris l'habitude d'indiquer, en commentaire, la class ou l'id d'un bloc à côté de la balise de fin du bloc).

La vraie difficulté (et tu as raison, Fruge), c'est le calcul des largeurs des blocs - pour IE, la largeur de la bordure s'ajoute à celle du bloc, par exemple. Mais des pros ont étudié le problème et des solutions sont proposées dans de nombreux sites. Un exemple sur openweb et beaucoup d'autres en faisant une recherche sur css box model.

Bonjour lionel,

Puisque tu as commencé par les reproches, je t'emboîte le pas...

Si je suis entièrement d'accord avec toi pour le respect du travail d'autrui (comme tous les responsables du Hub d'ailleurs), je n'apprécie vraiment pas cette manière de critiquer sans même s'informer

Les choses étant claires, c'est avec plaisir que je te souhaite la bienvenue sur le Hub

Il bug pas mal sous XP  .

Bonsoir,

J'envisageais de l'installer... voilà qui me refroidit

Et oui, je confirme, 99% des internautes ne connaissent pas la différence entre ces deux technologies différentes d'outil de recherche.... et il y en a même un bon paquet chez les référenceurs !

Bonjour,

La confusion est d'autant plus "facile" qu'un annuaire est souvent associé à un moteur, ou l'inverse...

Un moteur indexe des pages, généralement grâce à son robot.

Un annuaire indexe un site, généralement après validation humaine.

Est-ce que je me trompe ?

Ca risque de perdre les débutants qui viennent sur le forum...

Oui, c'est pour cela que je ne n'ai pas parlé.

En fait, il n'y a pas si longtemps que j'ai découvert cette possibilité et je n'éprouve pas le besoin de changer mes habitudes.

Et comme ce sont le plus souvent les valeurs à 6 chiffres que l'on donne sur les différents sites...

le code couleur #00000 n' est pas bon pour les feuille de style ?

Bonjour Coyote,

Je suis heureuse de te retrouver sur le Hub

A condition d'écrire #000000

Tu peux utiliser indifféremment le nom (toujours en anglais) ou le mode hexadécimal (toujours 6 valeurs).

Ce mode reconstitue la couleur désirée par rapport aux trois couleurs de bases Rouge, Vert et Bleu (valeurs RGB).

J'ai répondu oui.

Cependant, l'écueil à éviter c'est évidemment de tomber sur un moment où il n'y a personne... après quelques tentatives infructueuses, on se décourage.

Il faudrait donc toujours des fondateurs présents, ce qui est une contrainte assez gourmande en temps.

Pour éviter d'y aller pour rien, est-il possible que le visiteur sache à l'avance s'il y a du monde, s'il y a des responsables présents ?

Alors vive les membres!

Je suis heureuse de te retrouver parmi eux, Marie

Bravo Dan, Gilbert, Maïsse et tous les autres pour ce nouveau forum auquel je souhaite du fond du coeur longue vie

Merci à toi d'être là

Quelles que soient les qualités des fondateurs, un forum n'est pas grand chose sans ses membres...

J'ajouterais un conseil à cette excellente liste, à propos du choix du nom (titre) du site...

Un certain nombre d'annuaires présentent les listes de sites par ordre alphabétique.

Si vous avez la chance d'avoir un mot commençant par une des premières lettres de l'alphabet dans votre titre, autant l'exploiter.

Par exemple :

- Athlétisme : des records

et non :

- Records d'athlétisme

Il va sans dire qu'il ne faut pas tomber dans le ridicule (en ajoutant des chiffres ou autres caractères qui n'ont rien à faire dans le titre), ni tromper le visiteur (en utilisant des mots qui n'ont rien à voir avec le contenu) !

Si on ne dispose que d'un mot commençant par z, il faut s'en faire une raison (quoique, en fin de liste, ce n'est pas mal non plus).

Ce n'est qu'un petit détail, mais un détail + un détail +...

On peut aussi agir au niveau du logiciel de messagerie.

Dans OE, j'ai fait une règle "Supprimer du serveur" tous les messages dont le l'objet contient "Re: The details"...

Cela réduit considérablement les messages chargés.

En effet, oui...je viens d'en recevoir un envoyé par...moi

J'ai déjà eu le cas aussi...

ou bien aussi des mails venimeux de personnes à qui "j'avais" envoyé un virus

Si non, en plus de l'antivirus à jour bien sûr, tu paramètres ton lecteur de news pour ne pas afficher l'aperçu à l'ouverture.

Tu peux mettre d'office à la corbeille tous les messages polluants (on les repère vite).

Pour ceux où tu hésites à propos de leur intérêt, tu cliques sur "Propriétés > Afficher la source". Là tu peux voir le contenu tranquillement sans danger.

Pour les messages d'expéditeurs connus, j'ai créé quelques dossiers où ils sont déplacés automatiquement. Je peux donc les lire normalement.

Il s'agit d'un article sur le site de Liberation.fr, qui n'est peut-être plus directement accessible

Essaie depuis la page d'accueil et cherche les articles sur le virus Sobig.F, tu comprendras mieux.

C'est assez terrifiant

Bonjour Christelle,

Ne te plains pas... j'en recevais 200 par jour (j'ai fait une règle de message, cela va mieux) et dans certains pays c'est une véritable catastrophe nationale (1 million en une nuit dans un ministère suédois)

Si tu veux en savoir plus tu peux lire cet article

Le HTML (HyperText Markup Language) est un langage de description.

Contrairement aux langages de programmation (php, JavaScript...), il ne fait appel ni à des fonctions ni à des variables mais à des balises permettant de structurer les données.

Ce sont des chercheurs du Centre européen de recherche nucléaire (en Suisse) qui l'utilisent pour la première fois : les résultats de leurs travaux peuvent être consultés sur n'importe quel type d'ordinateur à l'aide d'un navigateur rudimentaire.

Tim Berners-Lee introduit l'utilisation des liens hypertexte en 1991 avec la version HTML 0.1.

Lire la suite de l'article...

Les outils de validation :

- HTML - W3C

- HTML - WDG

- HTML - W3Québec (basé sur le validateur du W3C)

- CSS - W3C

- CSS - WDG

- FEED Validator RSS et Atom