Bonjour,
Graphiquement, j'aime beaucoup le style. Par contre il y a un petit problème d'affichage avec IE6 (la colonne de gauche est trop courte).
Gros point négatif : 48 erreurs de validation, il faut les corriger absolument. Pour le plus gros des erreurs il s'agit de fermeture de balises oubliée (en XHTML, il faut terminer les balises auto-fermante par /> et non pas > comme en HTML) ou de balises écrite en majuscule (le XHTML n'accepte que les minuscules).
Autre gros point négatif, le menu devient illisible lorsque l'on augmente la taille des caractères. Et le contenu n'est pas toujours facile à lire sur les illustrations.
Il y a également une assenceur horizontal qui, apparement, ne sert à rien (pas d'élément caché qu'il révèle).
Pour ce qui est du code :
* Il y a beaucoup de meta tag inutiles dans le head du code :
<meta name="author" content="Gilles Marcilly">
<meta name="owner" content="Eric marcilly">
<meta name="description" content="">
<meta name="identifier-url" content="http://www.marci.fr">
<meta name="revisit-after" content="14 days">
<meta http-equiv="Content-Language" content="fr, fr-be, fr-lu, fr-bz, fr-nl, fr-ch, fr-ca">
<meta name="category" content="musique">
<meta name="abstract" content="Site officiel de Marci">
<meta name="Keywords" content="marci,marcy,eric marcilly,chanteur,nantes,nantais,chanson francaise,nouvelle scene,esquisse,squisse,jimmy fetiveau,francois badeau,mathilde en juillet,anne tricoire, plus belle la vie">
<meta name="robots" content="index, follow">
<meta name="distribution" content="global">
<META NAME="Rating" CONTENT="General">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META NAME="Copyright" CONTENT="Tous droits réservés © 2009 marci">
À par description, Content-Language (qui n'a besoin que de fr) et robots, ils peuvent tous être omis, n'apportant aucun intérêt (pas utilisé par les moteurs de recherche, pas lu par les utilisateurs (pour les mentions liées au copyright, par exemple). Par contre ces infos doivent se retrouver sur chaque page du site (surtout l'encodage manquant sur le page de contact).
* Il est préférable de mettre les script JS en fin de document (afin que la page HTML se charge avant les scripts), surtout celui de google qui est assez lourd à charger.
* Attentions aux abréviations dans les intitulés de liens :
<li><a href="biographie.html">bio</a></li>
Un title avec le mot complet pourrait permettre d'éviter une potentielle confusion (bio = biologie, biographie, biologique...).
* Je ne suis pas convainque que d'utilisé d'un lien vide :
<div id="ecoutez"><a href="album.html" id="album"> </a></div>
Si une image est le suport d'un lien et/ou si elle comporte du texte (porteuse de contenu), cette image
DOIT se trouver dans le code avec un texte alternatif rempli comme il se doit, sinon : plus d'image plus de lien. De plus il est important que le texte alternatif d'une image comporte la même information que l'image elle-même :
<img src="img/dates.png" alt="dates de concert de Marci">
Là on pert toute l'information liée aux dates de concerts.
* Il est plus efficace d'attribuer un padding ou un margin à un élément pour le positionner que de le faire précéder d'une liste de retour à la ligne :
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
(idem pour les listes de " ")
* Il serait plus confortable pour l'utilisateur qui a fait une erreur en remplissant le formulaire de contact que celui-ci conserve les information déjà saisies.