Pearnhapster.com, Panorama, portofolios, geek :)

Bonjour,
Je vous soumet mon site, qui traite pour l'instant de panoramas de montagne, de photos de piafs, et d'autres choses par la suite.
Je voudrais bien entendu des critiques afin de savoir plusieurs détails :
- j'utilise des boîtes comme par exemple dans la homepage, avec un overflow:scroll, est-ce bien pour le design ?
- en ce qui concerne l'outil de visionage des photos, il est en position:absolute pour des raisons de taille, est-ce bien aussi, ou sinon que changer
- ensuite un problème est une question :
> le problème > il est nécessaire de télécharger un petit outil, DevalVr pout le visionnage des panoramas. Cependant, sous IE, Mozilla, Google Chrome, all right, mais sous Safari çà plante, et je ne sais absolument pas pourquoi. Need Help
> la question > comme vous le verrez en haut de page, il y a un menu, qui est joli certes, mais qui pourrait être mieux. Je pensais en faire un comme la section "signets" de Safari, pensez-vous que ce soit mieux ?

Et enfin, de nombreux outils & sections sont codés en javascript, alors adieu les visiteurs l'ayant désactivé ?

Merci pour toute critique m'ayant à améliorer le design (ou le code pour le problème des panoramas sous Safari)

L'adresse du site, > http://www.pearnhapster.com

Enjoy
Modifié par Obiwan (28 Feb 2010 - 12:02)

Bonjour,

Pro c'est ton niveau en développement web ?

Graphiquement, vu que j'utilise IE6, qu'il y a des png semi-transparents partout, c'est assez moche, penser à mettre des gif ou des png sans semi transparence serait une plus.

Les multiples ascenseurs c'est pas des plus confortable, surtout quand la page est longue et que l'écran est petit (par exemple, je réduis mon navigateur à environ 1/3 de mon écran).

Les images du menu ne sont pas particulièrement attirantes, elles sont toutes pixélisées dans leur état de base (réduites)...

Le bout de code PHP, au première coup d'œil, j'ai cru que c'était un message d'erreur... ^^;

Les galeries sont complètement en vrac, les chiffres sont également très petits pour être cliqués.

En général ce ne sont pas les "noobs" qui désactivent JS (eux on leu fait pour eux, ou c'est une erreur), je ne pense pas qu'insulter tes visiteurs (noob est une insulte) soit un bon point de départ.

Niveau contraste : il y a trop de couleurs, qui ne rendent pas forcément bien sur e fond gris (le rouge en particulier).

Je ne pense pas que nombreux seront les visiteurs à installer un plugin (que je ne connais d'ailleurs pas) pour voir tes photos...

Niveau code (là y a un peu de boulot) :

* Tu ne précise pas la langue du document dans la balise html.

* Tu as tout un tas de balises meta inutiles : author, copyright, language (doublon moins reconnu de Content-Language) Publisher, category, keywords et Robots (car utilise ses valeur par défaut).

* La balise meta Description doit être utilisée pour donner une description (oui, je sais c'est surprenant) de la page en cours. Cette description doit attirer le regard (elle apparait dans les pages de résultats des moteurs de recherche (et c'est sa seule et unique utilité)) du visiteur potentiel. Dans l'état actuel, elle ne donne pas envie de cliquer.

* Il est préférable d'inclure les scripts JS en fin de document, ainsi le reste du contenu (le plus important) peut se charger prioritairement.

* La construction de ton menu est spéciale. En général on recommande d'utiliser une liste pour baliser les mensu (c'est une convention non officielle, mais qui marche bien). Mais ce qui me dérange le plus c'est :

<img src="email.png" alt="Contact" >
<span>Contact</span>

Ceci est de la redondance pure est simple. Tu as donc le choix, soit tu supprimes le span, soit tu laisse le alt vide (à mon avis préférable).

* La balise <br> n'est pas faite pour positionner les éléments, il existe plusieurs propriétés CSS pour ce faire.

* Donne des noms pertinents à ses classes, ce n'est pas juste pour faire joli dans le code, c'est aussi pour pouvoir se retrouver dans celui-ci quand n doit faire une mise à jours après plusieurs mois sans avoir travaillé sur un site...

* Ta hiérarchie de titre est incorrecte : Celle-ci DOIT commencer par h1 (d'ailleurs ton site n'as pas de titre dans la page). Les éléments hn doivent servir à baliser les titres de section de niveau n et non la mise en page de ces titre :

<h2 class="first_element">Plop [smile]<br>- - - - - - - - - - - - - - - - - - - -</h2> 

* IL est préférable d'utiliser <p> plutôt que <br> lorsque l'on souhaite avoir plusieurs sauts de ligne.

* Ce genre de texte alternatif n'apporte strictement rien, à part de la confusion :

<img src="logo.jpg" style="margin:10px;" alt="logo">

Logo de quoi ? Accessoirement, je vois une voiture pas un logo...

* Sans le <font> en bas de page, je pense que tu pourrais valider ton site en strict.

* Il faudrait externaliser tous les styles en ligne.

* Pour ton formulaire de contact, le tableau n'est vraiment pas nécessaire.

* Il faut utiliser des labels pour lier les intitulés aux champs à remplir.

* Dans le guestbook et la section inclassable, les éléments cliquables ne se distinguent pas comme tels : pas de soulignement, pas de changement de la souris au survol.

Bon courage.

Salut,

Non les barres de défilement internes, c'est une horreur absolument pas ergonomique !!
Soit tu affiche tout le contenu du premier bloc (ton premier cadre) dans la page, et en dessous vient le deuxième bloc (ton deuxième cadre.
Soit tu limite la hauteur en n'affichant qu'une partie du contenu, avec un lien vers une page plus complète avec le reste du contenu.

Là en l'état, je sais que personnellement je n'aurais même pas envie de naviguer dedans. J'ai comme exemple le blog du dessinateur Boulet. J'adore ce qu'il fait, mais je regarde jamais à cause de son site qui utilise le même procédé.

Un grand merci à tous les deux, je vais commencer à rectifier tout celà.

Encore merci
Modifié par Obiwan (28 Feb 2010 - 12:02)

Salut,

juste en passant : 17 smileys dans un seul message ça fait très beaucoup !

Et sinon je n'ai pas vu de double post...

ok merci bien, je vais faire l'outil de panoramas en flash afin que tous les visiteurs y aient accès, changer tout ce que je dois changer,mais dernière question :
comment faire un portofolio de photos sans javascript ? je ne vois pas du tout ... peut être en flash ?
en ce qui concerne le strict, je m'y attèle
merci d'avance
Modifié par Obiwan (24 Feb 2010 - 18:58)