3246 sujets

Critiques de vos sites: code et design

[amateur]cv sous forme de page web en cours de construction.

Bonjour à tous, j'ai découvert alsacréations en me formant à HTML et CSS crâce à l'excellente formation interactive Elephorm.
Suite à cette auto formation, j'ai décidé de me lancer dans la création d'une simple page web.
Ayant très peu de recul sur le sujet, j'aurai aimé avoir des critiques avisées d' experts sur le code de cette page, et peut-être des conseils d'optimisations du code HTML et la mise en forme CSS.
En particulier, peut-être sur la façon dont j'aligne mes bas de colonnes ( j'avoue que j'ai dû pas mal trafiquer pour y arriver. ).

Pour le contenu, il s'agit d'un CV, donc je ne le modifierai pas, le but pour moi étant de rendre disponible celui-ci directement en un clic pour d'éventuels recruteurs.

Je précise que d'après mes essais le rendu est conforme, à 1 ou deux pixels près sur les navigateurs suivants: Firefox 4, Safari, Opéra, Ie8, Google Chrome.
Hello et bienvenue Smiley smile

Ta page est plutôt propre (au niveau du code mais aussi du design).
Malgré tout, quelques petites remarques, rien de méchant :

- ta hiérarchie des titres n'est pas correcte : on commence avec un H3 alors qu'il n'y a ni titre de niveau 1, ni titre de niveau 2 ;
- dans l'en-tête de la page, il y a plusieurs contenus non balisés (directement enfants de divisions), il faudrait les mettre dans des éléments p (et dans bien des cas, plus besoin de division, l'id de l'élément peut être porté par la balise paragraphe. Exemple : <p id="poste">…</p> au lieu de <div id="poste"><span>…</span></div>) ;
- quelques erreurs de fermeture de balises autofermantes : <br />et <img /> ou tu oublie l'espace avant le splash (*) ;
- au niveau visuel, je trouve que tes textes gagneraient à être plus aérés. Je pense que tu devrais utiliser un interlignage plus important (line-height en CSS) ;
- il manquerait aussi une méta description.

Bonne continuation en tout cas.
C'est pas la première fois qu'un bon premier site est présenté après avoir visionné le DVD de Florent Smiley smile Plutôt bon signe sur ses qualités pédagogiques…

(*) edit : il fallait bien sûr lire slash… (une envie inconsciente de piscine peut-être Smiley biggol )
Modifié par audrasjb (13 May 2011 - 15:52)
Merci pour cette première critique, je vais analyser tes conseils, et essayer de corriger ces défauts.
J'avoue que j' y ai passé pas mal d'heures , et la formation de Florent est excellente, mais il faut prendre le temps de suivre ses exemples et de faire les exercices, d'ailleurs, je m'y suis référé à plusieurs reprises pour essayer de me dépatouiller dans les flottements et les imbrications de blocks.

encore un grand merci.
Bonjour,

Je trouve la police d'écriture pas jolie du tout, ça ne fait pas assez "propre".

Il y a sans doute trop de blanc sur la page, pourquoi pas modifier le fond de page pour faire une nuance avec les block ?

Effectivement, pas de hiérarchisation des titres, tu as oublié les titres primaires en <h1> et secondaire <h2>.

Pas assez d'aération au niveau du contenu, je pense que tu devrais un peu plus aérer le texte.

Cordialement
Bonjour,

Pour la police, je veux bien mais tu me conseillerais laquelle ??
Par contre pour l'aération du contenu c'est assez délicat, en fait je sors un pdf du cv directement à partir la page... Et là je dois dire que je suis short niveau place, sinon je passe tout de suite sur deux pages.
Et pourtant j'ai déjà aéré plus le texte suite à la critique de audrasjb.
Et au niveau des titres, je dois encore revoir pour hiérarchiser correctement la page.
En tout cas merci, de m'avoir donné ton avis, je dois encore travailler dessus.
Sujet clos
Aller à