Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Liens contextuels :

Auteur Pages : [>]
MissGG
# 16 Feb 2007 - 19:03:41
Citer
86 Posts
Bonsoir à tous,

Voilà, j'ai fait un petit site sur les cox. Je me suis attelé au contenu et à la standardisation web ces derniers temps (bien qu'il y ait encore des soucis sous IE<6).
Il faut savoir que là je viens de passer à un site avec frames à un site sans frames, ce qui m'a demandé pas mal de travail.
Auparavant je n'y connaissais rien en programmation, donc le design était minimaliste car je ne pouvais adapter un design sympa avec mes connaissances en prog. Là, je souhaite en changer.
Je vous demande de critiquer la version d'origine qui est toujours en ligne, afin de confirmer mes opinions sur ce qui ne va pas, et préparer alors un nouveau design. N'hésitez pas à tout démonter, je suis prête... biggrin
Merci d'avance.
Modifié par MissGG (15 Jul 2007 - 17:52)

http://coxdream.free.fr 
^
Dragon Creation
# 16 Feb 2007 - 19:46:57
Citer
27 Posts
upload/10955-Image5.png

Le logo est zarbi!

http://www.dragon-creation.net 
^
MissGG
# 16 Feb 2007 - 19:50:28
Citer
86 Posts
Erf, bizzarre, quel est ton navigateur et ta résolution d'écran, svp?
Tu as actualisé la page au cas où?
Modifié par MissGG (16 Feb 2007 - 19:51)

http://coxdream.free.fr 
^
MissGG
# 19 Feb 2007 - 00:18:04
Citer
86 Posts
Bonsoir à tous,

Ben alors, vous arrivez pas à trouver les mots tellement c'est moche? decu cligne
Modifié par MissGG (19 Feb 2007 - 00:20)

http://coxdream.free.fr 
^
Dragon Creation
# 20 Feb 2007 - 16:20:03
Citer
27 Posts
Sur Safari Mac
Par contre sur Firefox MAC c'est ok!


A+

http://www.dragon-creation.net 
^
Dragon Creation
# 20 Feb 2007 - 16:21:54
Citer
27 Posts
Ma résolution d'écran : 1680x1050

http://www.dragon-creation.net 
^
zapman
# 21 Feb 2007 - 06:02:49
Citer
71 Posts
MissGG a écrit :
Ben alors, vous arrivez pas à trouver les mots tellement c'est moche? decu cligne

Pas si moche, non, non, non. Et puis une fille qui se passionne pour la mécanique, c'est plutôt sympa !

Ca ne se passe pas mal sous IE, à part le fait que le menu ne soit pas fixe, bien sûr. Le dégradé de gauche s'interrompt lorsqu'on défile vers le bas, mais bon, rien de méchant.

A mon petit niveau d'exigence, je trouve ton code plutôt propre à 3 détails prés :
- Je suis absolument contre l'utilisation du souligné dans le texte d'une page Web. A mon sens, le souligné doit être réservé aux liens, pour éviter toute ambigüité
- Pourquoi utiliser un H2 pour le titre de ta page ? H1 serait plus approprié.
- Dommage d'avoir utilisé une DIV pour tes titres. Utilise plutôt un H2 dont tu modifieras le style pour obtenir la présentation que tu souhaites. Ca sera mieux du point de vue accessibilité.

Question esthétique, je trouve que les photos tournantes, en haut à gauche, tombent un peu comme un cheveux sur la soupe. Il faudrait peut-être un cadre, ou une autre astuce pour qu'on ait pas l'impression que cette animation ait été "collée" par dessus ton design.

Question ergonomie, j'aimerais bien qu'un clic sur la bannière renvoie à la page d'accueil et j'éclaircierais un peu ton texte pour améliorer son contraste par rapport au fond.

Voilà smile

http://www.rankspirit.com/indexfr.php 
^
supprimeencore
# 21 Feb 2007 - 15:59:16
Citer
292 Posts
Le poids de ton gif haut.gif est de 98 ko, et il y a aussi l'image de la cox qui pèse plus de 60 ko ... alors qu'une page se devrait avec le code html de peser maximum 80 ko (60 ko pour la page d'accueil)
Pourquoi ne pas mettre plutot un script php afin degénérer des images aléatoirement ?
Sinon, est-ce utile de mettre tes 2 images de fond ? Un fond uni me semblerait plus intéressant et plus lisible.
Le contraste de l'écriture blanche sur le fond vert pale du menu peut poser probleme au mal voyant. Enfin je rappelle pour info que le nombre de menu devrait idéalement etre entre 5 et 9 (relatif au nombre d'items que le cerveau humain peut appréhender simultanément)
Voiloup, en espérant t'avoir aidé un peu ... Bonne continuation

^
MissGG
# 05 Mar 2007 - 13:29:25
Citer
86 Posts
Bonjour à tous,

Merci à zapman et Gunner4902 de m'avoir répondu.

Concernant le menu :
zapman a écrit :
Le dégradé de gauche s'interrompt lorsqu'on défile vers le bas, mais bon, rien de méchant.

Ceci reste mon principal problème sous IE<7, le dégradé s'interrompt à gauche mais aussi en haut à droite à haute résolution. Je n'ai malheureusement pas trouvé le problème. Si, vous avez une idée, je suis ouverte à vos propositions.
Gunner4902 a écrit :
Enfin je rappelle pour info que le nombre de menu devrait idéalement etre entre 5 et 9 (relatif au nombre d'items que le cerveau humain peut appréhender simultanément)

Merci pour l'info sur le cerveau humain cligne
Malheureusement, je ne vois pas comment regrouper autrement mes sous-menus.

Concernant le haut de mes pages :
zapman a écrit :

Question esthétique, je trouve que les photos tournantes, en haut à gauche, tombent un peu comme un cheveux sur la soupe. Il faudrait peut-être un cadre, ou une autre astuce pour qu'on ait pas l'impression que cette animation ait été "collée" par dessus ton design.

Ca, j'ai pas modifié. Mais l'interface n'est pas terrible, je le sais bien. Reste à trouver une idée de départ pour tout changer. Et pour l’instant, c’est le vide…
Gunner 4902 a écrit :
Pourquoi ne pas mettre plutot un script php afin degénérer des images aléatoirement ?

Lool, c'est vrai que ça serait une bonne idée, mais je sais pas faire. J'vais chercher un peu.
Gunner 4902 a écrit :
Sinon, est-ce utile de mettre tes 2 images de fond ? Un fond uni me semblerait plus intéressant et plus lisible.

Il y a en fait 3 images : le gif, la bannière et le dégradé. Et je ne peux en faire 3 en 1 car ça poserait des problèmes de répétitions ou un dégradé qui s'arrêterait à la bannière.
A voir...
Gunner4902 a écrit :
Le poids de ton gif haut.gif est de 98 ko, et il y a aussi l'image de la cox qui pèse plus de 60 ko ... alors qu'une page se devrait avec le code html de peser maximum 80 ko (60 ko pour la page d'accueil)

J'vais voir ce que je peux faire.
zapman a écrit :
Question ergonomie, j'aimerais bien qu'un clic sur la bannière renvoie à la page d'accueil

C'est fait cligne
Reste que sur la page concentr', l'image est présentée comme un lien, il faut que je cherche pourquoi.

zapman a écrit :
A mon petit niveau d'exigence, je trouve ton code plutôt propre à 3 détails prés :

J'ai voulu faire un code un maximum propre et respectant les standards, ce qui m'as pris pas mal de temps cligne (peut-être au détriment de l’interface cela dit…)

zapman a écrit :
Je suis absolument contre l'utilisation du souligné dans le texte d'une page Web. A mon sens, le souligné doit être réservé aux liens, pour éviter toute ambigüité

J'ai suivi ton conseil, et enlevé le souligné dans mes pages news et goodies. J'ai conservé quelques soulignés cependant comme dans la page présentation mais je pense que ça ne peut pas porter à confusion.

zapman a écrit :

- Pourquoi utiliser un H2 pour le titre de ta page ? H1 serait plus approprié.
- Dommage d'avoir utilisé une DIV pour tes titres. Utilise plutôt un H2 dont tu modifieras le style pour obtenir la présentation que tu souhaites. Ca sera mieux du point de vue accessibilité.

Les H2 sont devenus H1 ...
J'ai modifié les div des pages news et goodies en H1news, je pense que c'est mieux.

zapman a écrit :

j'éclaircierais un peu ton texte pour améliorer son contraste par rapport au fond.


Gunner4902 a écrit :

Le contraste de l'écriture blanche sur le fond vert pale du menu peut poser probleme au mal voyant.

Idem que pour le gif animé, ça attendra la refonte.

Merci pour vos conseils, n’hésitez pas si vous avez autre chose à dire cligne
C’est comme ça qu’on apprend.
Modifié par MissGG (05 Mar 2007 - 13:52)

http://coxdream.free.fr 
^
touvert
# 05 Mar 2007 - 13:38:24
Citer
Ces kiwiz me rendront fou
662 Posts
Salut MissGG,

une petite paranthèse sur le temps de chargement, ça prend un peu plus de 40 secondes sur un modem 56k ce qui est un peu beaucoup, on dit en général que l'idéal vers lequel tendre serait de 10 secondes maxi, donc, essaye de voir si tu peux pas rendre tes images un peu moins lourdes cligne

Why not ? Soyons fous

http://www.spdesign.be 
^
Vero
# 05 Mar 2007 - 13:40:17
Citer
Entre kiwiz et css
Modérateur
2059 Posts
Bonjour à tous,

Petite intrusion dans le sujet, afin d'expliquer à MissGG l'utilisation de la balise "citer"

1/Cliquer sur la balise "citer"
2/Rajouter : "=zapman" (si on cite zapman ...)
3/Cliquer à nouveau sur "citer" pour fermer la balise après la citation.

cligne

A partir des constantes on peut jouer avec les variables ...
... en s'appuyant sur des règles.

http://www.jusdecitron.net 
^
MissGG
# 05 Mar 2007 - 13:41:59
Citer
86 Posts
Ok touvert, j'vais voir c'que j'peux faire.

Merci Vero, j'ai cherché mais j'ai pas trouvé.
Je modifie le message de suite.

http://coxdream.free.fr 
^
Vero
# 05 Mar 2007 - 17:02:26
Citer
Entre kiwiz et css
Modérateur
2059 Posts
MissGG a écrit :
Merci Vero, j'ai cherché mais j'ai pas trouvé.
Je modifie le message de suite.


Cela manquait, effectivement : nouvel item dans la Faq

<pub délibérée>

batterie
Lisez la Faq ... elle éveillera votre curiosité !

</pub délibérée>

A partir des constantes on peut jouer avec les variables ...
... en s'appuyant sur des règles.

http://www.jusdecitron.net 
^
yank
# 05 Mar 2007 - 17:35:57
Citer
468 Posts
Salut ^^

Je trouve le sujet ton site sympa.

Par contre au niveau du graphisme je ne suis pas fan du "degradés" vert... peut être une autre couleur ? ou même essayer sans dégradé ?

marrant les peluches dans goodies ravi

Bonne continuation.
Modifié par yank (05 Mar 2007 - 17:37)

http://menglaba.free.fr 
^
Epy
# 04 Apr 2007 - 00:36:00
Citer
15 Posts
Bonsoir
je suis tombé ici par hasard ^^
- Je suis en train de chercher pourquoi tu as cette bordure sur le lien de la bannière, et j'ai remarqué que tu as une deuxième CSS juste pour la page rassemblement ? 'Stylesrass.css'
Il y a les mêmes choses que dans la principale, autant en profiter pour n'en mettre vraiment qu'une de partout
(avantage du 'langage CSS': une seule feuille de style = une seule ligne à changer pour changer sur toutes les pages)
Là tu aurais la page rassemblements qui n'aurai plus la même tronche et t'obligerait à aller aussi changer la même chose dans l'autre feuille.

- Pour la bordure sur le lien, déjà ça pourra aider si c'est une erreur dans la feuille de style
ensuite, je me trompe peut être, mais ça ne serait pas border="0" plutôt que "none" (dans ta balise img)?

- Tu devrais pouvoir dire à ta classe ban de ne prendre aucune bordure.. mais il faudrait mieux comparer les différences de code HTML et CSS entre les deux pages (et donc, ne mettre qu'une seule feuille pour tout le site)

- Tu as encore beaucoup de balises <b> et <u> (dans présentation par exemple) cligne

en espérant t'avoir aidée cligne

http://www.aide-en-info.net 
^
Benjamin D.C.
# 06 Apr 2007 - 11:24:58
Citer
Modérateur
2408 Posts
Bonjour,

Je me suis décidé à réagir régulièrement dans cette partie de forum que je boude depuis mon inscription; je sens que je ne vais pas me faire beaucoup d'amis mais bon... smile

MissGG a écrit :
N'hésitez pas à tout démonter, je suis prête... biggrin
Merci d'avance.


Bon et bien... La seule critique utile est celle non condescendante n'est-ce pas? Alors voilà: je trouve que c'est vraiment de très mauvais goût, grossier et complètement dénué de toute finesse typographique. Je dois dire que j'ai du mal à cibler un élément en particulier car tout me rebute:
- les dégradés,
- les couleurs,
- le "logo",
etc.

Le compteur, c'est la cerise sur le gâteau.

Désolé, mais à part le sujet très chouette, je n'en retire pas grand chose de bon. ohwell

This is the way, step inside.

http://deaxon.com 
^
Julien Royer
# 06 Apr 2007 - 11:31:46
Citer
Coin coin
Modérateur
3709 Posts
Benjamin D.C. a écrit :
Bon et bien... La seule critique utile est celle non condescendante n'est-ce pas?
Sans doute, mais avec un peu de matière, de préférence...

^
Benjamin D.C.
# 06 Apr 2007 - 11:40:48
Citer
Modérateur
2408 Posts
Julien Royer a écrit :
Sans doute, mais avec un peu de matière, de préférence...
C'est à dire? J'ai tout dit dans mon post précédent je pense, non?

This is the way, step inside.

http://deaxon.com 
^
Julien Royer
# 06 Apr 2007 - 11:43:44
Citer
Coin coin
Modérateur
3709 Posts
Benjamin D.C. a écrit :
C'est à dire? J'ai tout dit dans mon post précédent je pense, non?
Tu as tout dit ce qui ne te plaisait pas, en effet... Mais pour être constructif, il faudrait peut-être préciser pourquoi. cligne

Ou même, encore mieux, expliquer comment améliorer les choses selon toi.

^
Benjamin D.C.
# 06 Apr 2007 - 12:00:01
Citer
Modérateur
2408 Posts
Julien Royer a écrit :
expliquer comment améliorer les choses selon toi.
La meilleure manière? Se faire l'oeil. Regarder, regarder, regarder. C'est le meilleur conseil que je puisse donner.

Il existe un nombre incalculable de sites qui présentent un choix immense de magnifiques travaux tant print que web, et qui entretiennent de surcroît un flux d'actualités constant. Ah oui, car il est selon moi primordial de s'inspirer aussi de ce qui se fait en print tant la comparaison de maîtrise typographique et des grilles de mises en page ne tient pas la route.

Deux références:
- CSS Beauty pour de beaux sites valides
- Newstoday pour tout le reste

Bon courage! cligne

This is the way, step inside.

http://deaxon.com 
^
Pages : [>]

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.7.9 © dew
Contacter l'administrateur - 8.6 ms - Charte