3246 sujets
Critiques de vos sites: code et design
Euh avec une URL c'est plus facile
Par ailleurs, préciser les points pour lesquels tu souhaites une critique, ça serait pas mal aussi.
Et aussi, merci d'écrire en français, tu as le temps de te relire et de prendre soin du texte que tu nous fais lire. Ca nous motivera à critiquer (de façon constructive) ton bébé (ça va l'accouchement, bien remis ?).
Les fautes de frappes, okay on peut ne pas les voir (oui moi le premier), mais les abbréviations limites lourdes le SMS like et tout ce genre de trucs, c'est moyen.
Modifié par Olivier (20 Mar 2005 - 19:04)
Par ailleurs, préciser les points pour lesquels tu souhaites une critique, ça serait pas mal aussi.
Et aussi, merci d'écrire en français, tu as le temps de te relire et de prendre soin du texte que tu nous fais lire. Ca nous motivera à critiquer (de façon constructive) ton bébé (ça va l'accouchement, bien remis ?).
Les fautes de frappes, okay on peut ne pas les voir (oui moi le premier), mais les abbréviations limites lourdes le SMS like et tout ce genre de trucs, c'est moyen.
Modifié par Olivier (20 Mar 2005 - 19:04)
xartotal a écrit :
Bonjour,
mon dernier BB, donnez moi votre avis, cet un travail perso, afin de développer mon activité.
Bien ami ent.
http://www.artotal-pc.com/
désolé
En vitesse, comme ça, je trouve ça très beau. Enfin du graphisme!
Il y a quand même une certaine hétérogénéité : cadres à coins arrondis et en relief à gauche, cadre rectangulaire et rectangulaire à coins cassés à droite; les barres bleues sous le header et en bas de page (un peu grosse, celle-la) coupées aux extrémités : je trouve que ce serait plus cohérent avec des barres aux extrémités arrondies, et que l'ensemble de ta page soit inclus dans un bloc aux coins arrondis.
L'exemple de site que tu donnes (http://www.artotal-pc.com/senegal/index.htm) n'est absolument pas cohérent avec le tien. En tant que client potientiel, je trouverais ça bizarre.
Et attention aux fautes qui tuent, au langage marketing vide (c'est quoi, un nom de domaine conforme au W3C?), au manque de ponctuation et de majuscules...
Dans cet exemple, il ne faudrait pas non plus que ton offre à 750 euros déprécie ton offre de base.
Modifié par thierry (20 Mar 2005 - 20:24)
Il y a quand même une certaine hétérogénéité : cadres à coins arrondis et en relief à gauche, cadre rectangulaire et rectangulaire à coins cassés à droite; les barres bleues sous le header et en bas de page (un peu grosse, celle-la) coupées aux extrémités : je trouve que ce serait plus cohérent avec des barres aux extrémités arrondies, et que l'ensemble de ta page soit inclus dans un bloc aux coins arrondis.
L'exemple de site que tu donnes (http://www.artotal-pc.com/senegal/index.htm) n'est absolument pas cohérent avec le tien. En tant que client potientiel, je trouverais ça bizarre.
Et attention aux fautes qui tuent, au langage marketing vide (c'est quoi, un nom de domaine conforme au W3C?), au manque de ponctuation et de majuscules...
Dans cet exemple, il ne faudrait pas non plus que ton offre à 750 euros déprécie ton offre de base.
a écrit :
Votre site internet avec photo, images...
un hebergement d'un ans inclus,
réferencement et nom de domaine.
conforme au W3C.
Un exemple d'une offre start-fast.
le site d'une association internationnal
Notre pack [élegence] - 750 euros
comprend un ensemble de prestations sur mesure.
plus de graphisme, plus d'ergonomie, plus de fonctionnalités, plus de liberté pour les mises à jour, et au final plus de personnalité.
mais cela n'implique pas de vouloir refaire le monde pour chaque projet présenté...
Une charte graphique est définis, un formulaire, base de donnée, un hebergement d'un ans, réferencement et nom de domaine inclus. 100 mo d'éspace disque.
Spécialisation dans le xhtml/css, normes, standards web W3C, ergonomie et dans accessibilité du web à tous (handicaps, accéssibilité).
Modifié par thierry (20 Mar 2005 - 20:24)
Vite regardé:
-Tu ne déclare aucun encodage,
-Tu déclare un doctype mais tu ne le respectes pas,
-C'est quoi toutes ces images dans ton code html dans des divs. Tu devrais confier la décoration à ta feuille de style (cf. séparation contenu et présentation)
-Marquee: pas bien ,
-Inutile de mettre des br dans tes paragraphes, fait des paragraphes (1 idée = un paragraphe), les marges feront le nécessaire pour ta présentation.
-Lorsque tu a des énumérations utilises des listes,
-Le nom de tes class est particulièrement non intuitif (aaa, bbb etc.), privilégies un nom qui indique quelque chose, tu gagneras en lisibilité lorque tu reprendras le code,
-A part <p> ou <div> il y a plein d'éléments html ,
-En particulier les hn.
Voilà pour le moment.
-Tu ne déclare aucun encodage,
-Tu déclare un doctype mais tu ne le respectes pas,
-C'est quoi toutes ces images dans ton code html dans des divs. Tu devrais confier la décoration à ta feuille de style (cf. séparation contenu et présentation)
-Marquee: pas bien ,
-Inutile de mettre des br dans tes paragraphes, fait des paragraphes (1 idée = un paragraphe), les marges feront le nécessaire pour ta présentation.
-Lorsque tu a des énumérations utilises des listes,
-Le nom de tes class est particulièrement non intuitif (aaa, bbb etc.), privilégies un nom qui indique quelque chose, tu gagneras en lisibilité lorque tu reprendras le code,
-A part <p> ou <div> il y a plein d'éléments html ,
-En particulier les hn.
Voilà pour le moment.
a écrit :.
Spécialisation dans le xhtml/css, normes, standards web W3C, ergonomie et dans accessibilité du web à tous (handicaps, accéssibilité).
Avec un site vitrine comme cele là je ne suis pas très sur de ce que tu avance
je n'ai pas vu beaucoup de tabindex,acceskey.
sous mozilla avec une police à 120% c'est carrement apocalypse now.
si j'utilise le tabindex pour me déplacer à aucun moment je ne vois ce qu'il yas d'ecrit dans les cadres de gauches (menu),
et la navigation commence sur le menu de droite
"aller au contenu" ba c'est pas grave on n' en mets pas
Facultatif? je ne pense pas et vous.
"aller au menu" même combat
Facultatif? je ne pense pas et vous.
page d'accessibilité ba c'est pas grave non plus
Facultatif? je ne pense pas et vous.
As tu passé ton site au moins au validateur et regardé eventuellement sur opqast ou accessiweb
Enfin je ne sais pas ce qu'en pense les autres mais niveaux règles d'accessibilité ba je trouve pas ça génial pour un site de pro de surcroit si c'est ton activité.
euh...
The W3C Markup Validation Service dit que ta page d'accueil n'est pas valide.
Pourtant, avec HTML 4.01 Transitional ...
J'avoue être franchement choqué, vu les services que tu es censé offrir
----
@knarf
Les tabindex et accesskey ne sont pas obligatoires.
De plus, ce sont des « Points de contrôle de priorité 3 », priorité que je ne respecte pas moi-même en raison de ces foutus accesskey pour lesquels il n'existe aucune norme et dont le résultat est plutôt aléatoire dans les différents navigateurs. Il faudrait fournir une charte des combinaisons de touches à utiliser pour chaque navigateur/plate-forme.
En ce qui concerne les « liens d'évitement » (Monique dirait liens d'accès au contenu), ils font aussi partie des « Points de contrôle de priorité 3 ».
http://www.la-grange.net/w3c/wcag1/full-checklist.html
The W3C Markup Validation Service dit que ta page d'accueil n'est pas valide.
Pourtant, avec HTML 4.01 Transitional ...
J'avoue être franchement choqué, vu les services que tu es censé offrir
----
@knarf
Les tabindex et accesskey ne sont pas obligatoires.
Directives pour l'accessibilité aux contenus Web (version 1.0) a écrit :
9.4 Créez un ordre de tabulation logique pour circuler entre les liens, contrôles de formulaires, et objets.
De plus, ce sont des « Points de contrôle de priorité 3 », priorité que je ne respecte pas moi-même en raison de ces foutus accesskey pour lesquels il n'existe aucune norme et dont le résultat est plutôt aléatoire dans les différents navigateurs. Il faudrait fournir une charte des combinaisons de touches à utiliser pour chaque navigateur/plate-forme.
Directives pour l'accessibilité aux contenus Web (version 1.0) a écrit :
9.5 Fournissez des raccourcis clavier pour les éléments importants, liens (en incluant ceux qui se trouvent dans les hyperimages côté client), contrôles de formulaires, et groupes de contrôles de formulaires.
En ce qui concerne les « liens d'évitement » (Monique dirait liens d'accès au contenu), ils font aussi partie des « Points de contrôle de priorité 3 ».
Directives pour l'accessibilité aux contenus Web (version 1.0) a écrit :
13.6 Groupez les liens apparentés, identifiez le groupe (pour les agents utilisateurs), et, tant que les agents utilisateurs ne le font pas, fournissez un moyen de contourner le groupe.
http://www.la-grange.net/w3c/wcag1/full-checklist.html
igor,
-A part <p> ou <div> il y a plein d'éléments html
je ne comprend pas cette phrase ?
C'est vrai que beaucoups de chose on été négligé et que je vais corrigé dès maintenant.
Pour les questions d'accéssibilité j'ai regardé sur linx et sa passe je pensait que sa suffusait.
De plus je ne sais pas comment faire pour l'adapter à l'handicap sérieusement mais j'aimerai bien m'y mettre
Mon métier est technicien de maintenance info. Le développemnt web ces une option et une passion, parceque je crois que sa peux marcher.
Pareil pour la formation.
Par contre sur les accesskey et tabindex je ne connait pas du tout et je pesaiss même que sa ne servait pas,
merci
-A part <p> ou <div> il y a plein d'éléments html
je ne comprend pas cette phrase ?
C'est vrai que beaucoups de chose on été négligé et que je vais corrigé dès maintenant.
Pour les questions d'accéssibilité j'ai regardé sur linx et sa passe je pensait que sa suffusait.
De plus je ne sais pas comment faire pour l'adapter à l'handicap sérieusement mais j'aimerai bien m'y mettre
Mon métier est technicien de maintenance info. Le développemnt web ces une option et une passion, parceque je crois que sa peux marcher.
Pareil pour la formation.
Par contre sur les accesskey et tabindex je ne connait pas du tout et je pesaiss même que sa ne servait pas,
merci
En ce qui concerne les accesskey et les tabindex je pousse le bouchon peut être un peu loin certes.
Mais j'ai de plus en plus l'impression que le mot accessibilité est complètement galvaudé et a pour moi, de moins en moins de sens par rapport à ce que je pouvais le pensé au départ en le découvrant.
On se ravi de voir de plus en plus de sites traiter de l'accessibilité et se déclarant eux même accessibles.
Combien parmi vous font des tests par curiosité, je parle pas des validateurs non je parle de tester avec jaws HPR de vérifier l'agrandissement de la police, l'ordre de navigation regarder si une feuille alternative était présente.
Donc des fois ça me fout un peu les boules de voir des gens se déclarer docteur es accessibilité alors que bien souvent pour eux ce n'est qu'un mot à la mode et pas autre chose.
Loin de moi l'idée de me prendre pour le dernier messie de l'accessibilité mais c'est ma déception grandissante du sort qui risque d'être réservé à ce terme qui me fait parlé.
Je suis surement extremiste mais pour moi un site se déclarant accessible ou traitant de l'accessibilité devrait obligatoirement avoir une page d'accessibilité, une fonction "aller au menu" et une "aller au contenu" visible en plus de tous les autres points à respecter, même si je trouve que l'on as pas encore suffisement la possibilité de les exploiter à leurs juste valeur.
Bon j'arrete la car je suis en train de pourrir le post qui ne parlait pas de cela au départ, mais plus de graphisme et de code , pourtant j'aurais tant à dire.
Modifié par knarf (21 Mar 2005 - 00:35)
Mais j'ai de plus en plus l'impression que le mot accessibilité est complètement galvaudé et a pour moi, de moins en moins de sens par rapport à ce que je pouvais le pensé au départ en le découvrant.
On se ravi de voir de plus en plus de sites traiter de l'accessibilité et se déclarant eux même accessibles.
Combien parmi vous font des tests par curiosité, je parle pas des validateurs non je parle de tester avec jaws HPR de vérifier l'agrandissement de la police, l'ordre de navigation regarder si une feuille alternative était présente.
Donc des fois ça me fout un peu les boules de voir des gens se déclarer docteur es accessibilité alors que bien souvent pour eux ce n'est qu'un mot à la mode et pas autre chose.
Loin de moi l'idée de me prendre pour le dernier messie de l'accessibilité mais c'est ma déception grandissante du sort qui risque d'être réservé à ce terme qui me fait parlé.
Je suis surement extremiste mais pour moi un site se déclarant accessible ou traitant de l'accessibilité devrait obligatoirement avoir une page d'accessibilité, une fonction "aller au menu" et une "aller au contenu" visible en plus de tous les autres points à respecter, même si je trouve que l'on as pas encore suffisement la possibilité de les exploiter à leurs juste valeur.
Bon j'arrete la car je suis en train de pourrir le post qui ne parlait pas de cela au départ, mais plus de graphisme et de code , pourtant j'aurais tant à dire.
Modifié par knarf (21 Mar 2005 - 00:35)
xartotal a écrit :
igor,
-A part <p> ou <div> il y a plein d'éléments html
je ne comprend pas cette phrase ?
Concrétement tu n'utilises pas toutes les balises que html te propose dans les cas où il le faudrait. Chacune te servirais à encadrer ton contenu de manière adéquate. Je te proposerais de revoir en priorité les bases de html et de te concentrer sur cela dans un premier temps en suivant par exemple ce tutotiel de l'ENS: Écrire une page web.
Je te donnais une indication à suivre avec au minimum l'utilisation des titres de section (hn) dont l'absence dans une page web me parait plus qu'étonnante.
A mon avis il te faudrait avant de proposer création de site, formation aux normes que tu te les appropries un peu plus ces normes; ton activité y gagnerais en crédibilité et la promotion des recommandations du w3c s'en trouveraient renforcées . Car pour le moment j'estime que tu les desserts plutôt dans l'état actuel de ton site professionnel.
ps: tu devrais aussi plus suivre les conseils que les uns ou les autres nous te donnons dans tes différents sujets comme ici, là et encore là.
Modifié par Igor (21 Mar 2005 - 01:53)
Ton point de vue est interressant, mais je ne comprend pas cette phrase, une fonction menu ? ¿
Pour revenir sur l'accéssibilité regarde le site encyclopédie du Sénégal, c'était mon premier site en xhtml, j'ai pas fait le graphisme mais je pense qu'il est + conforme.
Moi j'ai apris à développer tout en images (accroc à toshop), et c'est vrai que j'en abuse et que sa bloque un peu la navigation pour ceux qui aime avoir le contrôle.
Pour revenir sur l'accéssibilité regarde le site encyclopédie du Sénégal, c'était mon premier site en xhtml, j'ai pas fait le graphisme mais je pense qu'il est + conforme.
Moi j'ai apris à développer tout en images (accroc à toshop), et c'est vrai que j'en abuse et que sa bloque un peu la navigation pour ceux qui aime avoir le contrôle.
xartotal a écrit :
Pour revenir sur l'accéssibilité regarde le site encyclopédie du Sénégal, c'était mon premier site en xhtml, j'ai pas fait le graphisme mais je pense qu'il est + conforme.
Si tu donnais l'adresse du site cela serait mieux. Dans mon souvenir ce n'était pas tout à fait cela point de vue code et accessibilité .
a écrit :
Moi j'ai apris à développer tout en images (accroc à toshop), et c'est vrai que j'en abuse et que sa bloque un peu la navigation pour ceux qui aime avoir le contrôle.
Ceux qui "doivent avoir le contrôle" ce ne sont pas les concepteurs des sites, mais les utilisateurs des sites. C'est pour les visiteurs que nous concevont des sites, pas pour nous. Sinon moi aussi je balancerais bien une image bien léchée en ligne en guise de tout contenu . Y'en a bien qui font du flash (troll inside).
xartotal a écrit :
Le développemnt web ces une option et une passion, parceque je crois que sa peux marcher.
Pareil pour la formation.
Le développement web et la formation ne sont pas des options, ce sont des métiers.
xartotal a écrit :
...regarde le site encyclopédie du Sénégal, c'était mon premier site en xhtml, j'ai pas fait le graphisme mais je pense qu'il est + conforme.
1) Le rapport entre le graphisme et la conformité ?
2) Tu l'as fait et tu n'es pas certain de sa conformité ? Inquiétant.
xartotal a écrit :
Moi j'ai apris à développer tout en images (accroc à toshop), et c'est vrai que j'en abuse et que sa bloque un peu la navigation pour ceux qui aime avoir le contrôle.
Photoshop n'est pas un outil de développement, et un site n'est pas un découpage d'images.
Désolé, mais ces éléments ne semblent pas présager un professionalisme flagrant. Si tu veux développer ton activité, je pense qu'il te faudra d'abord revoir ta politique.
Je vous trouve un peu dure, mais si sa s'avère constructif et sportif je m'y plie volontier. D'ailleurs je suis déterminer à conçevoir autrement mais futurs projets, tout en me "raprochant" de la philosophie d'Alsacréations... je marche dans vos pas jusqu'a une certaine limite.
pour moi le web doit être un plaisir pour les yeux avant toutes choses. Malheureusement les mal voyants ne peuvent pas voir mes designs ( je ne m'en acommode pas !), ce n'est pas pour autant que je devrait négligé le graphisme au détriment des voyants ou autres handicaps ?
Pour moi la solution consiste à développer un équilibre entre le design et le contenu, ce n'est pas évident mais sa permets de rendre un site Web accéssible à 99.9 % donc je marche dans vos pas jusqu'ici, mais reconnaissez que des beaux sites, pris sur cet angle ne sont pas légions et ne développe pas vraiment de culture artistique ( numérique ) ?
Du moins je n'en connait que très peu mais je cherche encore
J'aimerai croire et voir d'autre exemple sa m'aiderai à suivre vos raisonnements jusqu'au bout, autant que possible ...
pour moi le web doit être un plaisir pour les yeux avant toutes choses. Malheureusement les mal voyants ne peuvent pas voir mes designs ( je ne m'en acommode pas !), ce n'est pas pour autant que je devrait négligé le graphisme au détriment des voyants ou autres handicaps ?
Pour moi la solution consiste à développer un équilibre entre le design et le contenu, ce n'est pas évident mais sa permets de rendre un site Web accéssible à 99.9 % donc je marche dans vos pas jusqu'ici, mais reconnaissez que des beaux sites, pris sur cet angle ne sont pas légions et ne développe pas vraiment de culture artistique ( numérique ) ?
Du moins je n'en connait que très peu mais je cherche encore
J'aimerai croire et voir d'autre exemple sa m'aiderai à suivre vos raisonnements jusqu'au bout, autant que possible ...
xartotal, c'est qu'il y a moyen de créer un design semblable et même beaucoup plus poussé sans pour autant utiliser une armée de balises DIV et IMG. Ce n'est pas ton design le problème, c'est la façon que tu l'as codé.
Du code propre, et du plaisir pour les yeux :
http://www.cssvault.com/
http://www.cssbeauty.com/
http://csszengarden.com/
Et j'en passe !
Modifié par Merkel (21 Mar 2005 - 18:55)
Du code propre, et du plaisir pour les yeux :
http://www.cssvault.com/
http://www.cssbeauty.com/
http://csszengarden.com/
Et j'en passe !
Modifié par Merkel (21 Mar 2005 - 18:55)
Et ici un site que je trouve très beau :
http://sidesh0w.com/
Tu pourrais reprocher à css zen garden d'être un site "fait" pour. Mais ce site ci te montre par exemple qu'il y a moyen de combiner contenu et graphisme tout en faisait un code propre
http://sidesh0w.com/
Tu pourrais reprocher à css zen garden d'être un site "fait" pour. Mais ce site ci te montre par exemple qu'il y a moyen de combiner contenu et graphisme tout en faisait un code propre
Je me permets d'ajouter www.adrenalyn.net histoire de te montrer que les possibilités sont réellement immenses en matière de design et CSS.
Bref, la liste est longue...
Modifié par daitheflu (21 Mar 2005 - 23:46)
Bref, la liste est longue...
Modifié par daitheflu (21 Mar 2005 - 23:46)
Merkel a écrit :
Du code propre, et du plaisir pour les yeux :
http://www.cssvault.com/
http://www.cssbeauty.com/
http://csszengarden.com/
Et j'en passe !
La suite dans les Ressources du forum :
http://forum.alsacreations.com/topic.php?fid=14&aid=26