3246 sujets
Critiques de vos sites: code et design
Je suis pas un expert donc mes commentaires sont à prendre avec des pincettes.
Je trouve néanmoins que les menus seraient mieux dans des listes que dans des tableaux.
Que le validateur indique que le site est
Je trouve peu utile de créer une classe pour ta balise body, tu pourrais aussi bien directement la définir dans ta feuille de styles.
A mon avis tu n'utilise pas assez les hierarchies de titres en créant des styles perso.
Les définitions vides ou qui disent "voir plus loin" me semblent peu utiles.
J'espère que ces quelques commentaires pourront t'aider.
Je trouve néanmoins que les menus seraient mieux dans des listes que dans des tableaux.
Que le validateur indique que le site est
a écrit :.
not Valid HTML 4.01 Transitional!
Je trouve peu utile de créer une classe pour ta balise body, tu pourrais aussi bien directement la définir dans ta feuille de styles.
A mon avis tu n'utilise pas assez les hierarchies de titres en créant des styles perso.
Les définitions vides ou qui disent "voir plus loin" me semblent peu utiles.
J'espère que ces quelques commentaires pourront t'aider.
commandant a écrit :.
Que le validateur indique que le site est not Valid HTML 4.01 Transitional!
Dans la période juste après le post de ce sujet j'ai fait une petite boulette dans la rédaction qui a enlevé la validation W3C. Je venais juste de la changer quand j'ai vu votre réponse, mais merci quand même d'avoir prévenu
La petite boulette est qu'en remplaçant le pied de page sur toutes les pages comme une feignasse (avec Textreplacer) j'ai retiré la balise </div>
Maintenant :
"W3C" a écrit :
This Page Is Valid HTML 4.01 Transitional!
EDIT : Arg reboulette, ça fait tout foirer. Je devrai faire des pages de sauvegarde là, ça devient urgent :'(
commandant a écrit :
Les définitions vides ou qui disent "voir plus loin" me semblent peu utiles.
La définition vide était là dans l'attente d'une vraie définition, je viens de la rajouter. La définition Voir plus loin viens de quelque chose de plus problématique. Actuellement, les infobulles s'affichent au passage de la souris sur un mot en gras. Or, tous les mots en gras ne doivent pas emmener une définition. J'ai donc bien changé comme proposé en mettant les termes de définition en souligné au lieu d'en gras.
commandant a écrit :
Je trouve néanmoins que les menus seraient mieux dans des listes que dans des tableaux.
commandant a écrit :
Je trouve peu utile de créer une classe pour ta balise body, tu pourrais aussi bien directement la définir dans ta feuille de styles.
commandant a écrit :
A mon avis tu n'utilise pas assez les hierarchies de titres en créant des styles perso.
Merci beaucoup, je vais voir ce que je peux faire. A vrai dire, je n'ai pas vraiment tout compris dans ce que vous m'avez proposé mais je vais faire des recherches.
Merci encore !
Modifié par Numeror (13 Feb 2006 - 14:32)
Bonjour et bienvenue Numeror,
Pour les menus, tu peux t'inspirer du code de ceux de ce tutoriel Alsacréations Galeries de menus en CSS (et garder l'aspect graphique de celui que tu as déjà). Aucun n'utilise une <table> à des fins de présentation (les <table> doivent être réservées à l'affichage de données tabulaires comme des comptes bancaires ou une matrice mais PAS -plus- l'habillage d'un site) Faire une mise en page sans tableaux)
Pour ce qui est de <body class="redondant">, sauf impossibilité (?), partout où tu fais appel à la classe redondant, tu peux aussi bien faire appel à la balise se nommant body nan? Il n'y en a d'ailleurs qu'une, c'est 1/ difficile de se méprendre et en plus 2/ un id par définition unique aurait été préférable à une classe
La seule contre-indication c'est avec des id différents sur chaque page d'un site, qui permet de modifier telle ou telle page à l'exclusion de toute autre (très sympa avec l'extension GreaseMonkey par exemple) mais sinon ...
Les hiérarchies de titre, c'est h1, h2, h3, ..., h6
Cette sémantique HTML est à utiliser tout comme on note en cours: I. 1/ a)
"Grand titre, titre de rubrique, sous-titre, etc", ça n'est pas qu'une taille en pixels (plutôt em d'ailleurs) plus grande, c'est aussi un titre de plus grande importance sémantiquement.
Felipe
Pour les menus, tu peux t'inspirer du code de ceux de ce tutoriel Alsacréations Galeries de menus en CSS (et garder l'aspect graphique de celui que tu as déjà). Aucun n'utilise une <table> à des fins de présentation (les <table> doivent être réservées à l'affichage de données tabulaires comme des comptes bancaires ou une matrice mais PAS -plus- l'habillage d'un site) Faire une mise en page sans tableaux)
Pour ce qui est de <body class="redondant">, sauf impossibilité (?), partout où tu fais appel à la classe redondant, tu peux aussi bien faire appel à la balise se nommant body nan? Il n'y en a d'ailleurs qu'une, c'est 1/ difficile de se méprendre et en plus 2/ un id par définition unique aurait été préférable à une classe
La seule contre-indication c'est avec des id différents sur chaque page d'un site, qui permet de modifier telle ou telle page à l'exclusion de toute autre (très sympa avec l'extension GreaseMonkey par exemple) mais sinon ...
Les hiérarchies de titre, c'est h1, h2, h3, ..., h6
Cette sémantique HTML est à utiliser tout comme on note en cours: I. 1/ a)
"Grand titre, titre de rubrique, sous-titre, etc", ça n'est pas qu'une taille en pixels (plutôt em d'ailleurs) plus grande, c'est aussi un titre de plus grande importance sémantiquement.
Felipe
Je rejoins tout le monde : pourquoi ne pas avoir utilisé une liste pour le menu de gauche, c'est dommage d'utiliser une tableau et puis utiliser les balises de titre serait plus sympa, autant utiliser des balise prevu à cette effet.
graphiquement, c'est joli, les images de fond sont peut etre pas assez optimisé, je sens que le format gif (sauf pour la bannière) aurait été plus interressant a vu d'oeil mais je peux me tromper.
Joli idée aussi de faire ressortir le personnage, je dirais même qu'on pourrait la faire ressortir encore plus en ne faisant pas remonter le fond blanc jusqu'au haut de la page et en ajustant en fonction de cette modication.
ha! est ce utile de repeter 3 fois vos noms sur toute les pages ?
graphiquement, c'est joli, les images de fond sont peut etre pas assez optimisé, je sens que le format gif (sauf pour la bannière) aurait été plus interressant a vu d'oeil mais je peux me tromper.
Joli idée aussi de faire ressortir le personnage, je dirais même qu'on pourrait la faire ressortir encore plus en ne faisant pas remonter le fond blanc jusqu'au haut de la page et en ajustant en fonction de cette modication.
ha! est ce utile de repeter 3 fois vos noms sur toute les pages ?
Bonjour, merci à tous pour vos suggestions !
Suite à celà, j'ai décidé de refaire intègralement le codage du site, et quelques images. Malheuresement, je n'ai peut-être pas toutes les compétences adaptées.
_ Le footer a été modifié
_ Je suis en train de transformer le tableau en liste. J'ai eu du mal oulala.
_ J'ai passé le site en xhtml 1.1 strict au lieu de html 4.01. J'ai entendu dire que même si le site était validé xhtml 1.1 il pouvait ne pas l'être ? toutes les informations relatives à l'interface doivent être dans la feuille de style si j'ai bien compris ? donc même l'image de la bannière ?
_ Je cherche un nouveau système pour naviguer dans les sous-parties ou un menu déroulant en CSS au lieu d'en javascript, est-ce possible ?
En bref, refonte totale du codage afin de rendre le site plus ergonomique. Je ne vais pas tarder à remplacer aussi les images afin de les alléger. Pour ce qui est du .gif, si nous mettons du gif et du .jpg par endroit certaines couleurs sont modifiées.
Je rencontre des erreurs d'affichage sur internet explorer mais je ne trouve pas le problème, quelqu'un pourrait-il m'aider s'il-vous-plait ?
Modifié par Numeror (25 Jul 2009 - 16:51)
Suite à celà, j'ai décidé de refaire intègralement le codage du site, et quelques images. Malheuresement, je n'ai peut-être pas toutes les compétences adaptées.
_ Le footer a été modifié
_ Je suis en train de transformer le tableau en liste. J'ai eu du mal oulala.
_ J'ai passé le site en xhtml 1.1 strict au lieu de html 4.01. J'ai entendu dire que même si le site était validé xhtml 1.1 il pouvait ne pas l'être ? toutes les informations relatives à l'interface doivent être dans la feuille de style si j'ai bien compris ? donc même l'image de la bannière ?
_ Je cherche un nouveau système pour naviguer dans les sous-parties ou un menu déroulant en CSS au lieu d'en javascript, est-ce possible ?
En bref, refonte totale du codage afin de rendre le site plus ergonomique. Je ne vais pas tarder à remplacer aussi les images afin de les alléger. Pour ce qui est du .gif, si nous mettons du gif et du .jpg par endroit certaines couleurs sont modifiées.
Je rencontre des erreurs d'affichage sur internet explorer mais je ne trouve pas le problème, quelqu'un pourrait-il m'aider s'il-vous-plait ?
Modifié par Numeror (25 Jul 2009 - 16:51)
Salut Numeror !
Ayant également connu cette "dure" épreuve des tpe, une question se pose à moi : Ce jolie personnage de manga, aux formes plus que plantureuses, ne risque-t-il pas de gêner certains de tes professeurs, parfois fermés à toute idée de changement ?
Ce que je veux dire par là, c'est que, même si je suis fan de l'image, est-ce qu'elle a bien sa place ici et est-ce que cela ne risque pas de te pénaliser ?
Ayant également connu cette "dure" épreuve des tpe, une question se pose à moi : Ce jolie personnage de manga, aux formes plus que plantureuses, ne risque-t-il pas de gêner certains de tes professeurs, parfois fermés à toute idée de changement ?
Ce que je veux dire par là, c'est que, même si je suis fan de l'image, est-ce qu'elle a bien sa place ici et est-ce que cela ne risque pas de te pénaliser ?
Juste une petite question, tu fais comment si tu dois modifier un menu ? tu dois modifier page par page ?
Si oui je pense que cette solution serais pas mal du tout (et comme tu es chez free, tu as le php d'actif
)
Si oui je pense que cette solution serais pas mal du tout (et comme tu es chez free, tu as le php d'actif
)bijour,
Déja, c'est un jolie site,
Bon les remarques ne tienne qu'a moi, et tu peux en faire ce que tu veux:
Perso, je n'est pas du tout regardé le code, je me suis interessé au contenu (qui je crois est plus inportant pour votre cas).
ma premiere réaction en le voyant c'est tiens un site sur les animes (le personnages plus les couleurs assez vives m'ont trompé).
Euh ensuite pourquoi les liens du menu ont des couleurs diffrentes (belu clair et bleu foncé).
Tu sais tu as le temps avant les etudes universiatires et post bac, et je crois que lorsque l'on est en premiere S on est (encore, toujours) des lycéens, je me trompe??
Par rapport à la page introduction le texte est assez serrée on voit un bloc de caractere (augmentation des inter-lignes??)
Dans la page définition je pense que tu devrais rajouter des définitions comme tu le fais au survol de la souris.
en fiat j'ai un tout petit peu regardé le code, un conseil ne mets pas d'adresse mail directement dans ton code sinon tu va découvrir la joie des spams...
A part ca bon courage et bonne continuation
et vive les TPE ca rapporte des points assez facilement
Modifié par bedomon (15 Feb 2006 - 10:59)
Déja, c'est un jolie site,
Bon les remarques ne tienne qu'a moi, et tu peux en faire ce que tu veux:
Perso, je n'est pas du tout regardé le code, je me suis interessé au contenu (qui je crois est plus inportant pour votre cas).
ma premiere réaction en le voyant c'est tiens un site sur les animes (le personnages plus les couleurs assez vives m'ont trompé).
Euh ensuite pourquoi les liens du menu ont des couleurs diffrentes (belu clair et bleu foncé).
Tu sais tu as le temps avant les etudes universiatires et post bac, et je crois que lorsque l'on est en premiere S on est (encore, toujours) des lycéens, je me trompe??
Par rapport à la page introduction le texte est assez serrée on voit un bloc de caractere (augmentation des inter-lignes??)
Dans la page définition je pense que tu devrais rajouter des définitions comme tu le fais au survol de la souris.
en fiat j'ai un tout petit peu regardé le code, un conseil ne mets pas d'adresse mail directement dans ton code sinon tu va découvrir la joie des spams...
A part ca bon courage et bonne continuation
et vive les TPE ca rapporte des points assez facilement
Modifié par bedomon (15 Feb 2006 - 10:59)