Salut,

Tout d'abord, j'ai juste regardé rapidement le code, où sont passés les <h1>, <h2>, etc. selon les pages ? Une hiérarchie implique différents niveaux liés les uns aux autres, là il n'y en a pas, tu as juste utilisé les niveaux de titre comme une bibliothèques de titres dans lesquels tu pioches selon tes besoins, ce qui n'est pas particulièrement le but de ces balises.

Concernant le design, je trouve la typo du menu un peu grossière, déja trop grosse, mais aussi peu élégante. Dans l'ensemble, les typos choisies, intégrées en image, ne sont pas des plus élégantes. A mon avis c'est à revoir.

Je trouve les filets séparateurs trop visibles, ils donnent une impression d'empilement qui est un peu lourde. Il faudrait voir à affiner ces filets, soit en les rendant plus fins, soit en utilisant un bleu plus clair, donc moins contrasté, pour faire passer ces éléments visuels un peu plus en arrière plan.

Leur gestion au niveau des titres me gène énormément, car si le titre est court (comme pAqME dans la page de portfolio), il y a une grande marge de blanc de chaque côté, un peu trop importante pour apporter cette effet structurel. Par contre si le titre est long, on se retrouve une impression étouffante, car le filet s'arrête au raz des lettres.
A mon sens, il faudrait faire intervenir un span avec marge et fond blanc au niveau des titres, et utiliser une image continue du filet horizontal, qui sera masqué par le span en fonction de sa longueur et de ses marges intérieures.

Je trouve le contenu un peu trop monochrome dans la page profil, apparenté à tout le site d'ailleurs, et l'ajout d'une couleur de contraste donnerait un peu plus de vie que ce noir. Les 4 petites pastilles bleue, orange, violette et verte n'y changent rien, car ce n'est pas pour mettre en valeur le contenu, mais au contraire apporter un élément perturbateur à côté.

La page d'accueil n'apporte à mon sens pas beaucoup d'information, mieux vaudrait remonter "Analyste/Développeur/Designer" dans le haut de la page sur tout le site, et utiliser la page d'accueil à quelque chose de plus utile niveau information.
merci pour ta réponse.
tu pourrais me donner plus de détails pour l'utilisation des h1,h2..?

et pour l'ajout de couleur dans la page qui fait trop 'monochrome' que me conseilles tu?
Modifié par CraZy (21 May 2008 - 16:05)
Les balises titres sont hiérarchisée en 6 niveaux, de <h1> à <h6>, du plus important au moins important.

Il existe toujours un débat, sans réponse concrête, quand à l'utilisation du <h1> :
- doit-il s'agir d'une balise de titre du site dans le contenu lui même (sorte de redite dans le contenu, de la balise <title> présente de la partie head,
- ou doit-on en attribuer les différentes parties principale du contenu.

Quoi qu'il en soit, dès l'instant où il y a un début de hiérarchie dans la page, il faudrait logiquement qu'elle soit balisée par le plus haut niveau de titre existant, pour indiquer au visiteur qu'il s'agit de la structure même du contenu. Tous les sous parties, et sous partie de sous parties, etc. devraient découler de cette organisation hiérarchique.

Ainsi on devrait toujours avoir quelque chose de genre:

<hn>TITRE DE NIVEAU n</hn>
    <hn+1> Titre de niveau n+1</hn+1>
        ...
    <hn+1> Titre de niveau n+1</hn+1>
      ...
<hn>TITRE DE NIVEAU n</hn>
    <hn+1> Titre de niveau n+1</hn+1>
        <hn+2>Titre de niveau n+2</hn+2>
            ...
        <hn+2>Titre de niveau n+2</hn+2>
            ...
    <hn+1> Titre de niveau 2</hn+1>
      ...


Présenter une page html avec comme première balise de titre un <h5>, reviendrait à donner le livre d'une pièce de théatre à quelqu'un, en arrachant la couverture, la préface, les deux premiers actes, et les 3 premières scènes du troisième acte. Il risque de penser qu'il manque quelque chose. Surtout s'il s'agit de quelqu'un qui utilise une synthèse vocale, qui risque de se retrouver perdu dans la page, cherchant désespérément ou il a sauté quelque chose pour arriver si loin dans une hiérarchie qui au final n'existe pas dans tes pages.

En espérant que c'est un peu plus clair pour toi.

Concernant la couleur, tout simplement enrichir ton texte avec une couleur pour les titres par exemple, ou les mettre en réserve dans un cartouche en couleur, etc., bref quelque chose qui rende le document plus attractif.
Il peut s'agir de tes petits puces de degré de connaissance pour cette page, mais il vaudrait mieux avoir quelque chose déclinable sur n'importe quelle autre page future.
J'ai tout compris pour les Hn =)
Merci

et pour les couleurs j'avais pensé remplacer les petites boules noires par la couleur du thème (bleu, orange, rose ou vert)
mais j'ai hésité.
Je regarde ce que je peux faire.
Je repose un message dès que j'ai tout corrigé.

Autres suggestions ?
j'ai corrigé les problèmes des titres. A prioris tout est correct maintenant.
Concernant le menu c'est vrai que la police est grosse.

Aurais-tu une police a me conseiller ? sachant qu'il faut faire attention à IE. l'image du menu (Profil par exemple) doit etre en PNG 8 pour IE (je dois absoluement utiliser la transparence)
Donc la police doit etre simple pas trop arrondi, pour éviter les effets pixelisés sous IE 6

Si tu as des polices à me conseiller pour le logo et le menu, je suis prenneur.


Merci
Mmmmh de toute manière je ne saurais que te conseiller d'en choisir une simple, qui peut toutefois avoir son propre caractère original, mais dans la discrétion. En web il faut être impactant pour sortir de la masse, et la simplicité légèrement créative est souvent la plus adéquate.

Peut être peux-tu faire un tour sur Da Font, ou tu trouveras une multitude de polices à ta disposition, à toi de trouver la perle. Smiley cligne
Mikachu a écrit :
Mmmmh de toute manière je ne saurais que te conseiller d'en choisir une simple, qui peut toutefois avoir son propre caractère original, mais dans la discrétion. En web il faut être impactant pour sortir de la masse, et la simplicité légèrement créative est souvent la plus adéquate.

Peut être peux-tu faire un tour sur Da Font, ou tu trouveras une multitude de polices à ta disposition, à toi de trouver la perle. Smiley cligne


Ouai merci. J'utilise souvent Dafont.
Merci encore pour ton aide. Je reposterais un message dès mes modifications effectuées.