Je demande jutse votre avi :)
thibauld
-
thibauld -
thibauld -
Bonjours a vous tous :)
je souhaiterai prendre connaissance de votre avi sur ce que vous pensez de mon site web que j'ai crée pour representer mon club de karaté :)
n'hésité pas a me dire ce qui ne vous convient pas,et ce que vous changeriez.
merci de préter attention a ce poste, je vous en serai reconnaissant :D
l'adresse du site est la suivante : http://kcb82.free-h.net/index.htm
je souhaiterai prendre connaissance de votre avi sur ce que vous pensez de mon site web que j'ai crée pour representer mon club de karaté :)
n'hésité pas a me dire ce qui ne vous convient pas,et ce que vous changeriez.
merci de préter attention a ce poste, je vous en serai reconnaissant :D
l'adresse du site est la suivante : http://kcb82.free-h.net/index.htm
A voir également:
- Je demande jutse votre avi :)
- Codec avi - Télécharger - Conversion & Codecs
- Lecteur avi - Télécharger - Lecture
- Convertir avi en mp4 - Télécharger - Conversion & Codecs
- Mp4 to avi - Télécharger - Conversion & Codecs
- Convertir dvd en avi - Télécharger - Conversion & Codecs
4 réponses
Il y a du travail pour un amateur et le site(les pages présentes en tout cas) a l'air fonctionnel, le texte est aéré.
Mais attentions aux fautes d'orthographe, surtout dans les menus qui sont présent tout le temps: Accueil s'écrit comme ça et non acceuil(avis avec un 's'), le minimum quand on est pas doué en orthographe est d'utiliser un vérificateur orthographique.
Quelques remarques sur le bandeau:
Le titre: pas évident à lire avec le début et la fin en oblique, je voit l'effet désiré mais pour un titre il convient qu'il soit lisible. Ma suggestion est de le laisser horizontal sur toute la ligne, même d'augmenter un peu la taille de la police quitte à agrandir le bandeau pour le faire passer au dessus de l'image. ça mettras le titre beaucoup plus en évidence sans gêner la lisibilité des autres images. Ou alors sautez des lignes (2 ou 3) pour chaque partie si vous voulez absolument le garder entre les 2 images.
Toujours sur le bandeau: Le fond en dégradé gris central pas très judicieux. Contentez vous d'un fond uni(blanc ou blanc cassé collera bien avec le reste) ou d'un dégradé léger sur les bords de l'image.
Les menus: là j'avoue c'est seulement par rapport à mon goût personnel, j'aurai tendance à masquer le fond entre la barre des menus et le contenu de la page, un fond uni dans une couleur pastel ou blanc ferait l'affaire et d'éviter l'impression que les menus 'flottent' dans la page, cela affirmeras le fait que l'intégralité est un tout.
Les flammes bleus sous les caractères WADORYU: pas un effet trés réussi(surtout qu'il y en a déjà un pour l'image à droite au dessus du logo de la fédération. La tendance dans le web design est à l'épuré, pour éviter ce genre d'effets un peu kitsch(moche?) et améliorer la lisibilité. Pour moi il faudrait que les flammes bleus soient présentes sur la ligne du bas et remontant un peu sur les caractères WADORYU pour éviter que la rupture soit trop brutale ou alors carrément fond blanc uniquement en gardant voire augmentant l'effet papier déchiré.
Pour la mise en page du contenu c'est propre et lisible et assez sobre pour mettre en avant les nombreuses images et le choix des couleurs et soulignés suffisant pour égayer un peu. seule remarque sur l'accueil: Le titre clignotant perturbe un peu l'oeil quand on lit le reste, il sera tout autant visible sans le clignotement. Par contre pour égayer les titres des chapitres et le contenu de la page vous pouvez utiliser des cadres de couleur beige du bas de page ou vert des titres voire de petite image avant le texte. Essayez aussi d'améliorer la justification du texte pour que chaque fin de ligne soit a peu prés au même endroit et obtenir un effet lisse agréable à l'oeil plutôt que crénelé comme c'est le cas pour le texte d'accueil.
Beaucoup de critique mais dans l'ensemble je trouve ça assez agréable, on respecte l'harmonie qui sont commune en graphisme et dans (certains) arts martiaux ;)
Mais attentions aux fautes d'orthographe, surtout dans les menus qui sont présent tout le temps: Accueil s'écrit comme ça et non acceuil(avis avec un 's'), le minimum quand on est pas doué en orthographe est d'utiliser un vérificateur orthographique.
Quelques remarques sur le bandeau:
Le titre: pas évident à lire avec le début et la fin en oblique, je voit l'effet désiré mais pour un titre il convient qu'il soit lisible. Ma suggestion est de le laisser horizontal sur toute la ligne, même d'augmenter un peu la taille de la police quitte à agrandir le bandeau pour le faire passer au dessus de l'image. ça mettras le titre beaucoup plus en évidence sans gêner la lisibilité des autres images. Ou alors sautez des lignes (2 ou 3) pour chaque partie si vous voulez absolument le garder entre les 2 images.
Toujours sur le bandeau: Le fond en dégradé gris central pas très judicieux. Contentez vous d'un fond uni(blanc ou blanc cassé collera bien avec le reste) ou d'un dégradé léger sur les bords de l'image.
Les menus: là j'avoue c'est seulement par rapport à mon goût personnel, j'aurai tendance à masquer le fond entre la barre des menus et le contenu de la page, un fond uni dans une couleur pastel ou blanc ferait l'affaire et d'éviter l'impression que les menus 'flottent' dans la page, cela affirmeras le fait que l'intégralité est un tout.
Les flammes bleus sous les caractères WADORYU: pas un effet trés réussi(surtout qu'il y en a déjà un pour l'image à droite au dessus du logo de la fédération. La tendance dans le web design est à l'épuré, pour éviter ce genre d'effets un peu kitsch(moche?) et améliorer la lisibilité. Pour moi il faudrait que les flammes bleus soient présentes sur la ligne du bas et remontant un peu sur les caractères WADORYU pour éviter que la rupture soit trop brutale ou alors carrément fond blanc uniquement en gardant voire augmentant l'effet papier déchiré.
Pour la mise en page du contenu c'est propre et lisible et assez sobre pour mettre en avant les nombreuses images et le choix des couleurs et soulignés suffisant pour égayer un peu. seule remarque sur l'accueil: Le titre clignotant perturbe un peu l'oeil quand on lit le reste, il sera tout autant visible sans le clignotement. Par contre pour égayer les titres des chapitres et le contenu de la page vous pouvez utiliser des cadres de couleur beige du bas de page ou vert des titres voire de petite image avant le texte. Essayez aussi d'améliorer la justification du texte pour que chaque fin de ligne soit a peu prés au même endroit et obtenir un effet lisse agréable à l'oeil plutôt que crénelé comme c'est le cas pour le texte d'accueil.
Beaucoup de critique mais dans l'ensemble je trouve ça assez agréable, on respecte l'harmonie qui sont commune en graphisme et dans (certains) arts martiaux ;)
Bon alors je suis allée faire un tour
Pour ce qui est de la validation sur w3c, c'est pas la fête du tout, ya plein d'erreurs partout....
Sous Internet explorer la page des préparations aux compétition, stages, passage des grades et compétition s'affichent mal, pas d'image de fond, le menu est collé à gauche, en revanche sous google chrome et firefox ça passe nickel!
Le lexique de Kanji marche mal, lorsqu'on sélectionne une lettre, le menu disparaît c'est pas top.
La plupart des pages comportent des espaces dans leurs noms et ça aussi c'est pas bien! Eviter les espaces et les caractères spéciaux, les accents et tout et tout...
Sinon le design est pas ouf, mais bon c'est jamais qu'un club de karaté....
La structure est bien faite mais on ne retrouve pas toutes les pages dans le menu, ça serait pas mal de mettre les sous rubriques en déroulement sur les boutons! ou alors faire un menu vertical avec les sous rubriques qui s'affichent au survolage...
Ca serait pas mal non plus de faire un lien interne sur la bannière, et de supprimer les "retour à l'accueil" puisque le menu est tout le temps affiché c'est pas nécessaire d'en rajouter...
Voilà je ne sais pas quoi rajouter d'autre
Comment as-tu réalisé ce site?
Cordialement
Pour ce qui est de la validation sur w3c, c'est pas la fête du tout, ya plein d'erreurs partout....
Sous Internet explorer la page des préparations aux compétition, stages, passage des grades et compétition s'affichent mal, pas d'image de fond, le menu est collé à gauche, en revanche sous google chrome et firefox ça passe nickel!
Le lexique de Kanji marche mal, lorsqu'on sélectionne une lettre, le menu disparaît c'est pas top.
La plupart des pages comportent des espaces dans leurs noms et ça aussi c'est pas bien! Eviter les espaces et les caractères spéciaux, les accents et tout et tout...
Sinon le design est pas ouf, mais bon c'est jamais qu'un club de karaté....
La structure est bien faite mais on ne retrouve pas toutes les pages dans le menu, ça serait pas mal de mettre les sous rubriques en déroulement sur les boutons! ou alors faire un menu vertical avec les sous rubriques qui s'affichent au survolage...
Ca serait pas mal non plus de faire un lien interne sur la bannière, et de supprimer les "retour à l'accueil" puisque le menu est tout le temps affiché c'est pas nécessaire d'en rajouter...
Voilà je ne sais pas quoi rajouter d'autre
Comment as-tu réalisé ce site?
Cordialement
merci pour ton aide :)
alors pour commencé, je ne sais pas ce qu'est la validation sur w3c
ensuite, oui j'ai deja constaté le probleme d'affichage sous explorer et cela m'embéte car je ne sais pas comment le résoudre. pour le menu qui n'apparai pas lorsque l'on est dans le lexique c'étai fait exprés car je ne voulai pas trop emcombré la page. je suis d'accord avec toi sur le fait de supprimé les "retour a la page d'accueil" sur les page où l'on a accés au menu, c'est faute de ma part. pour les sous catéhories dans le menu je ne suis pas convaincu de la necessité.
pour finir, j'ai fait ce site grace a un livre un editeur web (dreamweaver) avec le mode "code" et non "création".
:)
alors pour commencé, je ne sais pas ce qu'est la validation sur w3c
ensuite, oui j'ai deja constaté le probleme d'affichage sous explorer et cela m'embéte car je ne sais pas comment le résoudre. pour le menu qui n'apparai pas lorsque l'on est dans le lexique c'étai fait exprés car je ne voulai pas trop emcombré la page. je suis d'accord avec toi sur le fait de supprimé les "retour a la page d'accueil" sur les page où l'on a accés au menu, c'est faute de ma part. pour les sous catéhories dans le menu je ne suis pas convaincu de la necessité.
pour finir, j'ai fait ce site grace a un livre un editeur web (dreamweaver) avec le mode "code" et non "création".
:)
Le World Wide Web Consortium, abrégé par le sigle W3C, est un organisme de standardisation à but non-lucratif, fondé en octobre 1994 comme un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP. (cf: wikipedia)
En gros quand tu valide un page avec w3c tu vérifie que le codage et le langage utilisé est correctement écrit, et il te fait une liste des erreurs qu'il peut y avoir dans le codage de tes pages, c'est assez pratique!
Dreamweaver a cet inconvénient de souvent utiliser des balises qui ne s'utilisent plus ou alors de coder d'un manière non conforme.. c'est pas pour autant que cela s'affiche mal, mais certain navigateurs réagissent très mal.... la preuve
Je te conseille d'aller vérifier tes pages ici: http://validator.w3.org/ pour le html
et ici: http://jigsaw.w3.org/css-validator/ pour le CSS
ça pourra t'aider à trouver les endroits ou ça cafouille!
J'ai bien cru comprendre en jetant un oeil sur le code source des pages que tu utilises la version macromedia de dreamweaver, je pense que les problèmes viennent de là; cette version n'est plus à jour pour ce qui est de la comptabilité avec les navigateurs pourris comme IE mais que malheureusement tout le monde utilise....
En fait ton problème vient de ce genre de choses <center><div id="menu">
Si tu mettait directement le centrage dans le css yorait pas de soucis! "<center>" avant une balise c'est exactement le genre de truc qu'Internet Explorer n'aime pas!
Je te conseille de faire une belle feuille de style bien propre, de la rattacher à tes pages, et de bien organiser ton code histoire de voir assez rapidement où se situent les erreurs!
Voilà ^_^
En gros quand tu valide un page avec w3c tu vérifie que le codage et le langage utilisé est correctement écrit, et il te fait une liste des erreurs qu'il peut y avoir dans le codage de tes pages, c'est assez pratique!
Dreamweaver a cet inconvénient de souvent utiliser des balises qui ne s'utilisent plus ou alors de coder d'un manière non conforme.. c'est pas pour autant que cela s'affiche mal, mais certain navigateurs réagissent très mal.... la preuve
Je te conseille d'aller vérifier tes pages ici: http://validator.w3.org/ pour le html
et ici: http://jigsaw.w3.org/css-validator/ pour le CSS
ça pourra t'aider à trouver les endroits ou ça cafouille!
J'ai bien cru comprendre en jetant un oeil sur le code source des pages que tu utilises la version macromedia de dreamweaver, je pense que les problèmes viennent de là; cette version n'est plus à jour pour ce qui est de la comptabilité avec les navigateurs pourris comme IE mais que malheureusement tout le monde utilise....
En fait ton problème vient de ce genre de choses <center><div id="menu">
Si tu mettait directement le centrage dans le css yorait pas de soucis! "<center>" avant une balise c'est exactement le genre de truc qu'Internet Explorer n'aime pas!
Je te conseille de faire une belle feuille de style bien propre, de la rattacher à tes pages, et de bien organiser ton code histoire de voir assez rapidement où se situent les erreurs!
Voilà ^_^
Je suis d'accord avec tout ce qui a été dit.
Je souhaitais rajouté quelques détails.
Concernant les balises utilisées, l'idéal serait que la structure sémantique soit respecté, c'est à dire "donner du sens et plus de pertinence à ton contenu.
Ca aidera à la maintenance, et surtout au référencement naturel.
Par exemple, tu pourrais utiliser les balises de paragraphes pour les paragraphes.
Les balises de titres pour les titres. ect...
Le but est de donner du sens à ton code, et lorsque Google parcourra ta page, il détectera les contenus importants de ce qui l'est moins.
Sache aussi qu'il ne faut surtout pas utiliser les balises html pour placer un éléments ou donner un style ! Tout se passe dans le CSS.
Voila c'était coté HTML ;)
Coté CSS, comme je disais, utilise le au maximum pour placer des éléments, pour insérer des images décoratifs et répétitif, tel que le header.
Coté ergonomie, si tu peux changer la couleur du menu lorsque l'internaute a cliqué ce serait bien. C'est pour savoir sur quelle page on se situe, pour s'en souvenir ;)
Sinon, je trouve que pou un début c'est déjà bien. Je pense que ton site pourrait avoir des visiteurs et les novices en navigation internet ne se perdraient pas là dessus ;)
Je souhaitais rajouté quelques détails.
Concernant les balises utilisées, l'idéal serait que la structure sémantique soit respecté, c'est à dire "donner du sens et plus de pertinence à ton contenu.
Ca aidera à la maintenance, et surtout au référencement naturel.
Par exemple, tu pourrais utiliser les balises de paragraphes pour les paragraphes.
Les balises de titres pour les titres. ect...
Le but est de donner du sens à ton code, et lorsque Google parcourra ta page, il détectera les contenus importants de ce qui l'est moins.
Sache aussi qu'il ne faut surtout pas utiliser les balises html pour placer un éléments ou donner un style ! Tout se passe dans le CSS.
Voila c'était coté HTML ;)
Coté CSS, comme je disais, utilise le au maximum pour placer des éléments, pour insérer des images décoratifs et répétitif, tel que le header.
Coté ergonomie, si tu peux changer la couleur du menu lorsque l'internaute a cliqué ce serait bien. C'est pour savoir sur quelle page on se situe, pour s'en souvenir ;)
Sinon, je trouve que pou un début c'est déjà bien. Je pense que ton site pourrait avoir des visiteurs et les novices en navigation internet ne se perdraient pas là dessus ;)
Bonjour,
moi aussi j'aimerai avoir tout vos conseil sur mon site, qui est 100 fois en dessous du site precedent.
merci pour tous vos conseils!!!
http://la-maison-bel-et-mart-demenagement.fr/
moi aussi j'aimerai avoir tout vos conseil sur mon site, qui est 100 fois en dessous du site precedent.
merci pour tous vos conseils!!!
http://la-maison-bel-et-mart-demenagement.fr/
Bon alors déjà, tout est trop gros! J'ai un écran 22 pouces et je dois me reculer d'au moins 50 cm pour comprendre ce qu'il se passe! Imagine les gens qui ont des 18 pouces ou moins.... Ya beaucoup de choses à dire.
Déjà tu as ton titre en haut qui prend beaucoup trop de place, et ta "catch phrase" dans la boite c'est pas du tout efficace d'un point de vue communication visuelle.
Le texte en rouge foncé sur fond gris ça fait mal aux yeux!
Tu devrais prendre exemple sur des sites pour la structure, c'est vraiment pas bien organisé!
Tu devrais mettre ton menu au dessus du titre les pages, hiérarchiser les informations de manières à ce qu'on puisse voir ce qui est le plus important en premier!
La ton titre ton slogan et ton menu prennent les 3/4 de la hauteur de la page, comprend bien que c'est contre productif!
Du 12 pour la police c'est largement suffisant!!
Avant tout réduit la taille de ton menu et de tous les éléments, car vraiment ça fait mal au crâne!
Tes pages ont l'air bien codées, mais ya un gros problème au niveau graphisme, essaye d'intégrer des images des textures, histoire que ça donne envie, parce que là, pour être honnête c'est pas beau!
Cordialement
Déjà tu as ton titre en haut qui prend beaucoup trop de place, et ta "catch phrase" dans la boite c'est pas du tout efficace d'un point de vue communication visuelle.
Le texte en rouge foncé sur fond gris ça fait mal aux yeux!
Tu devrais prendre exemple sur des sites pour la structure, c'est vraiment pas bien organisé!
Tu devrais mettre ton menu au dessus du titre les pages, hiérarchiser les informations de manières à ce qu'on puisse voir ce qui est le plus important en premier!
La ton titre ton slogan et ton menu prennent les 3/4 de la hauteur de la page, comprend bien que c'est contre productif!
Du 12 pour la police c'est largement suffisant!!
Avant tout réduit la taille de ton menu et de tous les éléments, car vraiment ça fait mal au crâne!
Tes pages ont l'air bien codées, mais ya un gros problème au niveau graphisme, essaye d'intégrer des images des textures, histoire que ça donne envie, parce que là, pour être honnête c'est pas beau!
Cordialement
Avant de continuer ce site coté intégration, je pense que tu as besoin d'entrainement en design sur Photoshop.
Tu faudrait que tu te fasses une culture du web actuelle car les effets utilisés sur ton site sont dépassés et plus du tout dans la tendance.
Je te conseille de visiter les annuaires de sites design tel que : https://www.cssmania.com/
Si ça te passionne bcp, je te propose de reprendre ton design de zéro. Trop de chose ne vont pas...
Coté intégration, tu te débrouilles bien je trouve. Ça va ^^
Bon courage
Tu faudrait que tu te fasses une culture du web actuelle car les effets utilisés sur ton site sont dépassés et plus du tout dans la tendance.
Je te conseille de visiter les annuaires de sites design tel que : https://www.cssmania.com/
Si ça te passionne bcp, je te propose de reprendre ton design de zéro. Trop de chose ne vont pas...
Coté intégration, tu te débrouilles bien je trouve. Ça va ^^
Bon courage
c'est le premier site internet que je crée.
en ce qui concerne le bandeau je vai remodifié l'effet des flamme bleu car en effet cela fai un peu répétitif, mais le probleme c'est que je manquai un peu d'idée en ce qui concerne les effets graphiste. Et pour l'organisation du menu j'ai fai expré d'espacé les differents onglet pour pouvoir avoir une vu sur le fond.