[RESOLU] Avis sur mon site

[Nicochondind]

Bonjour à tous !

Bon j'ai conscience d'avoir un niveau tres tres loin de la perfection niveau construction

de site ! (surtout niveau design ) mais tout de même, je vous demanderai

votre avis sur celui-ci ( il n'est encore pas du tout terminé ) : http://lesiteop.c.la

Merci de vos commentaires, et surtout DE VOS CONSEILS POUR L AMELIORER !!

[Sentinel]

Hello

Bon, pour le moment le site est vide, mais je vois déjà des gros points noirs :

- framesets (mais c'est à cause de la redirection en .c.la);

- image de fond énorme, moche (désolé ) et "tilée";

- liens qui changent de taille quand on les survole (certains se retrouvent sur deux lignes, ce qui fait que la souris n'est plus dessus, ça fait sauter l'affichage et il est impossible de cliquer);

- des <table> pour la mise en page : utilise des <div> à la place;

- aucune recherche stylistique pour le texte (police par défaut, et trop grosse);

- du flash qui ne sert à rien;

- des tailles fixées "en dur" dans le html;

- code source non indenté;

- inclusion d'un outil de stat en planquant leur logo, ce qui est interdit;

- site non valide : http://validator.w3.org/check?uri=http%3A%....fr%2Findex.php

Bref, je peux paraître un peu méchant, mais pour moi ce sont autant de points qui ne m'incitent pas à rester sur le site.

Le côté positif de l'affaire, c'est que tu as demandé conseil très tôt, donc il t'est encore facile de réparer tout ça :)

Bon courage, on sera toujours là pour t'aider !

[Captain Hadock]

J'ai fait le test, je me suis dit que je n'aillai pas l'accabler avec ça, mais bon, sentinel veille.

Pour des info sur la validité et les CSS, direction le site du Zér0, j'ai littéralement réappris l'(X)HTML et le CSS avec eux.

[Nicochondind]

D'abord merci de ta reponse

euh.. point par point :

- le frameset c'est vrai que j'avais pas trop le choix pour rediriger ( ca c'est pa trop grave )

- l'image en fond il est clair qu'il faut que j'essaye de changer ca en motif infini..

- les lien qui font tout sauter j'avais pas tester avec d'autre résolution que elle de mon ecran ( je vais modif )

- Pour les table.. j'ai fais tous le site en div mais c'est vrai que l'interieur de celles-ci est en table. je veillerai à modifier.

- euh... la police... c'est pas la police par defaut enfin j'avou pas tres recherché ( sylfaen )

- le flash LOL c'est vrai que je sais pas tro quoi faire pour rendre ce site vivant... !!! si vous avez des idées !!!

- taille fixée en dur ??? si je comprend bien.. tu dis que je n'utilise pas de css... pourtant si... ( à préciser stp )

- code source non indenté ==> clairement a modifier :-)

-

inclusion d'un outil de stat en planquant leur logo, ce qui est interdi

la par contre j'ai pas compri du tout !!!

je n'est utilisé aucun outil de stat dans mon site.. ( encore a preciser stp )

- et le non valide W3C je dois admettre que je m'en fout lol désolé pour les adepte du strictement valide

Merci de préciser les point ou je me pose des questions

Et merci aux autres d'intervenir aussi activement que l'a fait Sentinel

[Captain Hadock]

En fait pour le valid, c'est aussi dans un optique de :

_Être sur que cela s'affiche partout pareil.

_Que les personnes utilisant des logiciels facilitant la lecture de tes sites pour les handicapés puissent les utiliser sans problème (avec un maximum d'efficacité). Ce n'est pas du tout obligatoire comme tu le souligne, mais c'est déja ça....

Sinon moi j'aime bien le fond.

[Sentinel]

1. Pour les stats :

<!-- Cyberestat -->
<script language="javascript"><!--
CM_CLIENT = "tiscali";
CM_SECTION1 = "PagesPersoTiscali";
CM_RUBRIQUE = "general";
// --></script>
<script language="javascript" src="http://js.cybermonitor.com/tiscali.js"></script>
<noscript><img src="http://stat3.cybermonitor.com/tiscali_v?R=general&S=total;PagesPersoTiscali"></noscript>
<!-- /Cyberestat -->

Généralement, les conditions d'utilisation de ces outils de stat précisent que leur logo doit apparaître bien visiblement dans la page. Relis leur licence.

2. Pour les tailles en dur, je vois ça dans le source, entre autres :

<td width=415>

3. Pour la validité, tu ne devrais pas t'en moquer, surtout si tu utilises le doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Mets au moins le HTML4.01 Transitional à la place.

4. Pour l'image de fond, un truc flashy est à éviter, et les motifs de 1000+ pixels sont à proscrire absolument.

5. Pour rendre un site vivant, il suffit de mettre son contenu à jour régulièrement ! Et puis le design statique peut également être visuellement intéressant, sans que ça bouge de partout. Inspire-toi de sites qui te plaisent.

6. Evite absolument de fixer des hauteurs maximales à tes cadres, si tu utilises ensuite du PHP pour en générer le contenu, tu ne peux pas prévoir quelle taille ils auront.

7. Liens (google dessus) : siteduzero, w3schools, csszengarden

Voilà voilà :)

PS : Hello Captain Hadock :)

[Captain Hadock]

Hello.

Sinon pour répondre au sous titre du topic :

"Je sais pas trop si c'est la que je dois demander"

Si tu veux des conseils sur comment le coder (ou le mettre aux normes ) c'est ici.

Si c'est pour savoir comment on le trouve d'un point de vue design ou contenu, je ne pense pas.

Donc tu est au bon endroit pour suivre les conseil de sentinel.

[Nicochondind]

okok merci a vous deux

euh... pour les stats sentinel...

j'y avais jamais porté attention

comme je suis chez alice, ce truc "cybermonitor.stat machin" est intégré par defaut quant je vais voir la source

alors que ce code n'est pa du tout dans mes sources à moi ( j'ai rien tappé quoi ) je ne pense donc pas que je doivent

afficher un quelconque logo :-)

et ah oui en effet pour les taille en "dur" je viens juste de les rajouter y a 1heures pour insérer mon flash

je les mettrai dans mon css ( c'etais je crois les seules mesure de mon code, bien vu )

et pour finir, les hauteurs maximales ne sont pas fixées, elle s'agrandissent en fonction de la taille

du php que j' "include" dedans grace à ca :

 html>body.MG3 
{
height:auto;
min-height:408px;
}

ou alors si je ne precise pas cela, je n'introduit aucune hauteur par defaut

ps : du oup je me tatte pour mon image de fond lol

Merci encore beaucoup je vais essayer de modifier un peu tout ca

j' "uperai" quand y aura du neuf pour avoir de nouvelle idées

Tien ! et à propos ! la font : vous me conseillez quoi ?? qui passe sur tous les naviguateur et qui ne serait pas trop " basique " ????

[Sentinel]

Gaffe à tes CSS aussi, si tu utilises des sélecteurs CSS2, ça ne marchera pas chez 80% de tes visiteurs (mort à IE ) !

Pour les polices, méfie-toi aussi : tout le monde n'a pas Windows, et même parmi les windowsiens, tout le monde n'a pas les mêmes polices installées.

Généralement, on considère que Arial, Tahoma, Verdana, et quelques autres sont disponibles chez tout le monde. Pense aussi à rajouter une famille de polices en dernier choix (serif, sans-serif, etc)

Voir aussi ma réponse à ce post :

http://www.pcinpact.com/forum/index.php?showtopic=72877

[Nicochondind]

ok pour la compatibilité CSS pour IE, mais je fai refulierement mes test sur FF IE et opera

donc normalement j'ai pa trop trop de souci.

Cependant ... voila ! ces font sont tres moche !!! LOL

Mais bon... on va sacrifier un peu de style pour les compatibilité.

de plus je vai quand même esayer de rendre ma page la plus valide w3c possible

mais je sais tres bien que c'est inespéré !! lol

d'ailleur encore une question svp ( désolé )

le fait que du php soit présent dans mon index rend il d'office invalide ma page en w3c ???

[Sentinel]

Fausse question.

Le php est mouliné côté serveur, le client ne reçoit que du HTML !

[Nicochondind]

Fausse question.

Le php est mouliné côté serveur, le client ne reçoit que du HTML !

En effet hehe !

Ca y est j'ai utilisé mon jocker de la question stupide !

Faut que je fasse attention maintenant

[Captain Hadock]

Ceux qui ne posent pas de questions stupide font des création stupides.

On apprend des ses erreurs. Donc tu va apprendre un max. ============[ ]

"Contrairement à ce que mon ton laisse sous entendre, je suis très nul en XHTML et CSS et mes vieux sites ne sont pas du tout valids (honte sur moi)

[Nicochondind]

lol !! pas de probleme !

Bon ca fait une heure que j'essaye de rendre mon document valide !

et ca porte ses fruit ( je passe de 97 a 13 fautes)

cependant je suis un peu embeter... pour deux chose :

Error Line 39 column 245: element "embed" undefined.

<embed ......w.macromedia.com/go/getflashplayer" />

You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

* incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
* by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
* by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case.

et ca

Error  Line 43 column 58: there is no attribute "border".

...itle="Lien vers acceuil"><img border="0" alt="Logo" src="images/logo.gif"/>

Voila... comment y remedier ??

[Sentinel]

En changeant ton doctype, et en supprimant l'attribut "border", qui effectivement n'existe pas (remplace-le par du css)

[Nicochondind]

ok pour le border...

mais pour le <embed> ???

Tien ! Puisqu'on y est, va donc refaire un tour sur le site : http://nicochondind.chez-alice.fr

c'est du presque valide et l'image de font un peu ( comment tu disais ? ) ah oui !! Moche :-p a changée

[Captain Hadock]

embed à remplacer par object si c'est du flash çà marche si je ne m'abuse.(c'est peu être un poil plus compliqué)

[Nicochondind]

hmm...

J AIME PAS TROP BEAUCOUP CA ...

lolll

[Nicochondind]

Bon !!!

voila !!!

J'ai amélioré pas mal de chose que vous m'aviez invité à modifier

Je suis maintenant valide W3C strict 1.0 ce qui ma fois est une bonne nouvelle

de plus j'ai reglé le probleme du changement de taille sur les liens

la police est maintenant en arial ce qui rend ce site compatible sur un plus grand nombre d'explorateurs

le gros fond moche a lui aussi été remplacé par un motif infini

jai aussi reglé le probleme des fixation de hauteur " dur " dans le code html pour les mettre dans le CSS

Je vous laisse seuls jugent du nouveaux resultat !!

Soyez franc et précis

Merci de votre aide !

Et qui sait ? peut être que vous aurez l'envie d'y poster un article ou deux

[Captain Hadock]

Tu vois c'est pas si mal de se mettre aux normes, on en serait presque fier...

Et puis derrière il y a Sentinel

En tout cas, je trouve ça

EDIT : Si tu considère que tout a été dit, il y a quelque chose qui ferait très plaisir aux modos...

[Nicochondind]

EDIT : Si tu considère que tout a été dit, il y a quelque chose qui ferait très plaisir aux modos...

Bah disons que c'est pas résolu, vu que c'est pa parfait

mais bon ! t'as raison on va clore le sujet. apres c'est à moi de remplir et de paufiner

Merci beaucoup a vous ! Vous avez été super