[Intermédiaire] Creer-son-website.fr

Bonjour,

Je suis l'administrateur de de Creer-son-website.fr et je voulais donc vous présenter notre travail. Je pense de plus que de nombreuses personnes sur ce forum pourront se montrer intéressées par le service que nous proposons.

Tout d'abord, le lien :
http://www.creer-son-website.fr/

Pour faire simple, ce site permet de créer des designs gratuits et personnalisables.
Nous vous proposons une interface qui permet de gérer le design en cours de création. Lorsque vous l'avez terminé, il suffit de sauvegarder et de le télécharger.

Je vous laisse tester.
Nous désirons avoir quelques retour sur le site pour savoir un peu sur quoi bosser. N'hésitez donc pas à faire des remarques !

Merci d'avance et bonne journée !
Modifié par Reywas (04 Jun 2010 - 19:59)

Bonsoir,

Passant par le forum d'alsa pour poser une question, je tombe sur votre demande de critique...
Sans vouloir paraître offensant, je pense qu'il y a encore du travail, beaucoup de travail, surtout au niveau du code (le design est déjà vraiment juste, mais on va dire que par rapport au code, ça va).

Les tableaux sont à proscrire pour la mise en page, et cela concerne le site principal autant que les "templates" que vous proposez. Amha, il faudrait complètement refaire les différentes "intégrations".

Beaucoup de balises ne sont pas (ou mal) refermées (par exemple les <input /> des formulaires, systématiquement).
Il y a des attributs target="_blank" alors qu'on annonce un document XHTML strict.
Dans le texte, les retours chariots sont utilisés pour faire de la mise en forme de paragraphe.
Des images portent des attributs title mais pas d'attributs alt (obligatoire)... etc. Bref, il y a du travail.

Ce qui est plus embêtant, c'est que dans la page des "tutoriels", les utilisateurs de votre outil sont invités à reproduire plusieurs de ces mauvaises pratiques : utilisation de <br /> pour la mise en page ; balises <img /> sans attributs alt et mal refermées....

Par contre la bonne nouvelle, c'est que vous êtes sur le bon forum pour apprendre les bonnes pratiques qui vous font défaut courage !

Sinon, en dehors de l'intégration, qu'il faudrait refaire, je ne vois vraiment sur quel type de site internet le premier "design à thème" pourrait être utilisé, vu son header (je doute que l'image soit libre de droit, tout comme celle des pirates)... Mais bon, ce n'est pas ce qui me dérange le plus .

Bon courage pour le (gros) travail à accomplir, la section apprendre d'alsacréations est suffisamment bien documentée pour "passer du bon côté de la force" : les standards

JbA
Ps : vote blanc.
Modifié par audrasjb (04 Jun 2010 - 20:31)

Merci d'avoir bien détaillé votre critique.

En ce qui concerne les balises :
- Je vais corriger les target="_blank".
- Je corrigerai également les img sans alt et mal refermées.
- Je ne savais pas non plus pour les retours charriots. Est-ce vraiment utile de passer par le css pour de simples paragraphes ? Si vous me le dites, je me doute qu'il y a une bonne raison, mais j'aimerai la connaître.
- Je me permets en revanche de défendre l'utilisation de tableaux, et j'aimerai par ailleurs qu'on en discute. J'ai choisi d'en utiliser pour plusieurs raisons :
1. Tout d'abord, ceux-ci permettent de rétrécir la page sans que le contenu ne dépasse du tableau. Si le contenu est imposant, le tableau s'agrandira pour le contenir. Si j'utilise un div, le contenu peut dépasser... Vous allez me dire qu'il m'est possible d'utiliser un min-width sur mon div pour ne pas que le contenu dépasse. Le problème, c'est que si je mets un min-width (qui de plus ne fonctionne pas sous ie6) de 600px par exemple et qu'un membre intègre une image de 800px, ça dépassera quand même. Le tableau a un bel avantage sur ce point : son min-width s'adapte à son contenu...
2. Je ne parviens à faire un corps avec une bordure extensible valide tout navigateur qu'avec un tableau. J'ai regardé une grande quantité d'astuces mais seule celle-ci fonctionne parfaitement.
3. Il ne rendent (AMHA) pas la modification des designs plus difficiles. Il est relativement simple de modifier les designs créés.
Il est tout à fait possible que j'ai tord sur certains points, et je vous prie de me le faire remarquer. Si je peux arriver au même résultat avec des div, je me ferai un plaisir de changer, mais je n'ai pas trouvé d'autre solution.

En ce qui concerne les designs proposés :
Les designs à thème ne peuvent en effet pas trop être utilisés...
C'est juste pour donner des exemples de ce qu'il est possible de réaliser, mais je les enlèverai quand ma banque de designs sera un peu plus fournie.

J'aimerai à présent aborder la question du design du site.
Vous dites : "le design est déjà vraiment juste".
Qu'est-ce que vous n'aimez pas ? Pourriez-vous me donner quelques conseils pour l'améliorer ?
Je dois ajouter de la couleur ? Éclaircir un peu le header ?

Pour finir, j'aimerai avoir votre avis sur la création des designs.
Trouvez-vous qu'il est facile d'utiliser le générateur, que la qualité (sans parler du code) des designs est bonne ?

En tout cas, merci beaucoup pour votre remarque qui me sera d'une grande aide.
Bonne soirée !
Modifié par Reywas (04 Jun 2010 - 21:50)

Au sujet de ton problème de dépassement, je t'invite à lire ce tuto encore aussi chaud que des petits pains sortis du four : http://www.alsacreations.com/tuto/lire/1038-gerer-debordement-contenu-css.html

Quant à IE6 pour les images trop grosses, il reste toujours le recours au javascript, en mettant ce script entre commentaires conditionnels.

Mais demande-moi pas comment le faire en JS, je suis illettrée dans ce domaine.

Merci, je m'en servirai probablement !

J'ai besoin de votre avis sur de nombreux points :

1. Je tente depuis le début de me passer de Javascript, quitte à ne pas avoir des résultats parfais pour ie6, dans le but d'utiliser un minimum de langage différents et pour plus de simplicité dans le code. Il est préférable que je continue sans ou pas ?

2. Dois-je continuer à m'occuper un minimum d'ie6 ?

3. Je suis en train d'essayer de me passer de tableaux. Je ne trouve cependant aucune solution alternative... La seule autre solution que j'ai trouvé pour faire des bordures extensibles en hauteur et en largeur, c'est celle d'alsacréation, mais ça bloque sur un point : Les bords se répètent jusqu'en dessous des coins, or mes coins ont une partie transparente. Je vois donc des morceaux de bord sous les coins...
Pourriez-vous me lister toutes les solutions de bordures extensibles que vous connaissez, et m'aider à en réaliser une qui fonctionne ? (sans tableau...)

4. Est-il vraiment nécessaire que les designs générés soient extensibles ? (Dans la cas contraire, ça simplifierait pas mal l'histoire de bordure... ^^) Si je mets une taille fixe à 1000px, ça sera bien aussi ?

5. J'aimerai faire quelque chose de plus interactif. Sur la version actuelle, il faut recharger la page à chaque fois. J'aimerai faire quelque chose qui change "en direct" sans avoir à valider à chaque fois. De quel langage je dois me servir ? Pensez-vous que ça puisse apporter quelque chose ou au contraire, ça serait moins bien ? C'est supporté par tous les navigateurs ?

SVP : Mettez le numéro de la question à laquelle vous répondez, ce sera plus simple !

Voilà !
Je compte vraiment sur vos réponses, qui pourront me faire bien avancer ! ^^
Bonne soirée à tous, et encore merci pour votre participation !

Bonjour,

1. JavaScript n'est pas le diable, caybon mangézan ! JS est un standard comme HTML et CSS se serait dommage de s'en priver "pour réduire le nombre de langages utilisés" (c'est totalement bidon comme argument, d'ailleurs).

2. Tout dépends de tes stats, mais si elles sont alignées avec celles d'europe (~5% d'utilisateurs) alors oui. Tant que ton % d'utilisateurs sous IE6 n'est pas en dessous d'1%, c'est mieux.

4. Oui et non, ça dépends de toi. Une taille fixe c'est bien aussi, mais attention aux mini PC (qui ont en général une résolution de 1024) et aux mobiles.

5. De JavaScript ou plutôt d'AJAX.

Merci d'avoir répondu !

Si je voulais "réduire le nombre de langages", c'était pour éviter aux utilisateurs d'avoir à comprendre aussi le JS en plus du html et du css...

Je cherche toujours pour ma bordure ! Si quelqu'un a une idée !

Hum quand l'utilisateur moyen va sur Facebook, il s'en fiche un peu des langages utilisés, pas de raison que ça soit différent sur ton site, si quelqu'un par curiosité veut regarder le code source, au pire il vera du JS et si il veut comprendre il apprendra, mais c'est pas parce qu'il est succeptible de ne pas le comprendre qu'il faut s'en passer !

Je me suis mal expliqué. ^^
Quand je parlais des utilisateurs, je pensais pas à ceux qui ne font que visiter, mais ceux qui utilisent mon site et qui s'en servent pour créer leur propre design.
Or, s'ils veulent personnaliser un minimum le design qu'ils ont créé avec mon site, va falloir qu'ils passent par le code source, et donc qu'ils le comprennent.
Si il y a aussi du JS dans ce code source, ils auront plus de mal à le personnaliser.
C'est plus clair ? (De toute façon, ça n'a pas grande importance, j'ai pris la décision d'en utiliser...)

Salut.

Pour tes bordures, j'ai déjà fait un cadre style Aero (donc avec transparence) sans tableaux pour aider un graphiste qui voulait faire un style Vista pour phpBB3. Je te donne donc le lien du tuto que j'ai écrit justement pour aider ce graphiste à terminer son style : http://forums.phpbb-fr.com/tutoriaux-phpbb/sujet155267.html

tu n'as donc qu'à l'adapter à ton contexte.

Super ton code !
Si ça continue à fonctionner aussi bien, tu vas devenir mon dieu ! ^^
Modifié par Reywas (15 Jun 2010 - 16:35)

Reywas a écrit :
Super ton code !
Si ça continue à fonctionner aussi bien, tu vas devenir mon dieu ! ^^

...ou déesse plutôt !

Ouuuh, toutes mes excuses ! ^^

En tout cas, jusque là, ça marche niquel !
J'ai réussi à évacuer tous les tableaux, les designs s'affichent bien sous ie6, ie7, ie8, chrome et firefox, et ça m'a même permis de rajouter des options.

Je vais pouvoir commencer la nouvelle version plus interactive en JS !

Ca avance bien !

Mes 13 models qui me servent de bases pour le générateur sont enfin terminés, ils sont construits sans tableau, s'affichent bien sous tous les navigateurs dont ie6, et sont valides w3c.

J'ai également bien avancé l'interface en JS.
L'interface actuelle intégrée dans le design sera remplacée par une fenêtre en JS qu'il est possible de bouger à la souris (ou réduire) dans laquelle se trouvent les options.

Je vais devoir m'attaquer à présent au générateur lui-même, ça va être galère mais je ne suis pas en terrain inconnu...

Le générateur est à 90% terminé !
Je dois à présent m'occuper du design, des tutos, etc.
La sortie de la nouvelle version devrait avoir lieu début septembre, juste avant ma rentrée.

Bonjour,

j'ai regardé vite fait ton site et il y a un truc qui m'a gêné.

Sur ta page d'accueil tu as un paragraphe qui présente ton site. Je ne me suis pas amusé à le lire, trop petit et pas vraiment aéré mais j'ai tout de suite compris le but de ton site grâce aux grands titres.

J'ai cherché directement comment accéder à ton outil et ce n'est pas facile. Je te conseillerai de mettre un bouton "Créer un design" en plein milieu de la page d'accueil parce qu'en haut à gauche ce n'est vraiment pas bien placé, on ne trouve pas facilement.

Bon courage

Ok !
Je prends en compte tes conseils pour la prochaine version.

J'aimerai savoir ce que vous pensez de mon futur design :



Agrandissez l'image pour avoir un aperçu correct.

La zone de texte au centre est trop large pour la lecture, il faut la limiter (pour moi, 600px (environ) c'est une bonne moyenne).

Je viens d'en terminer un deuxième qui est à mon goût beaucoup mieux que le précédent.



Mieux ou pas mieux ?

Oui, maintenant il faut voir la version intégrée.