Bonjour,
Première remarque, pourrais-tu éditer ton sujet pour lui donné un titre parlant (le nom de ton site ou son url), merci d'avance.
Pour le design : avec IE6, c'est une catastrophe... Bien que ce soit un navigateur obsolète et sur le déclin, IE6 n'est
pas encore mort, il faut donc faire en sorte qu'un site soit, au minimum (mais c'est rarement suffisant pour les utilisateurs) utilisable avec lui. Techniquement, dans ton cas, ça veux dire : prévoir des gif avec une transparence moins bonne que les png insérés grâce à des commentaires conditionnel ciblant IE6 et inférieurs ; vérifier la position des éléments HTML ; supprimer la ligne vide avant le doctype, qui est susceptible de faire passer IE6 en mode quirks. Je ne saurais pas juger plus ton design, vu que ce que je vois, n'est clairement pas le résultat attendu...
Pour le code :
* La pléthore de meta tags est inutile (à part description et tout ce qui toute au content, tu peux les supprimer)
* Une liste, est normalement composée d'au moins 2 éléments, inutile donc de faire des listes avec un seul item :
<ul><li>
<img src="img/webdesign.png" width="400" height="80" alt="Realisation site web grenoble voiron" />
</li></ul>
* Attention à tes textes alternatif (alt) comme leur nom l'indique ce sont des textes
alternatif, pas des mots clés. Le texte alternatif doit apporter la même information que l'image, si l'image comporte du texte, ce
doit être le même texte. Si l'on reprend la ligne de code précédente, le contenu du alt devrait être "Web Design et Musique". Dans le cas de la grosse "@" le alt devrait être nul (alt="").
* Attention à ta hiérarchie de titre :
<h1><span class="titre">Samstudio : Votre Site Internet PRO à moins de <a href="Samstudio-Tarifs.php">1000€</a> !!.
(Hébergement 1 an + nom de domaine OFFERTS) !<br /><br /></span>
Samstudio : Webdesigner <a href="Samstudio-Job.php">Freelance</a> : des sites clairs, efficaces et originaux, un interlocuteur unique, disponible, créatif, et à votre écoute sur Grenoble, Voiron et la région Rhône-Alpes.<br />
<em> Samstudio : un alliage de compétences au service de la communication !</em></h1>
Ceci
n'est pas un titre, cela ressemble à une technique bancale pour "améliorer" son référencement. Sans vouloir te faire peur, non seulement ça ne marchera pas, mais en plus tu risque de te faire déclasser par google. Utilise tes hn à bon escient, de manière logique, pour baliser les titres et sous titres de ton document, non seulement c'est meilleur pour l'accessibilité de ton site (beaucoup (si pas la majorité) d'utilisateurs de lecteurs d'écran utilisent les titres pour naviguer à travers une page web.
* Utilise des <p>aragraphes. Actuellement, tes textes sont à même les divs, et tu forces les retours à la ligne avec des <br>, ce qui en soit n'est pas une très bonne pratique. Utiliser des <p> pour baliser tes paragraphes et style les (avec margin par exemple) pour gérer leur espacement.
* Les titles ne sont utile que lorsqu'ils apportent une information supplémentaire à propos du lien :
<a href="Samstudio-Tarifs.php" title="Tarifs">tarifs</a>
Ce genre de title est totalement superflu (idem pour la grande majorité des liens de ton menu).
* Ceci :
<p class="last"> </p>
est à supprimer.
* Ton menu serait plus à sa place en début de code.
Voir le témoignage de Quentin (utilisateur de lecteur d'écran) à ce sujet. Petit ajout : attention à rester cohérent quand à la position du menu à travers le site (que ce soit dans le code ou visuellement).
* A propos de référencement, mettre des mots moins "SMS style" dans les noms de tes pages HTML serait un plus (graphik).
* Sur ta page graphique, impossible de lire le contenu (blanc sur fond gris...)
* Sur la page de contact, le message d'erreur n'est pas spécifique, difficile donc de retrouver rapidement son erreur. Il serait également bien de préciser avant le premier essai que tous les champs doivent être remplis.
Conclusion générale : ton code est assez fouillis et a besoin d'être repensé sur certains points. Ton site a beau être valide vis-à-vis du validateur du W3C, il ne l'est pas totalement si l'on se pense sur l'utilisation que tu fais (ou ne fais pas) de certaines balises.
Tu es sur la bonne voie
