Allez, on se lance ! => http://www.pianoforte-jolly.fr/temp/

Bonjour à toutes et à tous,

tout d'abord, c'est un grand moment pour moi, je me suis enfin inscrit sur ce site, lui qui m'a appris à me débarrasser des tableaux pour structurer mes sites... alors la bienvenue à moi même .

Je me présente en quelques mots :
J'ai 22 ans, je crée des sites depuis maintenant quelques années, bientôt à titre professionnel. J'aime beaucoup l'aspect "graphique" d'un site, un peu plus que le codage qui quelques fois me fais sérieusement patauger !
J'ai pour projet d'arriver, un jour, à réaliser des sites Flash/CSS/XML, que je trouve particulièrement magnifiques quand ils sont bien faits...


Bon, ça n'est pas tout, j'ai à vous soumettre une création, en cours de réalisation, mais bien avancée tout de même. Il s'agit donc d'un site créé pour un "Artisan" fabriquant des pianos d'époque. Le contenu n'est pas terminé, il manque quelques images d'illustration dans certains catégories, et la page d'accueil au complet. Tout les avis et suggestions m'intéressent, à partir du moment qu'il sont pertinents ! Ne soyez pas méchants !

Voici donc l'url du site en construction :

http://pianoforte-jolly.fr/temp/

[Modération Laurie-Anne : L'adresse de l'ancien site n'as rien à faire ici]

Amicalement.
Modifié par Laurie-Anne (06 Apr 2010 - 08:47)

Visuellement, ça ne me déplaît pas.
Le logo (losange blanc) est illisible
Sur certaines pages (productions musicales), l'ascenseur vertical ne me semble pas utile.
Coté perfs: Gzip ne semble pas activé , tu pourrais rassembler tes 4 css en une seule feuille.
SEO: Ton title est le même sur toutes les pages, et tu n'as pas mis de description... Les intitulés de liens ne devraient pas être des '#'.

J'éviterais le 'bienvenue sur le site de' pour ne laisser que le reste de la phrase.

Bon courage

paolo a écrit :
Pour gzip, c'est une simple directive htaccess.
Le regroupement des css (ou js, ou images en sprites) permet de limiter le nombre de requêtes http générées (1 fichier de 200ko est plus rapide à obtenir que 4 fichiers de 50 ko par exemple)

Mais ça reste de l'optimisation, à toi de voir si tu juges cela utile.

Tant qu'on parle d'optimisation, les images sont un peu lourdes non ?

Très interessant pour gzip, je vais me renseigner d'ici peu de temps. Ensuite, pour ce qui est du nombre de requêtes des appels css, etc... je pense que je vais rester sur ce système qui selon moi permet une edition plus ordonnée. De tout manière, le nombre de requêtes pour ce genre de site très ciblé me paraît être assez limité !

Bonjour Benjamin-Ds, et merci à toi aussi pour ton commentaire.
En effet les images sont un peu costaudes... elles sont actuellement toutes en .png, en fait je ne sais pas vraiment pourquoi, mais j'ai un peu mis de coté le .jpg ces derniers temps. Je vais voir ce que je peux faire !

Quelle analyse !

Merci paolo, problème corrigé !

lakeup a écrit :
Hello,

A mon avis, il y a un soucis au niveau de la mise en page. Aucune images dans les pages d'infos juste du texte. La typo utilisé (sous safari mac) on dirait du garamond familly, ça fait tres Iweb, mais surtout je ne la trouve pas super lisible.

Voila

+1. Si ça n'avait pas été du fait que j'ai récupéré les polices d'un laptop XP ayant Office 2007, j'aurais un affichage sérif générique.

Ce n'est pas tout le monde qui a MS Office et de plus, ce logiciel n'est disponible en natif que pour Win, ce qui fait que si on est sur Mac ou Linux, la seule façon d'avoir ces polices est de les récupérer par clé USB, ce qui fait que peu de Linuxiens ou MacUsers ont ces polices.

Donc je te conseille une police plus répandue entre Palatino et serif. Par police plus répandue, je parle encore de polices Microsoft, mais qui sont disponibles gratuitement sous forme de paquets (ex: msttcorefont pour Linux). Je te les liste : Andale Mono, Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Trebuchet MS, Times New Roman, Verdana

Bonjour,

Avant toutes choses, j'ai édité ton premier message, l'URL de l'ancien site n'avait rien à faire ici (surtout annoncé de la sorte), le sujet du poste c'est le site que tu as réalisé et c'est le seul auquel nous devons avoir accès.

Graphiquement, c'est un peu sobre. Sous IE6, le site semble un peu "décalé" à cause du PNG semi transparent qui créé une bordure grise sur les côtés, mais pas le footer. La transparence n'est pas vraiment nécessaire ici, puisque le fond est uni (d'ailleurs tu n'en utilises pas pour le footer).

Les textes blancs sur fond noir, ce n'est absolument pas facile à lire (personnellement, j'ai l'impression que les caractères bougent), il serait préférable de préférer un gris (clair (texte) ou foncé (fond)).

Pour ce qui est du code :
* Il y a 9 erreurs de code, assez importante, à corriger.

* Nulle part tu ne précise la langue du document, il faut la rajouter dans html et via une meta Content-Language.

* Il manque une meta description.

* Il est préférable d'inclure les scripts JS en fin de document, de sorte que le contenu (important) puisse se charger avant.

* Les images porteuses de contenu DOIVENT TOUJOURS se trouver dans le code HTML et non dans le CSS comme fond d'élément. C'est une question d'accessibilité : si les images ne peuvent être chargée (problème de serveur, problème de connexion, blocage délibéré...) ou vues (utilisateur de lecteur d'écran ou de navigateur text-only) ton site n'a plus ni nom, ni menu... Et ça c'est pas glop.

* Les id doivent être unique dans une page !

* Je ne vois pas l'utilité du span_content... J'ai l'impression que tu commence une petite divite (spanite, même combat).

En bref, il y a pas mal de petites choses à revoir niveau accessibilité et code.

Laurie-Anne a écrit :
Graphiquement, c'est un peu sobre. Sous IE6, le site semble un peu "décalé" à cause du PNG semi transparent qui créé une bordure grise sur les côtés, mais pas le footer. La transparence n'est pas vraiment nécessaire ici, puisque le fond est uni (d'ailleurs tu n'en utilises pas pour le footer).

Mais s'il le met non-transparent, ça risque de mal passer sous FF 3.6 si enregistré sans gamma, et sous IE en général si enregistré avec gamma (cf. mon topic où j'ai l'impression d'être la seule à avoir le souci même si ya un Seven-user sur phpBB-fr qui a le même souci que moi sous la 3.6)

Ouch...j'avais du faire une erreur en entrant l'URL, allez savoir ! Merci pour la réctif Paolo.

Une question au passage, je ne comprend pas ces erreurs "document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag"
Quelqu'un pourrait-il m'éclairer ?

Merci par avance !