3246 sujets

Critiques de vos sites: code et design

Http://anost.cinema.free.fr/

Bonjour,
Je viens de finir un site sur un cinéma associatif,
Comme cela fais longtemps que j'ai la tête dans le guidon j'aimerais beaucoup avoir votre avis.
Ensuite je voudrais remercier Raphael pour son livre, il m'a été d'une grande utilité.......... Smiley langue
anost cinema
A+
Salut ^^
plutot que d'en creer un second tu peux aussi editer tes messages pour corriger les petites erreurs Smiley cligne

Une petite chose m'a frappé en arrivant sur ta page d'accueil on y trouve en (trop) gros un "Retour à l'accueil" pas vraiment indispensable vu que l'on y est déja sur cette page Smiley nananere
Modifié par webphn (07 Feb 2006 - 12:40)
Salut Oxalyde !

Bon au niveau du design : j'aime vraiment bien ! J'aime surtout la bannière mais après c'est une histoire de goût...

Pour ce qu'a dit webphn, je suis d'accord pour le retour à l'accueil...

Par contre, un truc un peu plus grave : ta première page est valide, c'est cool, mais n'affiche pas que ta page d'historique (et ce n'est qu'un exemple !) est valide en XHTML Strict quand elle compte 34 erreurs !!! ça la fout mal !
Salut !

J'aime beaucoup l'apparence du site qui est chaleureuse et claire.

En effet, le lien "retour à l'acceuil" n'est pas indispensable sur la page index.php, de plus le lien s'étale sur toute la largeur de la bannière sous firefox (c'est qu'un détail Smiley cligne ).
Pour les formulaires je trouves que la couleur n'est pas géniale, je laisserais le fond en blanc avec juste les "input" de couleur, enfin c'est une question de goût.
Sinon chapeau ! En plus le prix des places est pas cher Smiley biggrin
ah! OK!
je ne savais pas qu'il fallait soumettre chaque page au validator Smiley confused
C'est chose faite....
(et plus de retour à l'accueil sur l'accueil) Smiley langue
merci au chameau et au cosaque: contente de voir que le graphisme plait Smiley lol
salut,
sur cette page : les images du trombinoscope me semblent trop pixellisées. Cela est sûrement due au choix du format gif. L'utilisation du jpeg conviendrait mieux dans ce cas.
Sinon, sympa le design et la démarche Smiley cligne
Modifié par fredmac (07 Feb 2006 - 16:14)
bonsoir fredmac,
J'ai utilisé le format gif pour son effet de transparence car je superpose mes images....
Avec le format jpeg j'ai un problème de cadre blanc autour de mes photos....
Aurais tu un truc pour enregistrer sous gif ou png pour ne pas avoir cet effet de pixelisation.
Smiley langue
oxalyde a écrit :
bonsoir fredmac,
J'ai utilisé le format gif pour son effet de transparence car je superpose mes images....
Avec le format jpeg j'ai un problème de cadre blanc autour de mes photos....
Aurais tu un truc pour enregistrer sous gif ou png pour ne pas avoir cet effet de pixelisation.
Smiley langue

Bonsoir oxalyde
le fait de" superposer" des images et la transparence sont deux choses différentes.
L'enregistrement en gif permet d'indiquer le nombre de couleurs dans la table des couleurs. typiquement 8,16,32,62 etc...
En augmentant le nombre de couleur tu estomperas l'effet de diffusion.

Concernant le blanc autour du jpeg, je ne vois pas bien de quoi tu parles.

Voilu Smiley cligne
Quand j'enregistre mes images celle ci sont entouré d'un cadre tranparent en gif mais blanc (non-transparent) en jpeg.
donc si j'enregistre mes images en jpeg et que je veux les superposer,la bordure blanche de la photo superieur apparait sur la photo du dessous.
(Cette bordure etant transparente en gif ça ne se voit pas.) upload/1000-photos-cadr.jpg
oxalyde a écrit :
Quand j'enregistre mes images celle ci sont entouré d'un cadre tranparent en gif mais blanc (non-transparent) en jpeg.
donc si j'enregistre mes images en jpeg et que je veux les superposer,la bordure blanche de la photo superieur apparait sur la photo du dessous.
(Cette bordure etant transparente en gif ça ne se voit pas.) upload/1000-photos-cadr.jpg


En fait nous ne parlions pas de la même chose. Dans chaque images il y a deux éléments : le fond type pollaroïde et l'image de la personne en elle même. Ce qui sous photoshop donnerait deux calques. Pour simplifier disons que je te parle du calque "trombine" et que toi tu me parle du calque "fond pollaroïd".

Quand je parlais d'effet diffusion je pensais aux images "trombine"... Smiley murf Mais il est vrai qu'il y a également un effet de lissage mal géré sur le "fond pollaroïd".

Dans ce cas augmente le nombre de couleur (32, 64 ou 128) pour atténuer l'effet de l'un et de l'autre. Fait un essai et dis nous. Fait également un essai avec png 24 et compare le poid respectif de chacune des images.
Voilu
Modifié par fredmac (07 Feb 2006 - 21:24)
J'aime bien le design général !!

Pour le retour à l'accueil, le lien sur le logo en haut de page n'est pas bien fait !! (enfin c'est mon avis). Tu devrais le situer en haut à gauche !!

Concernant la "newsletter" et "écrivez nous", je pense que tu devrais changer le fond ! Je pense que le fond que tu utilises pour les news pourrait passer !!

En bas du site mettre un retour vers en haut, ou un autre menu !!

Voilà !
Bonjour Smiley smile ,

tu es sûr que c'est indispensable ce code trouvé sur la page d'accueil :
#cache{
position:absolute;
margin:-5000px 0 0 0;
}

<body>
<div id="cache">
<img src="benevoles/megryan.jpg" alt="" />
<img src="benevoles/jp.jpg" alt=""  />
<img src="benevoles/gabin.jpg" alt="" />
<img src="benevoles/denis.jpg" alt="" />
<img src="benevoles/blier.jpg" alt="" />
<img src="benevoles/kcostner.gif" alt="" />
<img src="benevoles/marcelle.jpg" alt="" />
<img src="benevoles/crazyma.jpg"  alt=""/>
<img src="benevoles/sylvie.gif"  alt=""/>
<img src="benevoles/arletty.gif" alt="" />
<img src="benevoles/janis.gif" alt="" />
<img src="benevoles/vince.gif"  alt=""/>
<img src="benevoles/skywalker.gif" alt="" />
<img src="benevoles/val.gif" alt=""/>
<img src="benevoles/chihiro.gif" alt="" />
<img src="index/kirikou.jpg" alt=""  /></div>
<div id="global">


A+
Modifié par Alan (08 Feb 2006 - 10:45)
Plus pragmatique :

- il manque pas mal de balise meta pour valider l'accessibilité.
- l'idée du retour à l'accueil en gros pour éluder le problème du logo cliquable est retenue !
- le design est formidable et clair
- trop de différence entre les tailles et l'empatement des polices de lecture d'une page à l'autre, ça manque de cohérence donc par voie de conséquence ça fait amateur : deux polices maximum, et trois tailles maximum (design inclus).
- Le textarea de votre message (formulaire contact) déborde du cadre vert sous Firefox... à réduire
- Il manque une vérification du formulaire que l'on peut envoyer à vide
- La balise d'appel de css : il faut mettre media: all quand on a pas d'autres feuilles alternatives... sinon c'est pénalisant.

Sinon très bon travail sur les standards, avec un tel soucis du détail, vous pourriez rajouter un peu plus d'accessibilité.

Bon courage
bonjour,
Fredmac>J'ai amelioré les trombines en augmentant la couleur en gif (256), cela augmente le poids de l'image d'une dizaine d' octets (passable).
J'ai testé le format png-8 (256 couleurs), il est plus lourd que le gif de quelques octets.... pour une qualité semblable au gif.
et j'ai aussi testé le png-24 qui augmente considérablement la taille de l'image (trop à mon goût...).
Mon problème maintenant est la qualité du polaroid qui est crénelé sur les bords. Lorsque j'enregistre l'image sous le format gif et png-8 je dois cocher ds les paramètres détourage=sans, parce qu'autrement je me retrouve avec des taches blanches autour du polaroid (ce qui n'est pas très ésthétique). Smiley biggol

shikamaru>Pour le logo "retour à l'accueil" je vais voir ce que je peux faire...
Par contre le fond de la newsletter et du formulaire, je les aime ainsi (les goûts et les couleurs..... Smiley langue )

Alan>Le code dont tu me parles est le préchargement des images pour la feuille des bénévoles, je pense que cela est nécéssaire dans une zone où le haut débit n'est pas installé partout..... Smiley lol

D'ailleurs je me suis basée sur le chapitre 9 du bouquin de Raphael Goetter "CSS 2" :
a écrit :
"Placer en mémoire cache, dès la page d'accueil du site, les images prenant place sur les diverses pages susceptibles d'être visitées leur évitera le temps de latence dû à la connexion, la requête, et leur chargement. C'est particulièrement utile pour les images réagissant lorsqu'elles passent sous le pointeur de la souris."

Aufaite merci à tous pour vos commentaires constructifs Smiley cligne
Modifié par oxalyde (09 Feb 2006 - 10:43)
a écrit :
Alan>Le code dont tu me parles est le préchargement des images pour la feuille des bénévoles, je pense que cela est nécéssaire dans une zone où le haut débit n'est pas installé partout..... Smiley lol


Oui mais tu as ce vu que ça donne quand le style est désactivé (et donc éventuellement dans des navigateurs anciens comme il peut en avoir quelques uns dans une zone où le haut débit n'est pas installé partout)

Par exemple sur la fameuse version Netscape 4.7, toutes tes images "en cache" s'affichent en haut de page. Sur IE 3, idem. Sur IE4 elles s'affichent aussi, mais là c'est mieux car ça part sur la droite. Seulement à partir IE5 c'est bien (sauf quelques détails, comme sur la page historique où la "colonne" de texte est comme compressée)
Modifié par Alan (09 Feb 2006 - 21:06)
bonjour,
Alan>
a écrit :
Oui mais tu as vu ce que ça donne quand le style est désactivé (et donc éventuellement dans des navigateurs anciens comme il peut en avoir quelques uns dans une zone où le haut débit n'est pas installé partout)

Par exemple sur la fameuse version Netscape 4.7, toutes tes images "en cache" s'affichent en haut de page. Sur IE 3, idem. Sur IE4 elles s'affichent aussi, mais là c'est mieux car ça part sur la droite. Seulement à partir IE5 c'est bien (sauf quelques détails, comme sur la page historique où la "colonne" de texte est comme compressée)

Quelle alternative pourrais je trouver pour le préchargement des mes images?
le javascript? Smiley rolleyes

samuel berg>merci pour les critiques, je vais voir ce que je peux faire...... Smiley murf
Bonjour,

Alan a écrit :
Oui mais tu as ce vu que ça donne quand le style est désactivé (et donc éventuellement dans des navigateurs anciens comme il peut en avoir quelques uns dans une zone où le haut débit n'est pas installé partout)


Heu... Juste pour signaler que bas-débit n'a rien à voir avec "navigateur ancien" Smiley cligne

Ce serait presque le contraire en fait, si Opera n'était pas si confidentiel en France : c'est un navigateur particulièrement adapté à un surf "agréable" en bas débit...
Laurent Denis a écrit :

Heu... Juste pour signaler que bas-débit n'a rien à voir avec "navigateur ancien" Smiley cligne


Bonjour,
j'avais juste affirmé qu' "il peut y en avoir quelques uns" : ce qui voulait simplement dire qu'en "optimisant" de cette façon pour le bas-débit il ne fallait pas oublier totalement les anciens navigateurs (un internaute en bas-débit et avec un ancien navigateur n'aurait que des désavantages dans ce cas).
Pour savoir s'il y a un rapport, il faudrait des statistiques.
Modifié par Alan (11 Feb 2006 - 13:27)
Sujet clos
Aller à