3246 sujets

Critiques de vos sites: code et design

Demande d'avis pour http://www.feuille-de-style.com

Pages :
Bonjour,

Je suis en train de réaliser un petit site de type "pense bête" pour aider à la conception de sites au standard W3C.
Il est toujours en cours de réalisation mais commence à prenre forme.

J'ai vraiment besoin de vos commentaires,de vos critiques et de vos suggestions concernant :
- l' ergonomie
- le design
- la prog
- la rapidité d'execution
- et surtout...le contenu....n'hésitez pas à me signaler les erreurs et les imprecisions...

http://www.feuille-de-style.com

Merci à tous pour votre aide.
Modifié par dubnet (21 Dec 2005 - 12:52)
Modérateur
Bonjour dubnet,

Attention, avec un navigateur n'affichant pas les images, on ne peut pas utiliser ton menu de gauche dans le site. Pour t'assurer de tout ca, utilise Firefox avec la Web Developer Bar, et tu peux Désactiver les images, les couleurs etc... Ca te permet d'évaluer l'accessibilité de ton site. Je pense que tu devrais remplacer ce menu par des <img src="..." alt="texte du lien" ... />, plutôt que par des images de fond et du cachage de texte. C'est ce qui est préférable pour ton menu de gauche.

D'ailleurs, attention, display:none; est pris en compte par les lecteurs d'écran.

Fais également attention car à certains endroits, tu parles de feuilles-de-style.com au lieu de feuille-de-style.com. Tu devrais peut-être songer à prendre les deux noms de domaine.

Le reste est très propre esthétiquement.

Ca suffit pour ma première critique sur ton site, je reviendrai peut-être pour en dire plus !
Modifié par Tony Monast (16 Dec 2005 - 14:58)
Bonjour,

Deux choses, je commence par celle qui est de loin la plus importante : est-ce que cette page est unique ? parce que je n'ai trouvé de menu de navigation nulle part ! Est-ce que j'ai mal cherché, est-ce un oubli, ou est-ce un bug ?

Deuxième petite remarque : j'avoue ne pas être parfait non plus en la matière, mais fais attention à l'orthographe.

Voici ton texte d'intro :
feuille-de-style.com a écrit :

Voici un petit site pratique qui a pour objectif de vous assiter dans la conception de votre site internet en XHTML/CSS.
Son utilisation présuppose une connaissance de base en CSS/XHTML.
Notre objectif n’était pas de refaire un énième tutoriale mais plustôt de créer un “pense-bête”, “une feuille de route” vous accompagnant tout au long de
votre votre mise en page.
Modérateur
QuentinC, moi aussi au départ j'ai cru que c'était une page unique, jusqu'à ce que par chance je vois le lien "Consulter le site" juste en bas de page. Le problème c'est que même en 1024x768, on ne le voit pas sans scroller.

À mon avis, il faudrait peut-être faire sauter cette page, ou sinon y mettre un menu ou le lien "Entrer" en évidence. Mais comme ton site risque d'être visité à plusieurs reprises par les mêmes visiteurs, ce serait bien de songer à retirer la page d'entrée. Cela ferait un clique de moins pour l'utilisateur, tout en évitant que des gens repartent sans avoir vu le lien "Consulter le site", comme QuentinC par exemple (il en a fallu de peu pour que ca m'arrive aussi). Smiley cligne
Modifié par Tony Monast (16 Dec 2005 - 16:56)
Ah ! Ben voilà qui est plus intéressant, mais fallait le savoir. Pas évident à repérer, ce lien Consulter le site.

Le résumé est plutôt bien fait, mais encore une fois, fais attention à l'ortographe, il y a quelques fautes de frappe et quelques accents oubliés, çà et là dans les diverses rubriques.

Mais sinon franchement, bon travail.
Bonjour,

J'avoue que je n'ai pas regardé très loin, mais ce que j'en ai vu a l'air très bien. j'ai juste un peu de mal ( Smiley cligne ) avec :

a écrit :
Pour une programmation transitionnelle :
Si vous décidez d'utiliser des tableaux pour structurer votre page (ce qui est déconseillée) remplacer le doctype par :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Un tableau de présentation, ou 15 tableaux imbriqués pour la mise en page, ne feront pas un pet de différence si la page est strict ou en transitional, en HTML ou en XHTML... C'est un aspect qui échappe à la norme formelle, pour tout dire.
Modifié par Laurent Denis (16 Dec 2005 - 19:06)
Bonjour à tous,

oui,oui, j'étais parti pour un feuille(s) de style mais quand j'ai pris mon nom de domaine, il m'a fallu prendre le nom au singulier. Je dois donc modifier ce truc.

Pour le doctype transitionnel...ok...je supprime.

Pour la page d'accueil, je vais réflechir ...supprimer ou pas supprimer....à voir.

Merci pour tous vos commentaires trés constructifs, n'hésitez pas à en rajouter.
Modifié par dubnet (16 Dec 2005 - 21:53)
Au premier coup d'oeil, le design est très propre, très "design" lol ... c'est marrant c'est vachement à la mode le bandeau du haut "nature", ton site est donc très tendance!! Smiley cligne

Pour le contenu je n'ai pas tout regardé mais je pense qu'en tant que débutant en CSS/XHTML, je retournerai y faire un tour!

Bravo!!
Pour ton histoire de nom de domaine, celui au pluriel est déjà pris et tu n'as pas eu le temps de changer ta bannière ?
oui,c'est un truc dans ce genre là...je dois encore faire pas mal de petites modifs dont le "S" à feuille(s) sur le logo + les fautes de frappe et d'orthographe (arg!). Tant qu'a faire des modifs autant profiter de vos remarques pour faire de deux pierres un coup..ou l'inverse? Smiley cligne

pouvez vous voir l'article sur les éléments en-ligne ,j'ai quelques doutes là dessus:
http://www.feuille-de-style.com/css-elements.php#en-ligne

"Ils n'acceptent aucune valeur de hauteur ou de largeur (attention à l'interprétation de IE), ils s'adaptent au contenu et n'ont pas de bordure ". c'est exact? j'ai un doute... Smiley eek

et:
"Ils se comportent comme un bloc quand ils sont positionnés en absolu ou flottant (en relatif ? à vérifier)" oui?non?

Sinon avez vous des idées d'amélioration,de nouvelles rubriques ou autres .
Ou d'autre sites et livres à mettre en référence....

En ce qui concerne mon menu, je vais le retravailler mais je suis un peu deçu car j'étais assez satisfait de la prog avec la technique des "portes coulissantes" (je crois que ça le nom...).dommage. Au fait j'ai du mal à trouver la Web Developer Bar pour firefox 1.0.4...s'il vous plaît...

bon bref,je vais déja commencer à revoir les fautes d'orthographe parceque là ça craint.

Merci à tous , Smiley smile
Modifié par dubnet (17 Dec 2005 - 00:01)
Les paragraphes et les titres hn ne sont pas les seuls éléments bloc qui n'acceptent pas d'autre éléments bloc. IL y en a beaucoup d'autres, il serait peut-être pas mal de les mentionner :
dt, caption, legend, pour ne citer que ces trois là.
oui, concernant l'index tu n'es pas le premier à penser ça.Je pense que je vais revoir ça mais un peu plus tard lors de nouvelles améliorations....

merci pour les liens
Voila , j'ai revu un peu ma structure et j'ai supprimé la page d'accueil comme vous me l'aviez conseillé.

Merci de me dire si c'est un peu mieux comme ça.

Quelqu'un aurait-il l'ammabilité de faire une petite relecture du site pour confirmer l'exactitude des informations diffusées.....pour le bien des standards...

Merrrciii

Ps:désolé pour le double post
Modifié par dubnet (20 Dec 2005 - 07:14)
Ah oui tres joli travail ^^ Félicitations Smiley clapclap
Je laisse les "pro" répondre à ta question mais un petit détail me dérange quand meme : je me demande pourquoi tu ne met "remarque" en entier qui serait à mon avis plus parlant que "rem" Smiley lol
Modifié par webphn (20 Dec 2005 - 10:20)
C'est très joli et très attrayant.
J'aime bien le concept, c'est un peu du pense-bête massif pour pouvoir tout retrouver (pour l'instant tout n'y est pas mais bon), pratique pour toi, pratique pour les autres, cool Smiley cligne

Le fait que tu mentionnes tes sources est excellent, même si ça parait normal, ce n'est pas toujours fait. Tu te crédibilise, c'est bien pour toi Smiley smile

Mais revers de la médaille, tu ne dois écrire que des choses justes !
quelques remarques t'ont étaient faites à ce sujet et tu sembles les prendre en compte et vouloir corriger tout, c'est bien Smiley cligne

Par contre, tu devrais corriger ton titre à mon avis, l'url dans le titre, """on s'en fout""" Smiley langue

Et inverser l'ordre "titre site/description - titre page"

Ce qui donnerait

<title>Sommaire - Votre feuille de route XHTML / CSS</title>


Je trouve ça plus pratique pour l'utilisateur, plus pertinent aussi.

J'essairai de jeter un oeil sur les fautes d'orthographe et de frappe mais n'étant pas moi même très doué... mais bon, une personne extérieure voit souvent mieux les fautes que soit même.

Je regarderais le contenu plus en détail.
J'espère que ça sera une ressource de plus à indiquer aux débutants Smiley cligne
Modifié par Olivier (20 Dec 2005 - 12:29)
Pages :
Sujet clos
Aller à