[article] Petite comparaison entre les tableaux et les standards

Toujours en chantier permanent, plusieurs articles et tutoriels d'AlsacréationS reprennent régulièrement un coup de jeune. Un ancien article qui présentait concrètement les différences entre un "site en tableaux" et un "site en <div> (sic)" vient d'être entièrement rénové par un membre actif du forum, Sylvain.

La nouvelle mouture de l'article se nomme désormais "Petite comparaison entre les tableaux et les standards" et corrige d'emblée de nombreuses sources d'amalgames présentes dans l'article originel (on pouvait croire par exemple qu'il fallait remplacer systématiquement les tableaux par des div, ce qui est bien évidemment faux.)

Sylvain a choisi un exemple concret de site web (il a choisi mon site personnel, quel farceur !) et a comparé les deux méthodes de conception web : la méthode "ancienne" (tableaux, wysiwyg) et la méthode "moderne" (sémantique, css, séparation fond/forme).

Il fait la distinction entre les points de vue du concepteur et celui de l'utilisateur, en terme de poids de page, de lisibilité du code, de la facilité d'entretien, de l'accessibilité, etc.

Il conclut en prenant le recul nécessaire pour évoquer l'ensemble des inconvénients de cette méthode "moderne" et finit par cette tirade :

Bref, les avantages sont multiples pour tous, mais certains inconvénients pourront décourager le débutant, comme celui qui code en tableaux depuis bien longtemps. Comme la pratique d'un instrument de musique, d'un sport, ou d'un jeu célébral, coder en XHTML+CSS s'apprend, et si l'on prend son courage à deux mains, le jeu en vaut clairement la chandelle.

Merci à lui pour ce nouvel article dans la communauté AlsacréationS ;)

EDIT : mais pourquoi ce titre, et pourquoi ne pas choisir "méthode tableaux" contre "méthode CSS" ?

Il est vrai que le titre de l'article laisse supposer que faire un site en tableau n'est pas "standard". Par contre, je préfère éviter d'opposer deux choses qui n'ont rien à voir :

  • Les tableaux sont un élément HTML; les CSS sont... du CSS. Les deux langages ne peuvent pas être comparés
  • On peut styler les tableaux à l'aide de CSS
  • On peut aussi faire un site sans tableaux et sans CSS
  • etc.

Par Raphael GOETTER - jeudi 25 janvier 2007 à 18:06

Tutoriels Alsa - #330 - Lu 32619 fois - Intérêt du billet: 4.5(4) - Fil RSS

Trackbacks

Aucun trackback pour le moment.

Les trackbacks pour ce billet sont fermés.

Evaluez ce billet

Commentaires

Le jeudi 25 janvier 2007 à 20:54, par Sylvain :: site :: #

Bon, c'est quand qu'on parle de ma paie au fait ? :D

Le jeudi 25 janvier 2007 à 21:00, par Raphael :: site :: #

@Sylvain : tu parles de ça ?
forum.alsacreations.com/s...

:D

Le jeudi 25 janvier 2007 à 22:16, par TheRec :: #

Pour tenir le rôle de l'avocat du diable (non, quand même, c'est qu'une expression !) concernant
« "méthode tableaux" et "méthode CSS" » :

Parce que lorsqu'on utilise des tableaux on ne peut pas utiliser de CSS ? Il y a bien un souci de formulation...

Je pencherai plus pour quelque chose comme "mise en forme par tableaux" et "mise en forme sémantique" (ou encore "mise en forme selon les recommandations du W3C", mais c'est un peu lourd quand même ;))
Enfin pour ce que vaut mon avis à ce sujet, c'est vous qui tenez la ligne éditoriale.

Bonne continuation !

Le jeudi 25 janvier 2007 à 22:26, par Raphael :: site :: #

"Parce que lorsqu'on utilise des tableaux on ne peut pas utiliser de CSS ? "

-> Ben si, justement et c'est bien pour cela qu'on n'a *pas* choisi un titre comparant "méthode tableaux" et "méthode CSS" ;)

Le jeudi 25 janvier 2007 à 22:34, par TheRec :: #

J'ai mal lu la fin de l'article ;) Je vais donc aller me coucher... Pardon pour ce commentaire un somme toute inutile.

Le jeudi 25 janvier 2007 à 23:06, par chris :: site :: #

les résultats sont semblables. Je note tout de même les arrondis sur le cadre du bas dans la version dite "moderne".

Avez vous testé avec un petit écran (genre un pda) ? Je pense que la version "moderne" s'adapte mieux. En effet les colonnes des tables doivent s'afficher à l'horizontal, alors que vous pouvez placer les cadres comme vous le voulez (tantôt horizontalement, tantôt verticalement selon les besoins).

Le vendredi 26 janvier 2007 à 07:33, par Sylvain :: site :: #

>les résultats sont semblables.
C'est le but de reproduire le même site Internet, histoire de comparer ce qui est comparable.
En ce qui concerne les petits écrans, j'ai écris un article sur la capacité de la "méthode moderne" de s'adapter aux différents supports de l'information, notamment les téléphones mobiles (mais les PDA se glissent généralement soit dans cette catégorie, soit dans la catégorie d'un ordinateur a petit écran)

Le vendredi 26 janvier 2007 à 14:22, par Julien Royer :: site :: #

Très sympa ce tuto... Voilà un bon lien à donner aux sceptiques ou débutants. :-)

Ajouter un commentaire

Les commentaires pour ce billet sont fermés.