CarGoZ Posté 3 Septembre 2005 Posté 3 Septembre 2005 (modifié) Bon alors voila mon petit bébé lol, il est encore en cours de finiolage... http://perso.wanadoo.fr/graffis/dos/graffis-acc.html Vous en penser quoi ? (soyez pas trop méchant ) :!: les liens donne dans le vide car j'ai mis que une page en ligne. Merci d'avance... +++ Modifié 3 Septembre 2005 par CarGoZ
KaRaK Posté 3 Septembre 2005 Posté 3 Septembre 2005 Bonjour Je ne suis pas graphiste mais je trouve cela tres propre et lisible (le plus important pour moi) Juste un petit reproche pour "Me contacter" et "Licence et Droit" qu'on ne voit pas tres bien, le reste est zoli ++
yuston Posté 3 Septembre 2005 Posté 3 Septembre 2005 J'aime pas trop la police utilisée.... sinon c'est assez claire.... Moi j'aurai préfèré Verdana ou du même style... Sinon c'est quoi cette phrase: "une vitesse de chargement diminuée." c'est pas mieux "le temps de chargement diminuée." ou "une vitesse de chargement accrue." ou bien un truc du genre.... enfin c'est toi qui vois ++
Dudu Posté 3 Septembre 2005 Posté 3 Septembre 2005 Salut, plusieurs choses: * c'est très noir et blanc quand même. J'ai franchement eu l'impressoin d'avoir effectué un faux raccourci clavier qui fait passer l'écran en N/B (çà m'arrive souvent) * Ta page n'est valide qu'aux yeux du validateur. La sémantique est inexistante, le contenu n'est pas séparé de la présentation (ex: <p><img src="img/barre3.jpg" alt="----"/></p> ) le code est blindé de divs inutiles (ex: <div class="titre2"><h3>News</h3></div>), les balises sont utilisées n'importe comment (ex: <dl> <dd>[ Valide: <a href="http://validator.w3.org/check?uri=referer">XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/">CSS</a> ]</dd><dd>Raccourcis clavier: alt + lettre souligné.</dl>) etc etc.. Bref désolé d'être méchant et te casser tout ton truc mais ta page n'est pas valide, loin s'en faut. * Le laïus sur la vitesse de chargement diminuée sonnera déjà moins faux quand le header ne fera plus 40 Ko (c'est énorme 40Ko pour un header pareil ) * le logo "web accessible maintenant" est hors sujet par rapport à ce que tu lui fais dire. La démarche de cette inititaive précise de Web-Pour-Tous concerne les sites de services publics français. Or tu n'es pas un site du service public. Tu peux placer cette image, mais ne pas détourner son sens. * Pour les polices, il faudrait définir une police (ou au moins une famille dans ta CSS) sinon la majorité des gens vont voir çà en Times (qui pour une raison inexpliquée est souvent la police par défaut des navigateurs). Évite le Verdana aussi. Propriétaire donc inexistante sur certains OS. Et trop courante. Et surtout trop large. D'ailleurs, yuston, si tun n'aimes pas trop la police utilisée, change tes préférences * Je finis sur une note plus sympa En règle générale j'ai constaté que les visiteurs se foutent royalement des phrases du type "le nouveau design est fait en CSS ce qui permet de ... patati pata.." AMHA ce qu'ils veulent c'est du contenu. Et s'il est bien présenté c'est mieux. Çà s'arrête là. Donc nous, parle-nous de tes envies d'XHTML et d'accessibilité; mais tes visiteurs ne leur dis rien tu leur parles chinois Bon courage
steph13 Posté 3 Septembre 2005 Posté 3 Septembre 2005 Pour faire des commentaires, passer après Dudu, c'est tendu ! Il à tout dis, plus des trucs que je ne savais pas. (comme sur la police verdana !! ) Le petit truc qui me gêne, c'est la lune en fond, avec le texte noir par dessus. C'est pas lisible. Sinon, j'aime assez ta mise en page. Pour les couleurs, c'est un peu noir et blanc, c'est vrai. Un ti chouille de couleur serait bienvenu je pense. Vala. Bon courage à toi
CarGoZ Posté 4 Septembre 2005 Auteur Posté 4 Septembre 2005 Bon bah merci pour vos premières impressions. Je sais très bien que le texte d'accueil et le contenu ne sont pas top mais il n'est pas définitif non plus. En fait je demandais plus un avis sur la mise en page qui elle me semblait plus à son terme. Idem pour les liens "valid xhtml" disons que c'était mon projet donc j'en est tenu compte dans ma présentation mais je ne m'y était pas trop encore attaqué, d'ailleurs si j'ai bien compris je vais avoir du boulot ... (vous pouvez continué à donné vos avis je vais essayer d'améliorer mon dossier !) +++
jeanpierre949 Posté 4 Septembre 2005 Posté 4 Septembre 2005 salut, moi je n'ai rien a dire sur le graphisme, il est propre clair noir et blanc c'est aussi un style parcontre la colonne centrale est dessous les 2 autres c'est mon navigateur qui bug ou c 'est normal et en plus j'ai relevé 2 3 fautes orthographe. sinon pour un debut ca prend une belle tournure ; la semantique ca je laisse a Dudu je ne peux rien ajouter
CarGoZ Posté 4 Septembre 2005 Auteur Posté 4 Septembre 2005 (modifié) Déjà merci à tous de vous pencher sur mon cas ... Bon alors j'ai fait quelques modification: un petit reproche pour "Me contacter" et "Licence et Droit"qu'on ne voit pas très bien -j'ai changer la couleur de ces liens pour qu'il soient plus visibles. c'est énorme 40Ko pour un header pareil -Je l'ai passé a 10Ko Ca va ou c'est encor trop ? le logo "web accessible maintenant" est hors sujet par rapport à ce que tu lui fais dire. La démarche de cette initiative précise de Web-Pour-Tous concerne les sites de services publics français. Or tu n'es pas un site du service public. Tu peux placer cette image, mais ne pas détourner son sens. -c'était pas le but désolé, j'ai laissé l'image sans commentaire comme çà je pense que c'est mieux ... Pour les polices, il faudrait définir une police Oui mais lesquelles sont "bien" ? Le petit truc qui me gêne, c'est la lune en fond, avec le texte noir par dessus.C'est pas lisible. -J'ai mis une zolie fleur de mon jardin c'est mieux ? Sinon pour la sémantique j'y travail mais c'est pas évident je pense que j'aurait besoin de vous ... A et oui j'oubliait, désolé pour l'orthographe jeanpierre949 j'ai pas encore lâché ma correctrice (ma soeur ) sur mon travail, mais ça va venir. Les commentaires sont toujours les bien venus ... +++ Modifié 4 Septembre 2005 par CarGoZ
steph13 Posté 4 Septembre 2005 Posté 4 Septembre 2005 A mon avis, y'a un pb avec firefox... J'ai un colonne qui doit, je pense se trouver sur la droite, qui arrive en plein centre de la page... Sinon, c'est po tant la lune qui me gênait, mais le fait que cela rendre le texte difficilement lisible... (noir sur gris, ca passait pas bien.) La lune, j'aimais bien, mais il aurait fallu la fondre un peu plus je pense
CarGoZ Posté 4 Septembre 2005 Auteur Posté 4 Septembre 2005 (modifié) Je sais bien mais c'était pour mettre une toute petite touche de rose ... Sinon c'est bizarre ton bug sous Firefox tu m'aurai dit sous IE j'aurait dis peut-être mais la je voit pas d'ou sa vient... Moi en tout cas ça me le fait pas +++ Bon j'ai decidé de refaire mon design donc... J'aurais encore besoin de vous mais un peu plus tard . Merci a tous ceux qui se sont donner la peine de répondre ... Modifié 6 Septembre 2005 par CarGoZ
CarGoZ Posté 6 Septembre 2005 Auteur Posté 6 Septembre 2005 Bon bon bon alors voila mon nouveau projet ... Exit le noir vive le marron foncé !!! Je redonne le lien: http://perso.wanadoo.fr/graffis/dos/graffis-acc.html bon alors mieux ou pas mieux ? Dudu, au niveau de la semantique c'est mieux ou pas ? j'ai limité mes div ... Merci d'y jeter un oeil +++
jeanpierre949 Posté 6 Septembre 2005 Posté 6 Septembre 2005 je ne suis pasDudu je ne peux pas te venir en aide si ce n'est peut-etre pour te conseiller l'utilisation des <h> ou des <p> plutot que les <span>
CarGoZ Posté 6 Septembre 2005 Auteur Posté 6 Septembre 2005 je ne suis pas Dudu je ne peux pas te venir en aide si ce n'est peut-etre pour te conseiller l'utilisation des <h> ou des <p> plutôt que les <span> Je n'utilise cet balise que trois fois pour mettre en valeur trois bout de texte. Je ne suis pas sur mais ce nest pas l'utilité de cette balise que de mettre en forme un texte ? Parce que <h> c'est pour les titres et <p> pour un paragraphe ... Me trompe-je ? (Cest bien dit ça tient ... )
jeanpierre949 Posté 6 Septembre 2005 Posté 6 Septembre 2005 exact <h> c'est les titres et <p> paragraphes par contre <span> c'est sensiblement equivalent a <div> ce qui revient a dire que changer l'un pour l'autre? ce sont 2 balises dites universelles passe partout ,la semantique donne la preference aux balises specifiques lorsque c'est possible.C'est du moins ce que j'ai appris depuis peu puisque je debute(enfin maintenant ca fait 4 mois) et je repete ce qu'on m'a appris alors ou est la verité?
herisson Posté 7 Septembre 2005 Posté 7 Septembre 2005 Salut, je suis pas spécialiste mais la hiérarchisation des titres me parait assez bizarre : - sauf erreur de ma part, il n'y a pas de h2 (mais peut-être suis-je mal réveillée) - les h5 pour le menu c'est étrange je trouve : j'aurai plutot mis des listes imbriquées niveau design: - le cadre arrondi autour du <div id="centre"> chevauche les pointillés gris du bas de ton <div id="header"> (sous firefox 1.0.6) : j'aurai plutot vu ce cadre arrondi aligné verticalement avec le haut de id="gauche" - je trouve la bordure pointillée autour du <div id="cr"> un peu lourde et pas très esthétique si près du cadre arrondi du id="all" : il me semble qu'un border-top suffirait à faire la séparation : à supposer que la séparation par une bordure soit indispensable... ça fait beaucoup de bordure dans le bas je trouve et l'alignement centré du texte me semble suffisant pour matérialiser le pied de page pour finir sans afficher les images (et oui on peut encore ne pas être sur adsl...) il y a chevauchement de ta "bannière" avec ce qui est dessous (ton h1 notamment) : ça nuit pas mal à la lisibilité du haut de page dans ce cas là. petite faute détectée : "une interface plus clair" -> clairE c'est sans doute mieux Mais à part ça, c'est plutot agréable à regarder et plutot clair ! C'est un avis parmi d'autre, qui j'espère pourra t'aider ;-)
CarGoZ Posté 7 Septembre 2005 Auteur Posté 7 Septembre 2005 je suis pas spécialiste mais la hiérarchisation des titres me parait assez bizarre :- sauf erreur de ma part, il n'y a pas de h2 (mais peut-être suis-je mal réveillée) - les h5 pour le menu c'est étrange je trouve : j'aurai plutôt mis des listes imbriquées Heu non tu rêve pas par contre c'est inquiétant pour moi ... - le cadre arrondi autour du <div id="centre"> chevauche les pointillés gris du bas de ton <div id="header"> (sous firefox 1.0.6) : j'aurai plutot vu ce cadre arrondi aligné verticalement avec le haut de id="gauche" C'est censé être le cas ça doit être du à ton affichage sans image, je vais rajouter un petit "height" à mon header ... - je trouve la bordure pointillée autour du <div id="cr"> un peu lourde et pas très esthétique si près du cadre arrondi du id="all" : il me semble qu'un border-top suffirait à faire la séparation : à supposer que la séparation par une bordure soit indispensable... ça fait beaucoup de bordure dans le bas je trouve et l'alignement centré du texte me semble suffisant pour matérialiser le pied de page Je vais faire des essais, on va bien voir ... petite faute détectée : "une interface plus clair" -> clairE c'est sans doute mieux En faite ce texte d'accueil est une GROSSE erreur à lui tout seul,il est heureusement provisoire et va bientôt passer à la trappe Bon bah je vais faire mes petites modifs et un grand merci à toi herisson ... +++
CarGoZ Posté 7 Septembre 2005 Auteur Posté 7 Septembre 2005 Bon voila j'ai fait des modifs normalement ça passe bien sans image (quoique c'est beaucoup moins beau comment peut-on mutiler mon chef-d'oeuvre de la sorte ? ) Pour les h c'est réglé, il n'y en a plus dans le menu ... et on a bien h1, h2 et h3 (oui oui oui ) Voila si vous avez d'autres remarques n'hésiter pas je suis preneur !!! +++
rportal Posté 7 Septembre 2005 Posté 7 Septembre 2005 Perso sous IE, le menu vertical apparait sur les articles, laissant une colonne vide... l'url que je visualise: http://perso.wanadoo.fr/graffis/dos/graffis-acc.html
CarGoZ Posté 7 Septembre 2005 Auteur Posté 7 Septembre 2005 Que retiendrat-on de cette lecon ? ne pas naviguer avec IE ... Plus sérieusemnt je vais voir ce que je peut faire mais demain parce que la j'ai mas dose de petit charactère noir qui veulent rien dire ... Merci beaucoup quand même rportal j'avais completement zappé de regarder sous IE... (On perd vite l'habitude des spyware et autre petit virus... dénigrement de IE moi ? )
herisson Posté 7 Septembre 2005 Posté 7 Septembre 2005 C'est censé être le cas ça doit être du à ton affichage sans image, je vais rajouter un petit "height" à mon header ...Je vais faire des essais, on va bien voir ... <{POST_SNAPBACK}> euh ça me faisait ça même avec les images Question design je préfère comme ça (bordure beaucoup plus légère du pied de page et alignement en haut) Bonne continuation
Dudu Posté 7 Septembre 2005 Posté 7 Septembre 2005 Re. En pralant de sémantique il rest 2-3 trucs choquants: * les titres du menu gauche (menu, partenaires, pêle-mêle..) qui sont définis en élement de liste * la liste <me contacter, license et droit, design by gargoz> qui est définie avec des span Sans quoi c'est carrément mieux, tant d'un point de vue visuel que d'un point de vue code Oui mais lesquelles sont "bien" ? Sur Mac "Lucida Grande" (place-là en premier dans ta CSS pour que seuls les mangeurs de pomme l'aient. Elle est ma-gni-fique).. ensuite des polices couramment installées sur tous les OS comme Tahoma, TrebuchetMS, Georgia (pour les serifs), Optima (idem), "Bitsream Vera Sans" (pour les pingouins sous Linux)... Sinon en vrac de belles polices pas forcément web (mais cette liste peut toujours servir): Skia, Gill Sans (optimisées écran) Apple Garamond (pour l'impression papier surtout) Andale Mono (chasse fixe) Baskerville, Copperlate, Didot (serif) Futura (un classique.. souvent utilisée pour les affiches 4x3 de pub dans la rue) Zapfino, Bickley Script LET (cursives) Chicago (police des iPod) ...
CarGoZ Posté 8 Septembre 2005 Auteur Posté 8 Septembre 2005 les titres du menu gauche (menu, partenaires, pêle-mêle..) qui sont définis en élément de liste Je vais les remettrent en h alors ? la liste <me contacter, license et droit, design by gargoz> qui est définie avec des span Je suis en train de travailler pour faire une liste en ligne, mais j'ai pas réussi pour l'instant à trouver le même effet, mais je vais y arriver quelques petit réglages et ça devrait être bon ... Sur Mac "Lucida Grande" (place-là en premier dans ta CSS pour que seuls les mangeurs de pomme l'aient. Elle est ma-gni-fique).. C'est trop'injuste je l'aurait même pas moi ! Sans quoi c'est carrément mieux, tant d'un point de vue visuel que d'un point de vue code Merci !!! euh ça me faisait ça même avec les images Mais ça ne te le fait plus la herisson si ? merci encore à tout le monde ... +++
herisson Posté 8 Septembre 2005 Posté 8 Septembre 2005 Je vais les remettrent en h alors ? <{POST_SNAPBACK}> je comprends les propos de Dudu ainsi : mettre le menu (= la navigation dans le site) et les autres parties de ta colonne gauche (partenaires, pêle-mêle, accessibilité, etc) avec le même codage est mal-choisi ! A ta place j'identifierai 2 éléments différents : 1 pour le menu (ul id="menu" par exemple), 1 pour les autres parties de la colonne (ul class="autre_chose" pour chaque partie) et en css je leur collerai un rendu visuel identique... Voilà ce que je comprends de la réflexion de Dudu à ce sujet ;-) Petite suggestion : je trouve tes couleurs de la colonne gauche, de fond et/ou de survol, sont différentes ou identiques sans cohérence : peut-etre peux-tu mettre un background-color rose ou vert aux "partenaires, pêle-mêle, accessibilité etc" ou mettre une couleur de survol rose pour le menu et verte pour les autres liens (ou inversement)... enfin quelque chose dans ce style (je sais pas si c'est clair ce que je raconte là... :/) Mais ça ne te le fait plus la herisson si ? non non là c'est bon
jeanpierre949 Posté 8 Septembre 2005 Posté 8 Septembre 2005 Soir, depuis hier avec IE le cadre gauche s'affiche sur celui de droite.Tu es au courant ou c'est mon navigateur qui bug?
CarGoZ Posté 8 Septembre 2005 Auteur Posté 8 Septembre 2005 Oui je suis au courant, si tu a une idée d'ou cela peut venir d'ailleur... Parceque a force de regarder le code je voi plus rien .... +++
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant