Votre avis sur www.benoitgraux.fr

Bonjour à tous,

j'ai refondu dernièrement un site qui présente les peinture de Benoit Graux. Je suis passée d'un site tout sauf valide avec frames et tableaux à un site XHTML 1.0 Strict avec css et div

Le site d'alsacréations m'a été d'une grande utilité dans cette entreprise, donc un grand merci à ses admins et contributeurs !

Maintenant, je sollicite votre avis sur mon modeste travail : http://www.benoitgraux.fr , ergonomie, respect des normes, design... tout ce qui vous passe par la tête !

Merci !!!
Modifié par Quirk (21 Dec 2006 - 15:31)

Bonjour à toi ...

Dis, tu ne voudrais pas éditer ton post et rendre ton lien valide ?
Car actuellement, on atteri sur une magnifique page d'erreur 404 ...
Et là, en terme d'accessibilité ...
C'est moyen

---

Sinon...
Au niveau aspect général, je trouve ça plutôt pas mal. C'est peut-être un schouilla trop sombre (pourquoi un fond aussi noir ?!?), mais dans l'ensemble, ça me plaît.
Peut être une chose : ton arrière-plan pour les titres est pas mal ... Mais je le trouve un peu inachevé.

Concernant les erreurs HTML :
- Accueil : une balise <img> mal formée
- Galerie : 5 balises <a> mal formées
- Exposition : une balise <p> vide
- Autres : un peu des trois à la fois

Enfin, concernant le CSS :
- le validateur est pas content
Modifié par Cygnus (21 Dec 2006 - 15:44)

Oups !! sorry, c'est corrigé

Salut.

Chez moi, j'ai un pixel du texte réactif qui reste blanc lors du onmouseout sur le tableau des pommes vertes.
Etrangement, ça ne le fait que sur cette vignette.

La bordure blanche d'un pixel de largeur est bizarrement absente du coté droit.

Le orange de certains textes est incohérent avec le reste des couleurs, étant donné que partout tu utilises soit du rouge, soit du noir, donc, on se demande pourquoi quelques sous-titres sont en orange.
Modifié par Ralfman68 (21 Dec 2006 - 17:23)

Merci pour vos remarques

Donc, dans l'ordre :
> Cygnus
- le fond sombre. J'avoue, en fait je pense un peu comme toi ... Je voulais garder le même esprit que le site précédent qui a un fond noir aussi, mais que je vais peut être passer à un gris foncé en finalement.

- le fond h2 mériterait peut être d'être un peu plus travaillé, effectivement.

- les balises mal formées : là je suis un peu surprise parce que toutes les pages sont valides normalement... Je vais regarder en tout cas, merci.

- le css. Idem, je l'avais passé au validateur, mais tout seul, et c'était ok. Là j'ai essayé avec l'url de la page, et il me sort cette erreur !? Alors que css seul c'est bon et html seul, c'est bon ... J'ai peut être pas compris, mais il ne faut pas mettre l'adresse du fichier css quand c'est css séparé ?
En fait j'ai trouvé la réponse sur alsa : cf. http://forum.alsacreations.com/topic-2-7435-1-Problme-de-validation-bizarre-.html . Bon, vu le type d'erreur, on va dire que je valide le css en séparé, d'accord ?
(je regarderai peut être, mais ça devient pointu... je voulais du XHTML valide, pas du XML valide, moa !! )
[/edit]

> Ralfman68
- Le texte orange : je vois ce que tu veux dire, mais je trouve le rouge un peu agressif... Du coup j'ai mis tous les h3 en orange. Peut être qu'il faut que je mette le texte d'accueil en orange aussi. Je vais faire des essais.

- et concernant les pixels et bordures récalcitrants, est-ce que tu pourrais me donner ton navigateur et ta résolution ? Merci !!
Modifié par Quirk (21 Dec 2006 - 18:30)

Oui, il s'agit de Firefox 2 =>1236*1024
Modifié par Ralfman68 (28 Nov 2007 - 22:20)

a écrit :
(je regarderai peut être, mais ça devient pointu... je voulais du XHTML valide, pas du XML valide, moa !! cligne )

en passant... le XHTML, c'est la reformulation du HTML au format XML...

opi

Fais gaffe : ton simple viewer ne fonctionne pas sous IE.

Bonjour,

Attention au nom de fichier avec espace

<img src="Ptableaux/Fiat 500.jpg" alt="Fiat 500 (12/2006)"/>

Ca pourrais/vas te poser des soucis d'accessibilité à l'image

Salut,

En bref, et un peu après la bataille, car ce post date d'il y'a quelques semaines déja.

Le site ne prévoit pas l'augmentation de la taille de caractère :

- La hauteur du menu n'est pas extensible, du coup dès la première augmentation de caractère, on voit dépasser les filets verticaux blancs qui séparent les liens.

- Dès le deuxième agrandissement de caractères, c'est tout le contenu du site qui sort hors du cadre. provoquant une barre de défilement horizontale, et un gros problème d'ergonomie.

Dans la bannière le nom Benoit Graux est flou, ça donne une étrange sensation de devoir aller voir un ophtalmo.

Les images du viewer à gauche sont vraiment très pixellisées. Pourquoi ne pas faire un viewer d'une taille plus petite avec des images plus petites ?
Après visualisation j'ai constaté qu'il est fait en unités relatives... En 800x600 c'est regardable, en 1600x1200 ça devient trop gros pour ce que c'est, on préfererai avoir juste plus d'images, et surtout trop pixellisé.

Le texte en défonce blanche ou en rouge sur noir est difficile à lire, car le contraste oblige l'oeil à travailler plus que de raison. La taille n'aidant pas on risque de devoir augmenter la taille de caractère, donc assister aux bugs signalés en début de cette réponse.

Le fond de brique, bon d'accord il est discrêt, mais j'adhère pas. J'imagine que ces peintures ne sont pas exposées dans le studio d'AB production sur le décor du garage d'Hélène et les garçons...

Pour les couleurs, l'utilisation "noir-gris-blanc-orange" est une bonne gamme, mais les proportions sont pas vraiment bien choisies. Il faudrait un peu moins de noir qui a tendance à étouffer tout le reste. le rouge utilisé dans la page d'accueil semble décalé, pourquoi pas de l'orange ?
Une couleur sombre un peu colorée qui remplacerait le noir donnerait bien plus de charme et d'attractivité au site. Augmenter un peu l'utilisation du blanc (hors texte) et de l'orange serait bien aussi.

La mise en forme du formulaire de contact manque d'élégance.

Bonjour et merci pour vos remarques

Concernant Simple Viewer, il fonctionne correctement sur ie, en tout cas dans les versions que j'ai testées ...

Je n'ai pas encore eu le temps de retravailler sur le site (à part quelques finitions côté admin), avec les vacances et les fêtes, mais dans l'ensemble je suis d'accord avec les points suivants :
- je suis d'accord pour la couleur de fond noire. Il va falloir que j'éclaircisse un peu.
- idem pour le texte rouge en page d'accueil, je pense qu'en orange ce sera plus cohérent avec le reste.
-la pixellisation des photos de l'accueil, je vais essayer d'y remédier également. Peut être avec une taille d'image fixe.
- Et merci pour l'histoire de la hauteur du menu, je devrais pouvoir le corriger.

Par contre sur l'augmentation de la taille des caractères, j'avais vu mais je ne vois pas pourquoi ça bugge sous firefox. Tout décale alors que ça ne le fait pas sous ie...

Enfin, le fond de brique c'est pour faire plaisir à ma mère qui le trouve très bien donc je n'y touche pas, je ne pense pas qu'il soit gênant même si ce n'est pas extraordinaire non plus...
Et les espaces dans les noms d'images j'ai pas trop de prise dessus, c'est mon père qui fait ses photos et les met sur le site avec la partie admin. J'essaye de lui expliquer d'éviter les fichiers trop gros, les accents etc., mais bon... Rome ne s'est pas faite en un jour

Concernant le formulaire ça pourrait sans doute être mieux, mais j'ai déjà eu un mal fou à aligner tout ça, ce sera vraiment la cerise sur le gâteau !

J'espère retravailler tout ça dans la semaine ou ce week end et revenir vers vous ensuite.
Merci encore pour vos précieux conseils !!

Bonjour

Suite à vos remarques, j'ai apporté quelques modifs au site :
- j'ai viré le texte de couleur rouge et recentré la gamme de couleur sur le noir-gris-orange-blanc
- il n'y a plus de texte sur fond noir, et j'ai mis des fonds gris plus clairs (certains vont trouver que c'est encore sombre, mais suivant si je regarde sur un écran de portable ou un fixe, c'est pas la même)
-j'ai résolu le pb des tailles de caractères variables. Il reste toujours le souci des filets blancs relevé par Mikachu, mais je ne pense pas pouvoir corriger (l'image en background a une dimension fixe, tandis que les filets s'allongent, et je vois pas comment faire autrement...)
- j'ai viré le dégradé des titres h2 et remplacé ça par une ligne orange. Je trouve que ça fait moins 'baclé' et ça permet de rendre plus cohérent l'ensemble (plus d'orange).
- j'ai amélioré la netteté de la bannière
- les images de la page d'accueil sur la gauche sont désormais en taille fixe. Ca pixellise moins.

Reste:
- le fond brique. J'ai essayé des fonds unis de gris différents mais j'ai pas trop accroché... je manque un peu d'inspiration donc pour l'instant je laisse tel quel.
- Le pixel récalcitrant (texte réactif sur la page des galeries)... Eh bin... comment dire. Je vois pas ce qu'il fait là, c'est un peu mystérieux. J'ai cherché mais pas trouvé : si quelqu'un a une idée...

PS:je ne m'en aperçois que maintenant, mais j'ai rajouté un lien vers le site ebay qui n'est pas valide, et qui plante la validation de deux pages du site... Je m'occupe de corriger
Modifié par Quirk (05 Feb 2007 - 13:30)

salut,
Chez moi (FF sous mac OSX) le texte sort de son conteneur ???


Modifié par fredmac (05 Feb 2007 - 18:10)

Pas de problème chez moi, mais il a peut-être corrigé entre temps. Par contre je vois dans le code source un commentaire vide avant le doctype… Ça ne fait pas passer IE en mode quirk ça?
Modifié par Patidou (05 Feb 2007 - 20:43)

Bonjour,

oui j'ai corrigé hier soir (enfin, j'espère, vu que j'ai pas de mac pour vérifier...). Tu as un mac, patidou ?

Le commentaire vide c'est pour le php. C'est gênant ça ? (désolée pour toutes ces questions, mais je suis encore loin de tout maîtriser...)

Quirk a écrit :
Bonjour,

oui j'ai corrigé hier soir (enfin, j'espère, vu que j'ai pas de mac pour vérifier...). Tu as un mac, patidou ?

Oui. À la maison...

Quirk a écrit :

Le commentaire vide c'est pour le php. C'est gênant ça ? (désolée pour toutes ces questions, mais je suis encore loin de tout maîtriser...)

Normalement ça fait passer IE en mode quirk (ahah) ce qui fait qu'il calcule les tailles des éléments différemment... Mais peut-être que ça ne se voit pas sur ton design...

gloup gloup on t'as reconnu

fredmac a écrit :
gloup gloup on t'as reconnu

Héhé... Moi aussi je t'ai reconnu...

Chez moi sur FF 2.0.0.1 j'ai aussi le corps hors du container....
Modifié par zitoon (06 Feb 2007 - 14:57)

zitoon a écrit :
Chez moi sur FF 2.0.0.1 j'ai aussi le corps hors du container....

Ahhh la gestion des overflows tout un poème
Ceci dit, beaucoups de balises <div> pourraient être supprimées
Modifié par fredmac (06 Feb 2007 - 15:29)