Salut !

Les sites proposés ici devraient être construits selon les recommandations du W3C. Voir ici pour la validation.

Ce que je peux dire en vitesse :

1) Le page d'intro, à mon avis inutile.
2) Les images (photos) devraient avoir leur taille réelle, or ici elles sont plus petites (et déformées !) que le fichier original
3) A part dans le <title> de la page, le nom du site n'apparait pas (par exemple en text-indent négatif dans le div de ton "image titre")
4) Tu construis ta page avec des tableaux, et non avec des divs
5) Il n'y a pas de "alt" aux balises <img>
6) Certains liens s'ouvrent via javascript, pas très conseillé !
7) Ce n'est pas pour te décourager, mais je t'invite fortement à lire la FAQ pour comprendre comment construire un site qui se rapprochera au mieux des recommandations !
8) etc.

76) Le design est sympa, ça va bien pour une crèche !

Il y aurait sans doute encore plein de choses à dire (qui cloche au point de vue sémantique surtout. Je t'ai donné quelques pistes, à toi de voir si tu veux faire un site vraiment en ordre, ou pas Smiley cligne !

A plus,
swissboy
merci pour ton avis

Je viens de corriger les petits bug de recommandation W3C.

1) Pour la page d'intro comme je faisais des test sur serveur free et que les images m'étaient du temps à s'afficher je me suis dit que je ferais une première page avec les images cachées en pré-téléchargement. J'essayerais avec un autre hébergeur payant.

2) OK je vais refaire

3) par trop compris. Je dois cacher un texte (nom du site) derrière mon image header?

4)heu? pk pas lol Smiley langue

5) corrigé

6) ah pourtant bcp de site utilise du java

7) je vais essayer

8) au boulot ....

76) MErci Smiley cligne
Pas de quoi ! Smiley cligne
Je sais que c'est pas toujours facile et comme j'ai pas mal appris sur ce site avec l'aide de tous, j'estime que donner un coup de pouce à mon tour est normal. N'hésite vraiment pas à lire les FAQ, c'est bourré d'infos !

3) Lors du référencement d'un site par les robots, ces derniers regardent l'adresse du site, les metas, etc. Mais il ne faut pas négliger le contenu en lui-même (pas seulement pour le référencement, mais question d'accessibilité aussi. Imagine qu'on "désactive" ta feuille de style, ainsi que l'affiche des images, ton site sera-t-il toujours navigable ?).

Pourquoi donc ne faut-il pas négliger ce contenu ? Une bannière, un menu, des titres, etc. faits exclusivement avec des backgrounds appliqués aux div (voir point 4, les structures tableaux, ça craint) ne seront tout simplement pas visibles "textuellement" dans le code source (il n'est pas possible de mettre un texte alternatif à des backgrounds). Si on désactivait ton CSS et que tous ces éléments étaient en background, comme c'est souvent le cas, il n'y aurait alors plus de menu, plus de titres, etc.

D'où la combine du text-indent :

Dans le body

<div id="banniere">Les enfants d'abord</div>


Dans le CSS

#banniere {
        text-indent:-5000px;
        background-image:url(...);
        height...
        }


Si le CSS est activé, l'image s'affiche nickel, sinon, c'est le texte qui s'affiche ! Et ce texte est lu par les robots aussi ! C'est encore mieux si sémantiquement ça a un sens : un utilisant les balises existante : <h1> etc. pour la mise en forme du texte par exemple. Ainsi, même sans CSS, un titre h1 sera toujours plus important qu'un h2, etc. Et cela même si tu utilises des images jpg pour chaque titre.

4) Pourquoi pas -> voir ici

6) Si l'utilisateur désactive javascript (!= java), il ne se passera rien quand il cliquera sur un lien ! Javascript doit rester une aide, un confort (comme pour un contrôle de formulaire). Mais le contrôle du formulaire en lui même doit être en dur (entends par là que si le client désactive javascript, le formulaire doit quand même être contrôlé, via PHP par exemple)

A ton service !

swissboy

edit : encore une chose que je vois à l'instant (quand tu auras lu l'article en lien je pense que ce sera réglé Smiley cligne )

il ne faut pas mettre de mise en forme (align par exemple) directement dans le code HTML, mais uniquement dans le CSS, ainsi


<p align="center">Elle reçoit <strong class="style4">25 enfants</strong> en place multi-accueil   âgés de <strong class="style4">2  mois et demi jusqu’à l’entrée en école maternelle</strong></p>


devrait s'écrire
<p>Elle reçoit <strong>25 enfants</strong> en place multi-accueil   âgés de <strong>2  mois et demi jusqu’à l’entrée en école maternelle</strong></p>


et dans ton CSS :

#contenu p {
      text-align:center;
      }

#contenu strong {
      color:...;
      }

Modifié par swissboy (09 Jul 2008 - 20:54)
bon voila j'ai apporté quelques nouvelles corrections (il doit en avoir pleins d'autres notamment sur l'accessibilité -> intérêt du plan site que l'on retrouve sur de nombreux sites?)

Le site est presque fini manque "Nous situer"

Merci à toi Swissboy Smiley cligne
Modifié par lgm243 (18 Jul 2008 - 01:19)