Avis | Critiques > http://www.perso-laplagne.fr/Actualites.htm

Bonjour à toutes et tous.

Je suis webmestre du site susmentionné depuis 4 ans.
Il a été conçu (attention) avec Dreamweaver, qui m'a toujours paru être la facilité incarné (mais comme il fait tout tout seul je suis toujours plus ou moins néophyte en la matière).

Je suis tombé par hasard sur le site Alsacreations, et j'ai été impressionné par son apparence. Après j'ai cherché à savoir comment c'était fait et...j'ai abandonné...

Mais voyant ce forum j'ai eu envie de recueillir les avis de gens éclairés sur mon site. N'hésitez pas ! Avis, critiques, et conseils, sont plus que bienvenus !

MERCi
Modifié par ARGo (30 Jun 2006 - 10:29)

Boujour

Pour le code, edit : voir post de thierry.
Pour le design y'a de l'idée mais les couleurs (celle de fond surtout) se sont pas agréables et je trouve que ton site manque visuellement de finesse.
Modifié par Whisno (25 Jun 2006 - 17:33)

Merci

Pour la couleur de fond ça n'est pas la première fois qu'on me le dit en effet. Ca je peux le changer facilement grâce à l'automatisation des tâches de Dreamweaver. Il faudra par contre que je trouve la bonne (plus claire ? plus pastelle ?).

Il est hors de question que je me passe de Dreamweaver, sans ce logiciel je suis complètement perdu, même si comme tu le dis il tisse une toile inextricable (d'aileurs je passe le moins de temps possible dans la partie Code).

Je ne trouverai pas le temps de refaire une version comlètement nouvelle. Par contre j'ai besoin de conseils pour améliorer au mieux celle-ci. N'hésitez pas à m'en donner, si vous trouvez le temps bien sûr...

Bonjour,

@Whisno

a écrit :
Dreamweaver c'est simple à utiliser mais ça génère un code horrible

J'utilise Dreamweaver depuis des années, je travaille en mode code et création (affichage de la page et affichage du code), et je ne l'ai jamais vu pondre une balise superflue ou erronée.

Je ne vois pas pourquoi il faudrait dissuader quelqu'un d'utiliser Dreamweaver. C'est attribuer au logiciel lui-même des problèmes qui découlent d'un mésusage de celui-ci.
Modifié par thierry (25 Jun 2006 - 17:19)

@thierry

Ah, autant pour moi ^^ je n'en avais encore jamais vu de valide.
Du coup, j'adapte mon premier post.

@ARGo

Pour la couleur, je se sait pas te dire
Il manque un bout à ton menu quand on affiche plus de 695 px de hauteur.
Tu devrais enlever les barres de défilement pour ton contenu, celles du navigateur sont plus agréables et plus pratiques à utiliser (ce qui va de pair avec ma remarque précédente)

Dans la version précedente (et franchement moche ) de mon site ( A voir ici : http://romain.guigon.free.fr/Anciennes_Versions/Version%204.0/index_V4.0.html ) le contenu s'étalait sur toute la longueur de la page. Du coup quand on arrivait en bas (parfois c'était très très très bas) on perdait de vue le menu, c'était vraiment pas pratique. Donc j'ai préféré opter pour un site qui se voit entièrement sur la fenetre navigateur avec des Div overflow...Par contre c'est vrai que le site n'est pas asez compacté en hauteur, il faut que je travaille là dessus aussi...
Modifié par ARGo (25 Jun 2006 - 17:43)

Salut,

Je trouve ca terne, ca manque de lumière... Même les jours de mauvais temps sur une piste de ski on est dans la lumière reflétée par la neige. La j'ai l'impression de surfer en pleine nuit...
faudrait mettre des couleurs, 1. plus contrastées, 2. plus lumineuses, 3. plus gaies...

Je partage l'avis proposé concernant la barre de défilement du navigateur, c'est vraiment lourd la navigation intra site quand elle n'est pas justifiée...
Et si tu perds le menu, rien ne t'empèche de mettre des liens de retour en haut de page.
C'est plus commode. En plus il existe un raccourci clavier pour remonter tout en haut (ctrl+origine sur firefox et IE).
Donc il est tout à fait possible de remonter rapidement.
Par contre la barre de défilement dans le site, elle oblige au mieux à aller cliquer dans le cadre pour pouvoir défiler à la molette, ou sinon pour les non habitués de cet outils, se taper le mouvement en drag'n drop sur la barre pour la faire défiler.
Sachant que sur certaines pages tu as une barre de défilement horizontale qui plus est... Un vrai remède contre ce site.

Pour la navigation principale, même si elle manque de finesse graphique, je trouve que ces deux courbes sont pas mal... Faudrait juste une belle typo et des couleurs plus agréables. Par contre je surfe en 1280x960, le bas de la courbe qui manque c'est moche !
Par contre elle ne disparait pas quand on est plus dessus, et quand on a du texte derruière qui se retrouve coupé ben pas glop pour lire...

Pour la mise en page, on a pas l'impression d'être aidés, il y'en a dans tous les sens, des petites vignettes de tous les formats etc... on s'y retrouve plus. ca manque de cohérence.

Bon avec tout ca, je trouve qu'il y'a de belles photos (les panoramiques 360° sont suberbes), mais je trouve que le site ne mets pas assez en valeur son contenu, et c'est dommage...

Oki oki. Merci de ces critiques, ça m'ouvre les yeux !

Etrangement on m'avait dit que le site tenant dans la fenêtre était beaucoup plus facile à utiliser. Moi je n'ai pas besoin de cliquer pour faire défiler, et pourtant j'ai testé sous IE et sous FF...bizarre !

Pour les couleurs c'est vraiment par gout perso. Les couleurs trop "brillantes" m'arrachent les yeux, et en général ça me fait fuir un site...

Pour le menu qui apparait, on le fait disparaitre en bougeant la souris vers l'extérieur, ou vers les autres boutons...J'ai pas trouvé de meilleur script que celui-là...

En le concevant j'ai tout fait pour réduire la hauteur. Du coup j'ai laissé la courbe s'interrompre en bas (en 1024*768 on va pas plus bas...). J'ai pensé à inscrire le site dans un cadre de la couleur du menu, pour qu'il puisse s'adapter aux résolutions supérieures...

Pourriez-vous me dire en quoi ça manque de finesse graphique ? Les polices sont-elles trop grosses ? trop "grasses" ? les boutons trop larges ?
Modifié par ARGo (25 Jun 2006 - 18:59)

a écrit :
Etrangement on m'avait dit que le site tenant dans la fenêtre était beaucoup plus facile à utiliser. Moi je n'ai pas besoin de cliquer pour faire défiler, et pourtant j'ai testé sous IE et sous FF...bizarre !

Pour moi perso ca me pose pas de problème pasque j'utilise la navigation clavier, la molette, etc... mais y'a des gens qui savent pas faire.

Quand on dit couleur plus gaies, ca veut pas forcément dire fluo...
je t'invite à aller sur ce site, qui parle très bien de la couleur. Tu en apprendras beaucoup.

Quand on dit manque de finesse graphique, c'est dans le choix des couleurs, des tailles de typo et leur choix, des boutons peut être un peu plus travaillé graphiquement...

a écrit :
(en 1024*768 on va pas plus bas...)

Faux, en 1024 full screen, on voir du fond de page sous le dernier bouton "liens".

a écrit :
Ca rique de me poser des problèmes si je veux rabattre les courbes vers la gauche...j'ai pensé à inscrire le site dans un cadre de la couleur du menu, pour qu'il puisse s'adapter aux résolutions supérieures...

Je ne vois pas vraiment en quoi ca peut l'être, c'est tout à fait faisable, et sinon il suffit de trouver une astuce graphique... (la courbe de menu principal qui existe jusqu'au bord du navigateur, et la courbe de sous menu qui disparait au bleu de fond de site en bas du menu...).

a écrit :
En fait le seul truc beau dans mon site ce sont les photos... biggrin

Disons qu'il y'a encore du boulot pour rendre le site plus attractif et convivial. Mais tu y'arriveras. C'est sur que ca t'aiderai de le faire en utilisant un autre outil que dreamweaver

Mikachu a écrit :
C'est sur que ca t'aiderai de le faire en utilisant un autre outil que dreamweaver...

Là il va falloir m'expliquer ???

Attention, message laid.

a écrit :
Pourriez-vous me dire en quoi ça manque de finesse graphique ? Les polices sont-elles trop grosses ? trop "grasses" ? les boutons trop larges ?

J'entends par là que les polices de textes sont grandes (en tout cas plus que ce que j'ai l'habitude de voir), les contour du deuxième menu sont pixellisé http://static.flickr.com/53/174653822_d805ee69a2_o.jpg , le deuxième menu passe devant le texte http://static.flickr.com/72/174653834_de0405a267_o.jpg , comme on l'a déjà dit http://static.flickr.com/66/174653842_4be7a97b65_o.jpg , la barre de défilement dans le vide (je mettrais une couleur un peux plus claire pour la div) http://static.flickr.com/63/174653853_c521a2733f_o.jpg , l'icone de panorama est pixellisée http://static.flickr.com/73/174653878_b58680a6d0_o.jpg ,


Pourquoi une pub adsense juste au dessus du formulaire pour le livre d'or ? L'endroit ne me semble ni être le plus visité ni le plus approprié.

Attention aussi à certains textes qui se superposent. http://static.flickr.com/74/174653884_cb4683117b_o.jpg

Voilà, c'est peut-être un peux décourageant mais je pense que le plus gros est dit.
Modifié par Whisno (26 Jun 2006 - 15:43)

Désolé d'abuser de ton temps, Mikachu, mais tu aurais des idées pour affiner le style ? Des pistes ?

Je vais changer la couleur de fond. La police des boutons me parait sympa, mais il faut surement que je réduise leur taille. Je vais réduire aussi la taille générale du contenu et faire passer de gras à normal. Par contre pour la navigation j'ai aucune solution pour tout ce qui est vignette etc...
Modifié par ARGo (25 Jun 2006 - 20:04)

Tu utilises Firefox ? Il y a un pb avec les balises <p> qui entraine le chevauchement des textes. Celui-là m'avait échappé

Le menu pixellisé c'est la faute de la compression en Gif j'imagine. Par contre pour le recouvrement du texte c'est normal. Ce menu n'a pas vocation à rester en place, il est censé disparaitre quand on écarte la souris...

Pour la pub, c'est que mon livre d'or est fourni par le site hitparade.com...

Voilà des pistes de corrections précises, merci beaucoup !

a écrit :
il est censé disparaitre quand on écarte la souris

Justement, c'est le problème : chez moi (FF 1.5.0.4 Mac OS 10.4.6) il ne disapraît que si je clique dessus ou si je sélectionne autre-chose dans le menu 2

a écrit :
Voilà des pistes de corrections précises, merci beaucoup !

Ce sont les vacances scolaires alors j'ai le temps

a écrit :

C'est sur que ca t'aiderai de le faire en utilisant un autre outil que dreamweaver...

Là il va falloir m'expliquer ???
Un bon éditeur de texte, histoire de maîtriser tous ce qui est dans le code. Moi perso j'utilise PSpad, qui utilise la coloration syntaxique. J'ai beau être graphiste, je ne fais rien en WYSIWYG, mais tout en codage

a écrit :
Désolé d'abuser de ton temps, Mikachu, mais tu aurais des idées pour affiner le style ? Des pistes ?

La j'ai pas trop de temps il va falloir que je file, mais j'essayerai de te donner quelques pistes plus tard...

a écrit :
il est censé disparaitre quand on écarte la souris

Justement, c'est le problème : chez moi (FF 1.5.0.4 Mac OS 10.4.6) il ne disapraît que si je clique dessus ou si je sélectionne autre-chose dans le menu 2
+1 sur FF 1.5.0.4 mais version PC.

a écrit :
Justement, c'est le problème : chez moi (FF 1.5.0.4 Mac OS 10.4.6) il ne disapraît que si je clique dessus ou si je sélectionne autre-chose dans le menu 2

Normal quoi...pas tout à fait satisfaisant en effet, mais le script est déjà très complexe, jugez-vous mêmes :

a écrit :
<div id="Menu5x" style="position:absolute; width:324px; height:150px; z-index:159; left: 121px; top: 196px; visibility: hidden;" onClick="MM_showHideLayers('Menu5x','','hide')"><img src="Menu5x_a.gif" width="221" height="131"><a href="Pistes.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('5x_A','','Menu5xon_01.gif',1)"><img src="Menu5x_01.gif" name="5x_A" width="221" height="40" border="0"></a><a href="Remontees.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('5x_B','','Menu5xon_02.gif',1)"><img src="Menu5x_02.gif" name="5x_B" width="221" height="41" border="0"></a><a href="Geographie.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('5x_C','','Menu5xon_03.gif',1)"><img src="Menu5x_03.gif" name="5x_C" width="221" height="39" border="0"></a><img src="Menu5x_b.gif" width="221" height="249"></div>

Modifié par ARGo (25 Jun 2006 - 21:03)

Salut,

Je ne parlerais pas chiffons (couleurs,, typo...) avant de te parler de ta structure de page.
Ça ne ressemble à rien.
Dans un club de patchwork tu pourrais avoir un prix, ta page est un assemblage de rectangles de différentes couleurs sans aucune sémantique de ton HTML.
Pour ceux qui codent en donnant d'abord un sens au contenu avant de penser à la présentation c'est surréaliste.

Apprend d'abord un minimum le HTML avant de revoir DW, tu comprendras de quoi je te parle.

Sans aucune agressivité de ma part, je crois que c'est vraiement le meilleur conseil que je peux te donner pour progresser.

papyjo a écrit :
Ça ne ressemble à rien.
Dans un club de patchwork tu pourrais avoir un prix, ta page est un assemblage de rectangles de différentes couleurs sans aucune sémantique de ton HTML.

Pour moi l'apparence d'un site passe avant la cohérence du code. C'est pour ça que je viens sur ce site, où il y a des gens qui s'y connaissent en design et pas sur un vulgaire forum HTM.

a écrit :
Pour moi l'apparence d'un site passe avant la cohérence du code. C'est pour ça que je viens sur ce site, où il y a des gens qui s'y connaissent en design et pas sur un vulgaire forum HTM.

Je crois que tu t'es un peu trompé d'endroit, ou alors tu ne lis que ce salon, quel domage..........
Modifié par broadcastor (25 Jun 2006 - 21:35)

Désolé, mais je vais rester encore un peu, le temps d'avoir le maximum de conseils.

Au passage, ton site est impressionnant...
Modifié par ARGo (25 Jun 2006 - 22:15)