Validation et tests de ton site

pourriez vous me filer un coup de main pour évaluer le design de mon site?
http://oenologieigr.free.fr
En plus j'arrive pas à le valider totalement XHTML... et je capte pas trop pourquoi!

Ton code javascript doit être inclu dans une section CDATA comme définie en xml puisque tu as un doctype xhtml 1.0 strict

Dans ton code tu utilise exclusivement des class pour nommer tes éléments, mais il existe aussi des id qui sont nettement plus indiqués dans bien des cas ! Notamment pour nommer les éléments uniques comme les menu, le header, etc.

Autre truc: tu utilises beaucoup d'attribut style à l'intérieur des balises, ce serait mieux de déporter tout ça dans la feuille de style externe (séparation présentation <-> structure).

Meci de ta réponse rapide, je me documente sur le CDATA et me met aux id plutot qu'au class tu as raison.
Pour les <span style > c'est un peu obligé car généré par mes bbcodes, et j'avais trouvé un peu inutile de créer une classe juste pour le gras ou l'italique.

Ha oui, pourquoi pas alors

Mais si le bbcode sert a définir une emphase, tu peux utiliser directement la balise adaptée :

- em pour une petite emphase (dont le rendu par défaut sera de l'italique dans la plupart des navigateurs)

- strong pour une emphase forte (dont le rendu par défaut sera du gras dans la pluplart des navigateurs)

Merci c'est donc ce que j'ai fait dans mes bbcodes, j'ai tout de même gardé mon span pour le soulignement et la coloration du texte.
Pour le passage en id je n'ai finalement pas trouvé de classe qui soit logiquement passable en id...

Et question initiale, que pensez vous de l'ergonomie, des couleurs...

J'aime bien l'aspect général, ca fait sérieux et "carré" par contre j'aime pas le vert de ton menu et du cadre à droite.
D'ailleurs le cadre partenaire on se demande un peu ce qu'il fait là, surtout que tu as une page spéciale partenaire ou alors pourquoi ne pas afficher ces infos en dessous du menu ou en bas de page...

Tu as raison pour la boite partenaire mais l'université m'oblige à les mettre sur toutes les pages. En desous du menu c'est drôlement pas con je vais essayer pour voir ce que ça donne.
A la place du vert du menu tu propose quoi, un plus clair?

je sais pas trop mais un truc sobre, du gris clair peut-être je sais pas trop, sinon va voir sur d'autres sites traitant du meme sujet pour voir les couleurs qu'ils utilisent. Je suis pas une pro de design...

Salut,

Pour les couleurs, j'aurais pris quelquechose qui se rapproche encore un peu plus du sujet traité...

T'en est pas si éloigné mais çà n'est pas tout à fait çà... Le rouge fait trop rouge... Observe la couleur du vin (dans le verre... pas la bouteille! ) Pour le vert, je n'aime pas trop l'associer au rouge... çà ne me plait guère... (mais c'est très subjectif comme point de vue...) Pour ton fond, un beige couleur bouchon par exemple (c'est ce que je mettrais d'ailleurs comme dominante...). Personnellement, j'aime bien les contrastes et les couleurs "pastel". Aussi, le blanc, le gris et le noir sont un peu passe partout donc tu peux jouer avec... Peut-être pourrais-tu introduire encore une autre couleur, un marron peut-être (comme les traits sur le bouchon...)

Concernant le contour, je verrais bien un ombrage... çà donnerait un bel effet...

Et comme te l'a conseillé K-Ro, rien ne vaut la visite de sites analogues...

@+

yep

Je trouve ce design très agréable. Quelques reproches cependant :
- le conteneur principal n'est pas centré
- un chevauchement de texte
- webdevelopper me signal une erreur javascript
Erreur : syntax error
Fichier Source : http://oenologieigr.free.fr/
Ligne : 22, Colonne : 1
Code Source :
<![CDATA[
- le haut intérieur du menu droite



Une dernière remarque, pour ta version 2, je pense qu'il ne sera pas difficile de rendre ton site extensible, je trouve ça tellement plus agréable...

-----

Pour la validation : il te manque les point-virgules a la fin des codes de caractères (7 premières erreurs)
Les attribut target et border n'existe pas en XHTML strict.
il te manque un / pour fermer le tag img : <img src ... /> (erreur 11 et 12), idem pour les erreurs 13 et 14

Merci à tous pour vos nombreux commentaires.
J'espère avoir corrigé le maximum d'erreurs de validation.
Pour le chevauchement de texte, il est du à une image du logo de l'université qui va m'être transféré sous peu et j'ai centré le bloc.
J'ai changé le bordeaux en marron clair mais je n'aime pas trop aller voir les autres site car j'ai tendance à faire du plagiat pur et dur...
Je suis encore assez peu satisfait du fond et de la couleur des liens du menu, mais je travaille ça.

___Seb qu'apelle tu un site extensible?

Je ne sais pas si c'est le terme approprié mais j'appelle un site extensible un site qui prend toute la largeur de l'écran sous toutes les résolutions.

Fluide serait plus approprié

Moi j'aime assez bien le design
Il faut dire que je suis pas exigent la dessus etant pas tres doué

Pour le validateur, tu as du faire un copier coller d'un doc word et le ' est devenu ’ (celui de crosoft qui est penché) il n'est pas valide xhtml.