2010-03-25 5 views
2

Quelle est la manière la plus optimisée de convertir le design de base de table en design de table moins? la mise en page doit être compatible avec les navigateurs croisés et SEO Friendly. Existe-t-il un outil/éditeur qui convertit la conception de base de table existante en table moins design?
Existe-t-il une option dans dreamweaver pour convertir le design en tableless?Outil permettant de convertir la conception de base de la table en conception de table moins

+1

Cela dépend de ce que vous essayez de faire. Maintenant, il semble que vous ayez une table 3x3, ce qui est préférable de le faire si vous ne faites que présenter des données tabulaires. –

+1

Vous ne devriez pas viser le webdesign sans tableur puisque les tableaux font leur travail de façon très efficace pour présenter des données tabulaires comme elles ont été inventées. Votre exemple html est passé d'une table 3 x 3 lignes à une table avec la même valeur de lignes et de colonnes mais avec des colspans ... cela ne modifie pas l'instruction ci-dessus tant que vous y présentez des données et ne l'utilisez pas pour créer une mise en page. – stefanglase

+0

si peut-être n'importe quel éditeur peut le faire automatiquement mais c'est la poubelle. parce que si vous écrivez manuellement, vous trouvez que la maquette était meilleure. –

Répondre

0

Il n'y a pas de bonne façon automatisée de le faire. Si vous avez bien balisé le contenu dans les tableaux de mise en forme, un développeur Web peut mettre en œuvre un design similaire en utilisant CSS pour la présentation et le contenu peut y être ajouté - mais c'est le meilleur que vous pouvez vraiment espérer.

+0

Accepté parce qu'aucune autre bonne réponse de cette question. – Brij

2

Pourquoi le feriez-vous?

Les tableaux doivent être utilisés pour présenter des données tabulaires. Dans ce cas, il n'est pas nécessaire d'utiliser un autre balisage. C'est très bien et respecte la spécification HTML. Toutefois, vous ne devez pas utiliser de tables pour marquer la mise en page de votre document. Dans ce cas, vous devez utiliser une combinaison d'en-têtes, de divs, de paragraphes, d'éléments de liste, etc., de style CSS.

Un grand livre sur ce sujet est "Bulletproof Web Design" par Dan Cederholm: http://simplebits.com/work/

+0

Cela dépend de la signification sémantique de votre contenu. Je peux jouer avec des divs et CSS mais ce ne sera pas parfait. Si vous êtes intéressé par un bon référencement, c'est important. Aussi, en parlant de SEO, jetez un oeil là-bas, ça ne fait pas mal: http://powazek.com/posts/2090 – Arko

1

Pourquoi le feriez-vous? - Arko

Réponse: Accessibilité.

Il est important que les développeurs Web en soient conscients.

L'accessibilité est la principale motivation pour utiliser des tables pour représenter des données tabulaires. Les tableaux ne servent pas à définir la position et la disposition du contenu. Les lecteurs d'écran interprètent les étiquettes de tableau comme des données tabulaires (c'est-à-dire, une feuille de calcul d'informations).

Plus d'informations:

  • Guide des droits des personnes handicapées lois: http://www.usdoj.gov/crt/ada/cguide.htm
  • article 504 de la Loi sur la réadaptation de 1973: www.section508.gov/index.cfm?FuseAction=Content & ID = 15
  • article 508 de la Loi sur la réadaptation de 1973: www.section508.gov
  • L'article 255 des télécommunications Act de 1996: www.fcc.gov/cgb/dro/section255.html
  • Les Americans with Disabilities Act 1990: www.ada.gov/pubs/ ada.htm
1

Si vous lisez ce qu'il a demandé, vous devriez comprendre qu'il parle de conception/mise en page et non de données tabulaires.

et l'instruction "Les tableaux doivent être utilisés pour présenter des données tabulaires, dans ce cas il n'est pas nécessaire d'utiliser un autre balisage." "Present" est un mot ambigu dans ce contexte. Utilisez les tableaux pour aligner les données par rapport au contexte. Comme lorsque vous avez quelque chose qui pourrait être fait dans une feuille de calcul. Vous ne devriez jamais utiliser des tableaux pour aligner une mise en page dans un site Web, une telle utilisation définit pré CSS/XHTML. (aka oldskool, dans le mauvais sens)

BTW, quand les gens disent "conception sans tablier", ils signifient presque toujours ... Un design qui a une mise en page définie avec CSS, au lieu de tables incorrectement utilisées.

Questions connexes