Site de voyage : www.instantanesdumonde.com

Bonsoir

je propose mon site à la critique. Il est passé au validateur. dans les voyages, il n'y a pour l'instant que le costa rica.

Mon souhait était de faire un carnet de route pour aider l'internaute, avec que des choses perso : textes, photos c'est sur mais la carte réalisée par mes soins (ce fut long d'ailleurs). Le désign, pas forcément inovant, est quand même le fruit de ma réalisation.
www.instantanesdumonde.com

Merci à vous

Hélly
Modifié par helly (01 Aug 2007 - 21:01)

Salut

Original bien que très carré ...
C'est clair et lisible, par contre l'utilisation de <table> est pas top au niveau de l'ergonomie (et donc de l'accessibilité) surtout que le tableau ici ne sert à rien

 <table>
             <tr>
       <td><h3>Bienvenue</h3>
       <p>Ce site internet propose <br />
       Nous tenterons de </p> 
       <p>Bonne visite.  </p></td> 
       <td><img src="images/paris.gif" alt="Nous deux" /> </td>
             </tr>
       </table>

Ce qui m'étonne c'est que ça passe la validation OCAWA avec un tableau pour la mise en page

Gunner4902 a écrit :
Ce qui m'étonne c'est que ça passe la validation OCAWA avec un tableau pour la mise en page

Un tableau de mise en forme n'est pas fatalement inaccessible. Seuls les tableaux complexes et inutilement imbriqués, non-linéaires, et mal conçus sont une entrave à l'accessibilité.

A ses débuts, la section WAI du W3C était conçue via... un tableau de mise en page !

Arrêtons donc de sataniser ces tableaux de mise en page.

Raphael a écrit :
Un tableau de mise en forme n'est pas fatalement inaccessible. Seuls les tableaux complexes et inutilement imbriqués, non-linéaires, et mal conçus sont une entrave à l'accessibilité.

4- Un tableau de mise en forme n'est pas fatalement dépourvu de sémantique. Le remplacer uniquement par des éléments neutres tels que <div> et <span> est bien plus absurde.

Pas d'accord ... le tableau à son origine n'est destiné qu'à présenter des données (tableau d'amortissement par exemple) il n'est en aucun cas fait pour la mise en page.

Mettre des <div> (bloc) est donc bien moins absurde que de détourner une balise de son rôle premier ...

En attendant sur la page du site sus-cité, le tableau ne sert à rien du tout et gagnerai à être remplacé par des éléments hierarchisés

<h3>Bienvenue</h3>
       <p>Ce site internet propose </p>
       <p>Nous tenterons de </p> 
       <p>Bonne visite.  Fabienne et Olivier.</p>
       <img src="images/parisnous.gif" alt="Nous deux" id="image" /> 

et de définir le positionnement de id=image dans le CSS
#image {...}

Proner la mise en page avec des tableaux va quand même à l'encontre de ton précédent billet : http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Construire-un-site-sans-tableaux
où tu écris toi-même :

Raphael a écrit :
Un tableau est conçu initialement pour afficher des données... tabulaires (un forum, un calendrier, des résultats par exemple) et non pour faire la présentation de sa page.

Modifié par Gunner4902 (02 Aug 2007 - 13:09)

Gunner4902 a écrit :
Proner la mise en page en CSS va quand même à l'encontre de ton précédent billet :

Je suppose que tu voulais dire "la mise en page en tableaux".

Raphaël ne "prône" pas la mise en page en tableaux, il dit qu'il ne faut pas la dénigrer systématiquement. C'est différent, non ?

Gunner4902 a écrit :
Pas d'accord ... le tableau à son origine n'est destiné qu'à présenter des données (tableau d'amortissement par exemple) il n'est en aucun cas fait pour la mise en page.

Mettre des <div> (bloc) est donc bien moins absurde que de détourner une balise de son rôle premier ...

Ce coup-ci, c'est moi qui ne suis pas d'accord avec toi :
l'utilisation d'un tableau d'un seul niveau clair et bien construit sera toujours préférable et plus accessible qu'une pléthorde de <div> imbriqués les uns dans les autres...

Bon,jour à vous

+1... Ce qui me gêne un peu plus c'est qu'apparemment tu aurais des titres de niveau 3 alors qu'il n'y aurait pas de titre de niveau 1 et 2

Pas bien ça
Modifié par dominique (02 Aug 2007 - 11:01)

Salut

je suis prêt à corriger des trucs bien sur. En fait, vu mes connaissances actuelles, je pense être dans le bon mais je ne sais pas tout. Donc, s'il y a des trucs à changer en me disant comment remplacer... car j'aimerais que mon site respecte les chartes !

Hélly

J'ai corrigé, je voulais bien entendu parler de mise en page en tableaux et non CSS

Cygnus a écrit :

Ce coup-ci, c'est moi qui ne suis pas d'accord avec toi :
l'utilisation d'un tableau d'un seul niveau clair et bien construit sera toujours préférable et plus accessible qu'une pléthorde de <div> imbriqués les uns dans les autres...

Mais je ne parle pas d'une pléthore ... dans le cas présent, puisque les Div dont déjà présents, le tableau ne sert à rien ...
si l'on utilise les tableaux, alors il faudrait revoir à mettre le fond vert dans un seul tableau celà éviterait de mettre 2 div + 1 tableau ... mais qu'un site en XHTML strict utilise des tableaux dans un autre but que celui originel n'est pas top du tout, à ce moment là, autant déclarer en transitionnel ...

Et je maintien qu'un tableau n'est pas fait pour faire de la mise en page ... mais pour présenter des données, or ce n'est pas le cas ici ... Maintenant libre à chacun de contourner cette règle ... celà à bien été fait pendant une bonne décennie ...
Modifié par Gunner4902 (02 Aug 2007 - 13:19)

Et sinon, le reste du site ?

Hélly

Sobre et sympa, j'aime bien la présentation des photos.
Sur la page du Costa Rica, j'ai été surpris de voir le très peu répandu border-top sur les mots "préambule" et "le carnet de voyage" ... j'ai cru au départ que c'était l'emplacement d'une image ne s'affichant pas.