Bonsoir,
Niveau code :
* Tout ceci est facultatif, pour ne pas dire inutile.
<meta name="outline" content="créer un site web facilement, simplement, facilement,création de site web en ligne, comment créer un site web, comment créer un site internet, développer, sites clef en main, acheter, online, en ligne, site web, site internet, sites web, sites internet, créer un site internet, créer un site web, site web de qualité, site internet de qualité, création de site, associations, vente par internet, artisans, vendre sur internet" />
<meta name="classification" content="Internet" />
<meta name="abstract" content="Création de sites internet, création de sites web" />
<meta name="revisit-after" content="15 days" />
<meta name="robots" content="index,follow" />
<meta name="DC.Language" content="fr" />
<meta name="DC.Resource Identifier" content="/index.php" />
<meta name="DC.Publisher" content="webserviteur.com" />
<meta name="DC.Creator" content="Thomas Mathey" />
<meta name="author" content="Thomas Mathey" />
<link rel="start" title="Accueil" href="http://www.webserviteur.com/" />
<link rel="author" title="Auteur" href="/Divers/Formulaire-contact.php" />
* Une balise <style> sans attribut type.
<style>
body {
background: #a1d1d5 url("../Bg/3.jpg") left top no-repeat;
}
</style>
* Ensuite, du <div> dans tous les sens, pas toujours utilisé de manière pertinente comme par exemple pour le menu de navigation (<div id="navigation">) qui trouverait bien sa place dans un <ul>.
Autre exemple :
<h2>Création de site internet</h2>
<div class="sstitre">simple, beau et efficace</div>
Qui est de surcroit une abomination d'un point de vue sémantique. Le même résultat esthétique peur être obtenu grâce à un :
<h2>Création de site internet <span class="sstitre">simple, beau et efficace</span></h2>
.. mis en forme comme il se doit (à coup de "display:block" pour le "span.sstitre" etc.).
* Dans les balises inutiles, je relève également les <span> systématiques dans tes "menu_n" :
<li class="menu_2"><a href="/WebDesign/Creation-de-site-Internet.php" title="Création de site internet reims">[b]<span>[/b]Webdesign[b]</span>[/b]</a></li>
de même que le <fieldset> pour ton champ de recherche :
[b]<fieldset>[/b]
<label for="q">Recherche</label>
<input type="text" name="q" id="q" class="text" maxlength="255" value="" /><input type="submit" name="sa" class="submit" value="Go" />
<input type="hidden" name="cof" value="S:http://webserviteur.com;VLC:#999999;AH:center;LH:175;LC:#288E9C;L:http://www.webserviteur.com/MiniLogo.jpg;LW:195;T:#000000;AWFID:bb5a896da3496761;" />
<input type="hidden" name="domains" value="webserviteur.com" />
<input type="hidden" name="sitesearch" value="webserviteur.com" />
[b]</fieldset>[/b]
* Un <br/> utilisé dans un but de mise en forme plutôt qu'un <p> :
<div id="footer">
<br/>
Niveau accessibilité/ergonomie :
* Le contenu devient difficilement lisible quand les images sont désactivées.
* La taille des caractères du menu d'évitement et du footer permet difficilement la lecture.
* Il est impossible de déterminer sur quel lien on se situe lors d'une navigation au clavier par exemple. Moins important, aucune distinction n'est faite entre les éléments de menu survolés ou non.
* Ton image
http://www.webserviteur.com/Design3/Photos/Ci_Bleu.jpg (dont la balise <img/> correspondante n'a pas de slash de fin) trouverait mieux sa place en background de ton paragraphe plutôt que directement intégrée dans la page dans la mesure où elle n'apporte pas de sens supplémentaire à ton texte (cf.
article traitant de l'accessibilité des images sur OpenWeb).
* Lorsqu'on agrandit la taille du texte, les titres disparaissent (glissent sous d'autres blocs) et deviennent donc inaccessibles. Idem pour le menu de navigation.
* La taille des polices est exprimée en px plutôt qu'en unité relative (% ou em).
Niveau design :
Les images de fonds sont trop petites pour des grandes résolutions (
aperçu dans une résolution de 1920*1080) ce qui crée un espace disgracieux à droite. Pour éviter des images trop lourdes, il faudrait peut-être songer à un background centré et fondu vers une couleur unie.
Niveau langage :
On ne peut pas dire d'un site internet qu'il est "efficace", on dira plutôt "ergonomique" ou "dont l'organisation est efficiente" par exemple.
Modifié par Akhilleus (26 Oct 2009 - 01:56)
