3246 sujets

Critiques de vos sites: code et design

[Débutant] - Refonte de mon site CV www.julievivier.fr

Hello

Je suis en train de préparer la refonte de mon site CV www.julievivier.fr
Il va y avoir des changements graphiques. Je compte également le faire en php. Enfin il y a des erreurs impératives à réparer (le titre dans le header).

Si vous avez des critiques n'hésitez pas, c'est le bon moment (je voudrais que la V2 dure un peu plus longtemps que la V1 ^^).

Merci, Julie
Bonjour,

Visuellement, la présence d'un ascenseur dans le bloc de texte est gênante en termes d'ergonomie. Il serait préférable de laisser ce bloc s'agrandir.

Les logos W3C ne servent à rien (d'autant que tes pages ne sont pas toutes valides), elles font particulièrement amateur. Je comprends la fierté d'annoncer qu'un site est valide, mais il est préférable d'écrire une petite ligne à se sujet dans une page "À propos".

Tes textes sont très denses, rajouter un peu d'interlignage les rendra plus aérés et plus facile à lire.

Les liens Contact et CV (qui devrait porter une balise accronym) devraient se trouver dans le menu principal, ce sont des liens tout aussi importants que les autres (voir même plus pour le contact) mais ils sont moins visibles (personnellement, je ne les ai remarqués qu'à la 4ème page).

La bannière manque cruellement d'un lien vers la page d'accueil.

Concernant le code :
* Tu as un div non fermé qui provoque 4 erreurs de validation (et est susceptible de causer des erreurs d'affichage).

* La langue de la page n'est pas précisée, ni dans <html> ni via la meta Content-Language.

* Ta meta robots n'est pas utile, puisqu'elle reprend ses valeurs par défaut.

* Le target="_blank" n'est pas agréable pour les visiteurs (il devrait au minimum être annoncé) qui n'aiment pas perdre le contrôle de leur environnement (ce qui est le cas quand un site décide d'ouvrir une nouvelle fenêtre ou un nouvel onglet sans leur laisser le choix).

* Comme dit plus haut, il ne faut pas oublié de définir les acronymes.

* <br> ne doit pas être utilisé pour positionner verticalement les éléments. Il faut utiliser padding ou margin pour cela.

* Ta bannière est une image porteuse de contenu (et ce contenu est particulièrement important), elle doit donc se trouver dans le code HTML avec un attribut alt correctement rempli.

* Ton utilisation des listes dans ton pied de page n'est pas correcte. Les tirets de séparations ne sont pas des éléments de liste, ils ne doivent donc pas être définis comme tels. Inclue les plutôt dans les éléments qui les précèdent.

* Tu devrais utiliser des listes pour listes tes compétences.

Bonne continuation et merci pour ton code bien propre, ça facilite sa lecture Smiley cligne
Modérateur
Hello,

Laurie-Anne a écrit :

* La langue de la page n'est pas précisée, ni dans <html> ni via la meta Content-Language.


Peux tu m'apporter une petite précision, stp :

Si dans ta page tu mets l'attribut lang à HTML, est ce un pléonasme de coder l'élément meta Content-Language ?

Perso, je n'ai jamais utilisé Content-Language. J'utilise l'attribut lang. Peut être que je fais une erreur.

Par avance, merci de ta réponse. A moins qu'une âme charitable connaisse aussi ce sujet. Je la remercie
+1 Julien Smiley smile

Il semble également qu'avec un doctype HTML 5 seul l'un des deux soit nécessaire (lang en priorité, Content-Language étant défini comme son substitut), mais comme le standard n'est pas encore validé, mieux vaut rester sur des bases connues Smiley cligne
Modérateur
Hello,

Désolé si je vous répond un peu tardivement. J'étais affairé cette semaine. Là, je viens de lire plus tranquillement ce très bon article. Smiley smile Un grand merci à toi Julien. Tu as mieux éclairé ma lanterne sur cette précision.

Laurie-Anne a écrit :

Il semble également qu'avec un doctype HTML 5 seul l'un des deux soit nécessaire (lang en priorité, Content-Language étant défini comme son substitut), mais comme le standard n'est pas encore validé, mieux vaut rester sur des bases connues


J'avais cette même impression pour les autres doctype. Or ce n'est pas du tout le cas et c'est la raison pour laquelle j'abonde dans ton sens. Mieux vaut utiliser les bonnes vieilles techniques.

Bonne journée à vous et encore un grand merci à vous deux ^^.
Le truc qui me dérange, d'un point du vue graphique, c'est le logo de ton site.
Il est flou et en tant que webmaster, je pense que tu devrais essayer de faire un vrai logo puisque tu propose au clients de leurs faire un design complet Smiley cligne
La première idée que j'ai eu en voyant ton logo c'est : "Tiens, des brushs ou des formes prédéfinies, elle s'est pas cassé la tête."

Surtout ne prends pas mal mes critiques, je critique d'un point de vue extérieur, donc peut-être que d'autres personnes verrons la chose de la même manière.

Ton logo fait pour le moment plus amateur que pro.

Je te souhaite une bonne soirée Smiley cligne
Modifié par Kavel Inox (10 May 2010 - 22:48)
Bonsoir,
s'agissant de ton logotype, étant donné qu'il est très difficile d'obtenir un bon équilibre global entre forme et contre-formes (les vide autour et à l'intérieur des lettres), mieux vaut t'en tenir à écrire ton nom et prénom en lettres capitales ou tout écrire sur la même ligne.
Quant au motif floral baroque il est un peu dégueu (flou...)
Éviter d'utiliser la Times pour des éléments interactionnels (menu, bouton...) ou du texte suivi.

La taille de la fonction (Webmaster) trop importante et le choix des lettre capitales avec un police à empattement lui donne un importance excessive.
Modifié par Hermann (12 May 2010 - 21:25)
Sujet clos
Aller à