[Reseau Social] Lovelymac

Bonjour et bienvenue sur le forum,

A mon sens la page d'accueil manque de relief. On comprends que la sobriété prime, mais l'ensemble m'apparaît comme un peu trop fade. Le texte ne semble pas être très travaillé et les éléments (même s'ils s'imbriquent bien) donnent l'impression d'être posés sans plus de recherche. Ceci dit, la réalisation est correcte et rien n'est choquant.

Concernant le code, je pense que vu la mise en page relativement simple, on pourrait s'affranchir du tableau . Il me semble également qu'on pourrait supprimer les styles internes et utiliser une feuille de style externe. Enfin il y a un certain nombres de balises qui sont à mon avis superflues.

Voilà pour mes quelques remarques.

Bonjour,

60 erreurs de code au validateur, pour une page avec un doctype transitional c'est innacceptable. Surtout quand ces erreurs sont dues à une confusion entre HTML et XHTML. Si tu ne tiens pas à fermer tous les balises auto fermantes tu devrais plutôt utiliser un doctype HTML et non XHTML.

Tu as certainement dans ton code un include défecteux, en effet, il y a un second doctype ligne 44 de ton code. Ceci doit être corriger d'urgence.

L'utilisation d'un tableau de présentation c'est effectivement pas nécessaire ici ; il serait préférable d'utiliser CSS pour le positionnement de tes éléments.

Tu utilise toute une flotte de meta... pratiquement toutes inutiles (elle ne font que donner quelques octets supplémentaires à la page). Les seules qu'il est important de conserver sont : content-type, content-language et description (qui doit d'ailleurs être ettofée pour être utile). Les autres peuvent être supprimées car elle n'apporte rien (date creation et date revision peuvent éventuellement servir de références pour les développement, mais les gestionnaires de fichiers indiques ces dates avec plus de précision).

La meta content-type est définie de fois (trois fois en tout avec le problème de doctype)... Il y a un problème.

Les scripts JS devraîent être placé en fin de document, ainsi ils ne freinent pas le chargement des éléments plus important de la page (comme le contenu).

L'élement <img> DOIT TOUJOURS avoir un attribut alt="" contenant un texte alternatif à l'image reprenant l'intégralité du contenu porté par l'image en question (ou rien si l'image est purement décorative et ne sert pas de support à un lien).

La hiérarchie de tes titres est incomplète (elle commence à h3 au lieux de h1). Je te conseille la lecture de cette astuce (pub inside).

Il est plus efficace de gérer l'espacement entre deux paragraphes en affectant une marge à ces paragraphes via CSS que d'utiliser plusieurs <br> à la suite (c'est également plus propre dans le code).

L'utilisation de styles en ligne (attribués à un élément HTML via l'attribut style) n'est pas des plus pratique ni des plus efficace, il serait préférable de regrouper ces CSS dans la feuille externe et d'attribuer des class aux éléments en ayant besoin).

Bonne continuation.


Edit :

strawberry a écrit :
Qu'elle est l'inconvénient de mettre des tableaux dans les webdesigns de nos jours ?

Cet article réponds en partie cette question.

Il faut également ajouter le fait qu'utiliser des tableaux pour les mise en page, c'est les détourner de leur réelle utilité.
Modifié par Laurie-Anne (03 Feb 2010 - 14:07)

Bonjour,
comme dit plus haut c'est un peu trop sobre.
L'œil devrait pouvoir repérer en quelques seconde et par bons successifs les principaux blocs de contenu et leur contenu/fonction, or ici la hiérarchie visuelle et le travail typographique sont inexistants, c'est beaucoup trop homogène.
Tu dois penser d'avantage en terme d'impact visuelle et prendre en considération le mode de visualisation d'une page d'accueil par l'utilisateur qui a d'avantage tendance à scanner la page plus qu'il ne la scrute du regard.

> L'apparence de tes liens ne suggère pas suffisamment une possibilité d'action (souligner de préférence les liens qui se trouve à l'intérieur d'un texte ou d'une zone de contenu non identifiée comme interactionnelle et donner une apparence qui suggère une possibilité d'action (bouton...) aux autres.

> Attention à ne pas avoir des lignes de texte trop longues (pas plus de 90 signes par ligne)
Plus tes lignes de texte seront longues, plus il faudra penser à augmenter l'interlignage.

> Veiller au niveau de contraste (le texte orange sur fond gris clair ne se lit pas bien)

> Si tu es prêt à modifier ton logo, j'aurai quelques remarques à te faire dessus.

Voila, bon courage
Modifié par Hermann (04 Feb 2010 - 11:05)