Salut,
Visuellement, j'aime bien. On a de suite un bon aperçu de ta personnalité (qui j'espère est un peu geek, sinon on a un problème
).
Par contre autant sous FF (dernière version stable) et IE8, tes compétences dépassent de leurs cadres (aucun zoom activé).
Pour le code:
* Je ne suis pas fan des alt indiquant le type d'image ("logo un coin dpixel"), je suis assez partisane de n'indiquer que le contenu.
* Ton <h2>Rennes - Saint Malo</h2> n'est pas vraiment un titre (ou alors, il faut utiliser hgroup), mais juste une tagline (donc <p>).
* Le target blank, c'est mal. Si tu tiens absolument à l'utiliser indique à l'utilisateur que le lien va ouvrir un nouvel onglet ou une nouvelle fenêtre.
* <strong>></strong>... Sérieux ? Je suis déçue
Une petite liste avec une puce personnalisée serait quand même plus appropriée.
* Ce alt est à revoir : <img src="img/measlidefacebook.png" alt="image01" />
* Et celui-là aussi : <img class="pictotitre" src="img/pictoscreen.png" alt="infographiste rennes"> Attention à ne pas vouloir trop en faire. Le alt vide est tout à fait permis. Il y en a quelques autres à revoir.
* <h4>CRÉATIF ET PASSIONNÉ !</h4> dans ta hiérarchie actuelle, c'est plutôt un h3 (ce n'est pas un sous titre de "rejoignez-moi sur facebook). Idem pour <h6>/ Plan du site</h6>, c'est un h3.
* Le double <br> est le signe certain qu'un nouveau paragraphe aurait du être créé.
* Non aux liens vides : <a href="pdf/CVdamienlegendre.pdf" title="CV damien legendre webdesigner rennes" target="_blank"></a> !
* Le mailto: en clair, c'est courageux.
, cela ne mérite évidemment pas un tuto surtout ici.
