Les raisons pour ne pas créer de sites en tableaux

Citation : Auteur du topic

C'est absurde de dire ça, il faut coder en donnant un sens à notre page, c'est tout ce qu'il y a à dire. Les divs et les spans contrairement à ce qui est dit plus haut peuvent avoir un sens avec l'attribut title.

Oui, effectivement, quand j'ai écrit cet article, je n'étais pas encore très fort au niveau de la sémantique, j'en étais encore plus au niveau du tuto de m@téo.
Mais la, en le récrivant, je vais enter d'accorder un sens plus fort a la sémantique .

Ensuite, le tuto risque de mettre du temps a arriver, parce que j'ai 100 trucs a faire en ce moment, et je part bientôt jusqu'à la rentrée :-/ .

Bon je suis d'accord avec vous mais dans ce cas comment faites vous pour faires ca en CSS:
Code : HTML
Ca s'appelle un design entierement extensible tableauté

Comme ça : http://www.siteduzero.com/tuto-3-3202-1-des-bordures-personnalisees-pour-des-cadres-fixes-ou-extensibles.html#ss_part_2

J'avoue que les sites en tableau c'est pas génial

Bien sur, le css c'est pas tellement difficile... mais encore faut-il seulement savoir que ça existe

Ouais bon je sens que je vais me faire taper dessus ( )

Car le simple fait que l'on soit sur le site du zéro (et sur cette partie du forum ) implique que l'on sait un minimum que l'HTML existe... Je sais que ça a l'air tordu comme ça, mais quand j'ai commencé, je ne savais même pas que j'utilisais ce langage: Je me battais sans arrêt avec frontpage XD

Bien sur, la plupart des gens font des sites web parce qu'ils veulent un site web... Puis ils se demandent "comment ont fait un site web?" font une recherche sur google et hop! Ils trouvent un tuto et commencent à apprendre...

Mais faisons la jolie supposition (Non-non-non, je ne me base sur aucune expérience personnelle ) que vous vous êtes amusés à regarder plus profondément dans le dossier microsoft office, que vous ayez trouvé frontpage, avez fait joujou un peu avec... (croyez-le ou non, mais quand on ne sais pas vraiment ce qu'on fait, ça peut prendre plusieurs mois avant de découvrir... *suspense* qu'il y a un éditeur html dans frontpage!!! ...enfin bref...)

Donc, ce que je voulais dire, c'est qu'en fait: Oui, les tableaux c'est pratique pour les débutants. Qui est-ce qui va chercher un tuto sur le html quand il ne sait même pas qu'est-ce que c'est ?

Je sais que ce type de webmasters sont très rares, mais je tenais à donner mon avis

(- mon site est toujours codé en tableau, mais c'est que je fait partie de la minorité précédemment citée qui utilise la fonction enregistrer pour le web de photoshop... Il y a d'ailleurs un bout de temps que je pense à recommencer mon code mais ça c'est une autre histoire -)

oui comme ca sauf que là tu a un tuto entier moi je vient de te passer 5 lignes ...

Mais un tuto, c'est toujours plus clair.
En plus, je n'allais ni te donner un code sans t'expliquer ni t'expliquer quelque chose qui existe déjà sur ce site.

Oui mais faire un site avec des tableau ca reste bien pour les débutants ... C'est sur apres il vaut mieu s'amuser avec le CSS mais l' HTML est fait pour débuter (c'est le 1er langage qu'on apprend normalement) et donc il est bien que les tableaux existes et qu'on puisse faire une mise en page avec, parceque moi qu'en j'ai fini d'apprendre l'HTML (c'étais le 2 ou 3.0 ) j'ai eut envi directement de tester ce que j'avais appris or un site sans CSS et sans Tableau ... ca fait peur

Citation : Epsilon012

N'importe quoi. Tu as 10 fois plus facile de faire un design avec des div quand tu débute. Connaître les balises de tableaux, savoir écrire la structure complète, faire des fusions de cellules et de collonnes quand on débute, je dis chapeau. Évidemment si quand tu débutes tu fais ton tableau avec frontPage, c'est différent, mais en plein code, faire un tableau alors qu'on sait juste créer un lien, c'est de la folie

Alors que des divs c'est logique, comme le nom de la balise l'indique c'est une division du document...

Et le CSS est aussi bien plus logique qu'un tableau : tu as des tailles, des couleurs, des positions pour chaque division du document.

Bref je ne suis pas du tout d'accord avec ce que tu dis : perso je ne sais meme pas faire de design en tableau

Citation : iKs

Moi bien J'ai honte de le dire, mais j'en utilise encore bien quand je fais des zones d'administration (dont je suis le seul à avoir l'accès) Ca m'agace d'aligner mes inputs avec des floats.

Citation : Thunderseb
J'ai beaucoup de mal a faire un code sale pour mes exemples, j'en ai pas l'habitude, et comme je sais qu'utiliser NVU m'énerverais encore plus...
Enfin, ca m'apprend es trucs comme ca, même si ils me servirons pas à grand-chose .

ThS :

Code : CSS

OMG I'm a PGM du CSS !1!!!11!1

Pfoulala, pas le temps de l'écrire ce tuto en ce moment, désolé, on devra se contenter de mon post pour le moment .

Citation : Thunderseb

Pareil c'est tellement plus simple avec l'auto alignement des champs.
Mais bon dans ces cas la je trouve que c'est bien plus pratique un tableau car bidouiller avec du float css c'est assez moyen...

Je crois simplement que tout ce qu'il suffit de dire c'est que les tableaux sont réservés au données tabulaires soit des listes d'informations.

Après est-ce que faire un topic pour parler d'une chose sur laquelle il n'y a pas à débattre puisque c'est comme ça et pas autrement est utile.

Salutations à tous

Ben écoute à une époque j'étais assez actif sur le forum HTML, et je me suis retrouvé plusieurs fois confronté au problème des tableaux, mais l'explication de base n'a pas toujours suffit.
J'ai donc décidé de créer ce topic pour "centraliser" les explications sur l'utilisation des tableaux.

Ce n'est qu'aujourd'hui que je vois ce topien Étant moi-même handicapée visuelle qui est appelée à perdre la vue plus tard, je vous encourage tous à penser accessibilité en codant votre site.

Et pour ceux qui disent coder en tableaux parce que c'est plus facile et qu'ils ont la flemme de recoder : Dites-vous bien que si vous vous y prenez correctement dès la première fois, vous n'aurez pas à tout recoder au complet par la suite

Perso, je n'avais jamais créé de site Web avant de venir ici puisque j'étais surtout "forums" et à l'époque, j'étais sur forumactif où il n'était pas encore possible d'éditer les templates (ça l'est maintenant, moyennant des points).

Quand je suis arrivée, je connaissais un peu HTML, mais surtout pour la mise en forme dans les messages d'accueil des forums ou dans les modules de portail, mais j'avais déjà une base en CSS.

J'avais d'abord tenté de créer une page sous Word, mais ma tentative n'était pas concluente, donc je suis venue ici pour suivre les cours.

La première version de mon site (alors que j'utilisais le module HTML de FA) n'était pas 100% conforme vu que je débutais, mais je ne sais pas si je peux considérer que je faisais de la divite si je divisais mon menu latéral en div où dans chacun, je mettais le titre de la catégorie (avec un h3) et les liens (avec une liste), et c'est d'ailleurs encore le cas avec la version actuelle qui est maintenant en PHP et hébergé sur un FTP et dont le lien est dans mon profil.

Pour le header, je n'avais jamais pensé à utiliser un h1 au lieu d'un div, car j'utilise une bannière où le titre est inclus et dont l'image est définie en fond.
De plus, j'ai dû attribuer l'id du menu horizontal au div au lieu du la balise de liste parce que je n'arrivais pas à faire marcher les propriétés en l'attribuant directement à la balise de liste.

Pour les tableaux, je les ai utilisés surtout pour mes listes d'informations (ex : classement des sites analysés, liste des hébergeurs, etc.), mais j'avoue que j'ai déjà dû utiliser un tableau pour le centrage d'un groupe d'images parce que je n'avais pas le tour sans. Je l'ai retiré récemment quand j'ai fait un nettoyage du CSS.

Bien que j'ai eu ces difficultés, j'ai fini par pouvoir rendre mon site valide et utiliser une deuxième feuille pour IE7.

Parlant de tuto, j'en ai fait un que j'ai soumis à la validation pour connaître les erreurs à corriger, et parmi les points qui m'ont été soulevés, ça fait drôle de trouver ces deux points-là en même temps :
Citation

Le tuto en question portait sur un menu dont les textes visibles étaient "intégrés" aux images (dans le même genre que la bannière ici) et que les textes associés sont cachés pour les navigateurs graphiques.

Bon là je pense que c'est tout, je sais pas si j'ai oublié des affaires mais il est déjà 3:37 du matin chez nous *baille*

bonjour
c'est vrai que quand on débute, juste par curiosité on va aussi voir le codage de quelque site, et il y en a pas mal qui sont codé en tableau (des site important meme... ).
Pourtant quand on s'y met (a coder son disign sans utiliser les tableaux) on voit bien (et en insistant dessus) que cela parait certes compliquer mais comme le dit shimaru Chiaki que l'accessibilité est importante et que cela rend la conception beaucoup plus souple que celle avec les tableaux.(

(Ps : cela dit, les tableaux gardent leur utilité pour classer des données.....)

Ishimaru Chiaki => ton point de vue est intéressant . Quand on regarde ton site on voit un code source plutôt propre mais avec bien trop de div à mon gout. Il ne faut pas oublier la sémantique et l'optimisation.

iduitis966 => Et oui, beaucoup d'entreprises confient la conception et la gestion de leur site à des développeurs très "indudtriels" qui compte sur le résultat final à l'écran et la rapidité de développement plutôt que sur la propreté, la sémantique, l'accessibilité et le respect des standards .
Et pour ton PS, je te signale que si tu as bien lu mon message, je le signale le plus clairement possible .

nicknick63 -> Il ne t'a pas critiqué, il a simplement dit que les tableaux sont utiles.

Sinon moi ça me parais plus chiant de coder en tableaux qu'en div. J'ai déjà du mal à coder des tableaux pour y classer des données alors faire tout un design avec hem... Voilà quoi .

j'ai toujours codé avec des divs mais là il faut que je travaille plus l'accessibilité malgrès ça, car div ne veux pas forcément dire accessible.

Je suis d'accord avec toi, je trouve que coder avec des tableaux est bien plus dur et brouillon ^^.
Et la divite est vraiment une maladie très répandue chez les débutants, mais je trouve qu'on change assez rapidement et facilement d'habitudes sur ce plan là.

Citation : nicknick63

Ça je compte bien retravailler sur la structure dès que j'aurai du temps pour refaire le design, puisque la dernière fois que j'ai touché à la structure, c'était l'ajout d'un menu horizontal et l'utilisation des includes pour les menus, le haut et le bas, surtout que j'avais eu peu de temps avec le déménagement du site+forum de forumactif vers un FTP sur servhome. Depuis le déménagement, j'ai surtout eu le temps de travailler le CSS du design actuel et c'est tout.

Là en ce moment, je suis en train de travailler sur la structure d'un site pour un ami qui est moins doué en xhtml. Pour le moment j'ai juste fait la structure, et j'ai mis un petit coup de CSS pour que les délimitations des blocks soient visibles pour la démonstration, et pour corriger les différences de marges entre FF et IE7.
http://youwontfindme.editboard.com/page-pour-tristou-h5.htm

On sera deux à travailler sur le design.

Bonjour, voici un article qui rappelle bien cette opinion (CSS meilleurs tableaux pour le webdesign) : http://www.chromaticsites.com/web-desi [...] ebsite-design

"13 raisons pour lesquels les CSS sont supérieures aux tableaux en conception de site Web"

C'est en anglais, mais très bien écrit, et développé (pas juste une liste de points non argumenté).

Merci je vais lire ça .

Et sinon pour le tuto j'ai pas trop le temps de le faire seul, mais si quelqu'un veut m'aider, pas de problèmes, j'ai même commencé.

Perso je suis debutant, tout frais d'hier, et avec les divs m'ont posé pas mal de problèmes xs.

Finalement le tableau j'ai trouvé ça hyper pratique pour regler les problèmes de passage à la ligne, mais je mets des <divs> organisés sur un Css dans mes cellules. lol

C'est grave ? D;

Lol mon premier "site" (ah bon, t'es sûr ? ) a consisté en essayer de caler 3 images et du texte à coups de &nbsp; (j'avais choisi "expérimentation informatique" comme sujet ). A un moment, un animateur est venu et m'a expliqué comment utiliser les tableaux. J'ai trop ramé avec le placement un peu "spécial" (surtout quand tu bosses avec Bloc Notes ) des colonnes et cellules.
Code : HTML
J'ai "appris" à l'époque du HTML, en ne respectant pas les standards, et pour cause, je ne les connaissais pas.
Puis, quelques années plus tard, j'ai cherché "apprendre à programmer" sur Google et je suis tombé sur un forum qui m'a dirigé vers le SdZ. J'ai commencé doucement par le XHTML et le CSS, puis le C, le PHP et le SQL, et enfin le C++.