Bonjour,

Je souhaite avoir vos avis ou vos critiques sur mon CV Web que j'ai réalisé cette année pour valider une UE de mon Master.
Au niveau design,dites moi ce que vous en pensez.
CV Radhouane
Bonjour et bienvenu sur le Forum Smiley smile

Quelques remarques en vrac :
Les icônes et les titres sont beaucoup trop grands. Ils phagocytent le reste de la composition.
Le tout manque un peu d'aération : l'ensemble est un peu trop compressé.
En dégageant un peu d'espace entre les bloc, on pourrait s'arranger pour que le bloc principal soit aligné avec le bas du bloc Réseau.
Enfin, je collerai le footer en bas de fenêtre.

Mais sinon, y a de l'idée.
C'est organisé et structuré. Smiley cligne
Salut!

Sur mon grand écran Widscreen, ton menu est placé tout à gauche alors que tout le reste est centré dans la page. Du coup l'effet visuel est pas très joyeux.
en mettant ton bloc de menu en margin auto c'est déjà beaucoup mieux!

Sinon, même commentaire que Corinne S., ça manque un peu d'aération.
Bonjour,

En complément des remarques précédentes, je rajouterais les éléments suivants:

Les backgrounds de titre des onglets pourraient prendre la couleur du hover (le blanc) lorsque l'onglet en question est affiché, au lieu de laisser l'onglet "Accueil" avec ce style en permanence.

J'aime bien le rendu global et les icônes mais j'ai pu voir quelque petits défauts:
- Sous linux - Firefox 3.5, le titre du menu de gauche "Telecharger CV" est trop long, "CV" se retrouve donc à la ligne à moitié sous le logo Word. Le soucis viens probablement de la police Verdana (la dernière de la liste de font-family).
- Sous Windows XP - Opera 10.5, les icônes présents dans le menu de gauche "Reseau" sont totalement désordonnés. Les border-radius ne sont pas disponibles, le rendu est donc... différents. A ce propos, tu utilises uniquement les propriétés CSS de Mozilla, mais border-radius est pris en compte par Opera et des balises propriétaires pour Webkit (Safari & Chrome) existent également. De plus le logo W3C CSS 2 est visible dans le footer, hors les balise propriétaires ne devraient pas le permettre. Par contre sous IE 8 aucune problème avec les bordures c'est un comble ! Smiley cligne

Hors design:
Sur la page d'accueil, les virgules ne sont actuellement pas suivies d'un espace. Sur la page Expérience, les début de liste n'ont pas de majuscules.
Des manquement de respect des règles typographiques sont également visible dans la page de contact.

J'espère avoir été assez précis et constructif pour ma première révision. Bonne chance pour la suite !
Je ne vois pas vraiment l'utilité de deux menus similaires, mais si tu souhaites les conserver fait attention à respecter l'ordre ^^
Dans ton menu de bas de page tu as inversé compétences et formations ^^
Salut,

Merci de bien vouloir afficher le nom de ton site dans le titre du sujet, comme cela est demandé dans le message d'annonce de ce forum : "A lire avant de poster : Ergonomie, Design et demandes de critiques", sinon 99% des sujets de ce salon auraient le même titre évasif Smiley cligne

Concernant ton site, tu devrais tester en grande résolution, car ton menu est complètement décentré dans cette configuration, ainsi que les boutons de validation W3C (mais ça on s'en fout, tu devrais même les virer Smiley cligne )
Bonjour,

Tu noteras que je me suis permis de mettre ton sujet en conformité avec les règles du salon, puisque tu n'avais pas encore tenu compte du message de Mikachu.

Visuellement, il pourrait être judicieux de substituer des gif aux images png (pas du tout nécessaires d'ailleurs (sauf une)) pour IE6.

Pour le code :
* Tu ne précise pas la langue du document dans le balise html, ni via la meta Content-Language.

* Il te manque une meta Description.

* Il est préférable d'inclure les scripts en fin de document, ainsi le contenu de la page peut se charger avant.

* L'effet de survol sur le menu ne fonctionne pas si l'on navigue au clavier.

* Le chargement par JS non accompagné d'une réécriture d'URL rend impossible la navigation avec les boutons "page précédent" et "page suivante" ainsi que le bookmarking d'une page spécifique. Cela rend également une partie de ton contenu invisible aux moteurs de recherche.

* L'attribut alt d'une image sert à contenir la même information que celle portée par l'image :
<img class="tete" src="images/titre.png" alt="titre"/>
Il est important de le renseigner correctement, sinon ton site perd son titre.

* Ta hiérarchie des titres est incorrecte.