Bonjour je viens de réaliser un de mes premiers sites en CSS j'ai un peu pompé un site existant (http://pompage.net/) afin de ne pas me perdre totalement…

Pourriez-vous me faire des remarques sur le code HTML et CSS si vous voyez des problèmes ? Et me donner une opinion plus générale sur l'ensemble ?

http://blcommunication.fr/lachaux/

Merci à tous ceux qui prendront le temps…

Bonne journée à vous.
Modifié par inkobl (01 Feb 2007 - 13:11)
Salut,


Le texte est plat, dense, peu contrasté, ça donne pas vraiment envie de lire.
Il serait bien de lui donner un peu de relief avec des sous titres aux paragraphes, ou des éléments mis en avant par du texte en gras, en italique, en couleur ou je sais pas...

Il faudrait utiliser des marges : le contenu du bloc "news" est tout collé, et ne donne une fois de plus pas envie de le lire. La justification de ton <h1> sur une si petite largeur crée des espaces qui n'aident en rien.
Les liens du pied de page sont collés en haut de la barre bleu turquoise. Ils sont dur à décrypter.

As tu essayé d'agrandir le texte pour voir ce qui se passe ?
Les liens blanc du menu passent sur le fond blanc, ce qui les rend invisible. Idem pour les liens du pied de page. Le contenu de la colonne news perds son fond bleu turquoise.

As tu essayé de désactiver la feuille de style ou les images pour voir ce qui se passe ?
Dans la page d'accueil, on perd l'information contenue dans le logo : "Chambre Syndicale Nationale des Fabricants de Chaux Grasses et Magnésiennes". Même si cette mention est la première ligne du contenu, il faudrait que ça reste explicite pour quelqu'un qui n'aura pas envie de faire l'effort de lire en l'absence d'information évidente.

Dans la page production, le tableau est une image qui rend son contenu inaccessible pour certains (images désactivées, navigateur texte, etc.). Il serait tellement plus simple de faire un tableau en html !!

Dans la page fabrication de chaud, même combat le contenu de l'image est inaccessible pour les mêmes raisons que précédemment. Il faudrait intégrer un contenu alternatif qui explique le tout de manière textuelle pour ceux qui ne peuvent pas y avoir accès.

Dans la page publication, la mise en forme textuelle est totalement défaillante, car la seule chose qui retiens l'attention sont les liens "Capital Sol 1.pdf", alors que ce sont les titres de leurs contenus qui devraient attirer l'attention !!
Mieux vaut faire de simple liens ayant comme intitulés le titre, avec une petite icone pdf discrète à coté ou "pdf" marqué entre parenthèse à la fin en plus petit.
Merci pour tes conseils je vais essayer d'améliorer tout ça en effet je suis plutôt d'accord avec toi. Mon principal problème vient du fait que je maîtrise très mal l'outil je suis autodidacte 100 %. J'ai des références en tant que graphiste dans le print, l'édition mais le web je n'en fais qu'aléatoirement. Enfin j'espère que ça va changer je désire vraiment apprendre à mieux l'utiliser pour que ce ne soit plus une barrière peu importe le temps que j'y passe j'ai bien l'intention d'y arriver, MERCI.

Nico Smiley biggrin

Je viens d'aller faire un tour sur ton site Mikachu et je trouve que c'est une belle réalisation, tout ce qu'il faut pour une bonne présentation de ton travail, simple et claire à la fois, bravo.

Bonne soirée.
Modifié par inkobl (01 Feb 2007 - 19:37)
Tu utilise une redirection de ton nom de domaine fourni par OVH vers un hébergement séparé, et OVH fais appel à ton site dans une frame. Si tu affiche le code source tu verras cette frame et l'ORT vers l'adresse du site. J'ai eu le même problème récemment, que je n'ai résolu qu'en utilisant le nom de domaine avec un hébergement chez le même fournisseur, en l'occurence OVH.
Pour avoir une réelle validation de ta page il faut que tu le fasse à partir de l'adresse URL réelle : http://bl-communication.fr/lachaux
Salut

C'est insignifiant mais le div "news" est plus grand d'un pixel que le div qui est en dessous. Et les menus haut et bas sont mal centrés verticalement.

edit : et comme dit Mikachu, le site n'est pas centré Smiley smile
Modifié par Ralfman68 (03 Feb 2007 - 00:09)
Ralfman68 a écrit :
Salut

C'est insignifiant mais le div "news" est plus grand d'un pixel que le div qui est en dessous. Et les menus haut et bas sont mal centrés verticalement.

Et le site n'est pas centré dans l'écran. Smiley cligne