Bonjour,
flighty a écrit :
Là miracle, il est valider CSS et XHTML suivant les normes W3C.
Il reste quand même 4 erreurs ^^; mais cela devrai être vite corrigé.
Quelques éléments, à "première vue" :
* Le plus problématique est l'affichage de ton site sur Internet Explorer 6, y a comme un bug ^^; (ou alors l'espace gigantesque sous le menu est voulu et donc c'est une erreur de conception graphique).
* Autre détail graphique, lors du survol des images se trouvant en bas de page, il y a un décalage qui se fait à cause de l'apparition d'un underscore ("_") (<- ceci n'est pas un smiley). C'est assez gênant graphiquement de voir bouger des choses sans raison.
* Le contraste entre le texte (bleu presque roi) et le fond (bleu nuit) est presqu'insuffisant (le graissage lui fait passer la limite de lisibilité). Sur certains écrans encore plus mal calibrés que le mien, ce contraste pourrait être complètement insuffisant.
Sur la page contact le contraste entre le jaune est le noir est par contre trop fort et pique sérieusement les yeux.
* L'agrandissement des éléments de ton menu au survol provoque la césure des intitulés les plus grands.
* Tu définis les tailles de polices en px, ce qui rend l'agrandissement des caractères par ce qui en ont besoin impossible sur IE (6 et 7).
* Attention à l'utilisation du soulignement pour des éléments non cliquable, ce n'est pas une bonne pratique, du tout.
Maintenant on passe au code :
* Le titre de ta page n'est pas des plus "efficace" et tu comporte des typo :
<title>Bienvenue dans le voyage virtuel en webcams!!!></title>
En français il faut mettre un espace avant le point d'exclamation ("!") (et selon Rincevent, l'utilisation de plusieurs ! successif dénote un trouble mental ;p) et je suppose que le > avant la balise fermante est une erreur.
Pour ce qui est du contenu même du titre, il n'est pas parlant, le "bienvenue" est assez amateur et inutile. Il serait plus percutant de mettre le nom de ton site suivit du nom de la page en cours de visite (pour le référencement c'est un plus).
* Tu utilise une feuille de style externe, il est donc domage de devoir avoir recours à des styles interne à la page :
<span style="font-family: Comic Sans MS;">
Même si celà n'influe pas sur la validité de ta page, c'est toujours mieux de séparer. Utilise plutôt des classes ou des ID que tu styleras dans ta CSS.
* J'ai un peu de mal à comprendre la construction de ton menu :
<li><a class="hide" href="accueil.php">ACCUEIL</a>
<!--[if lte IE 6]>
<a href="accueil.php">ACCUEIL
</a>
<![endif]--></li>
Je navigue en effet sur IE6 et me retrouve avec ledit menu en double. Quel est le but de cette "manœuvre" ?
* Le formulaire de contact n'est pas vérifié avant d'être envoyé, il ne dispose pas non plus d'un mécanisme de protection contre le spam. Il serait également de bon ton d'informer l'utilisateur
avant qu'il n'envoie le message que son IP sera loguée, juste par pure politesse.
Et parce qu'on est vendredÿ :
* L'utilisation de Comis Sans MS c'est quand même pas génial...
* La pub c'est bien, il parait que ça rapporte des sious, mais bon là y a quand même beaucoup de bannières pour peu de contenu.
Modifié par Laurie-Anne (24 Apr 2009 - 11:15)