Hace unos días que he empezado a diseñar mi propio theme de Drupal. Nada complicado, algo sencillo y muy parecido al actual, pero mío.
El caso es que hablando con Pedrito (mejor dicho, pidiéndole ayuda por un modulo) ha salido el tema de las tablas.
Y es porque el theme que estoy haciendo tiene una parte maquetada con tablas. En total son solo 2 o 3 tablas, pero tiene.
Ante esto, la respuesta fue: "Arg! son tablas! mis ojoooos!", mas o menos.
Derivando la conversa en algo mas serio y practico (no toqué las tablas), me quedé con el gusanito...
"Vale, las tablas no están bien vistas... pero.... ¿porque?"
He estado mirando por Internet, y no he encontrado nada claro.... en todos sitios dicen lo mismo, y @jrosell lo ha resumido la mar de bien:
Por que no se separa el aspecto del contenido en la presentación. HTML para el contenido y CSS para el aspecto
En base a esto, muchos dicen que es más difícil de mantener porque has de tocar el HTML, mientras que de otra manera solo tienes que tocar el CSS.
Por lo tanto, mantener una web es más complicado, ya que tendrías que tocar todos los HTML de la web en lugar de un solo CSS.
Mi opinión es que eso son cuentos, y que ni los propios expertos tiene un porque de las tablas. Simplemente, los DIV y SPAN son 2.0 y las tablas son 1.0, y como estamos en la web 2.0, pues a la hoguera todos aquellos que usen cosas arcaicas....
Cierto, pero eso lo hago aunque no use CSS. Para algo están los temas.
Claro, los DIV y SPAN aparecen por acto divino en el HTML, y las propiedades del TABLE no las pongo en el CSS,
porque como soy [masoca/tonto/inutil/etc...].
Si, ¿y?
¿Y como me lo monto si quiero un diseño web tabulado? Los DIV hacen lo que les da la gana y la compatibilidad con los navegadores es peor.
Pero me permiten un diseño que es imposible (o muy dificil) de otro modo.
No quiero decir con esto que lo ideal es usar tablas, o que los div son inutiles. Es cierto que mantener un modelo con tablas es algo mas complejo que con div (pero tampoco es para tirarse de los pelos), y que sin estas se pueden hacer autenticas joyas.
Simplemente quiero proponer a todo el lea esto una simple pregunta, y no quiero respuestas como las anteriores.
El "es así y punto" no me vale. Quiero una respuesta con cara y ojos:
¿Por que no usar tablas en la maquetación web?
Reto a todos los que se atrevan, y especialmente a los talibanes del diseño y maquetación web, igual que si fuera un meme, a que me respondan con argumentos el porque tendría que eliminar las tablas.
De momento, lo mejor que he oido al respecto, es: " [...] hasta que no se cargo toda la informacion dentro de una celda, no se imprime en pantalla nada de esto [...]" (cita) y es del año 2005.
Y todo esto, desde el punto de vista del neófito neandertal que soy en este tema.
Ale! a ver quien tiene webs!
Por que google esta
Por que google esta eliminando las tablas de sus diseños ;)
Pero mis diseños no se
Pero mis diseños no se parecen en nada a los de Google... ¿porque tengo que imitarles? Yo tengo personalidad propia.
El codigo de una pagina web
El codigo de una pagina web es un texto que los navegadores y crawlers leen de forma "semántica", no significa lo mismo un texto con un <em> que con un <strong> y un <h1> es mas importante que el <h6>, la etiqueta <table> indica datos tabulados.
Un diseño con tablas es más pesado (en bytes), más complicado de mantener porque produce mucho código "sucio" y es menos accesible.Aqui lo tienes muy bien explicado: http://www.hotdesign.com/seybold/everything.html ¿por que diseñar con tablas es estúpido?
¿las hay? pues claro, muchisimos diseños se basan todavia en tabla, pero la era moderna se aleja de esta vision radicalmente
Esa página es la que he
Esa página es la que he puesto mas arriba, pero en español. Y sinceramente, me parece que venden humo.
El ejemplo de tabla que ponen es totalmente absurdo y se resume en un "porque mola mas".
Mucha paja y poca chicha....
En cuanto a la semantica... ¿en que afecta?
Dudo mucho que las personas que lean un articulo se paren a mirar "huy, este ha puesto un <strong>, esta muy cabreado". Se fiajaran en si esta en negrita y listos, sin importarles un <strong>, <em> o <b>.
En el fondo, lo mas importante es mostrar la información correcta de manera correcta, ¿no?
Para la gente que vaya con
Para la gente que vaya con moviles o tenga problemas para leer (a eso se le llama accesibilidad) puedan leer sin nada aspecto, como si fuera un texto a imprimir.
Simple y llanamente porque es
Simple y llanamente porque es un código más limpio y los navegadores se están adaptando en torno a capas en vez de tablas(véase Safari, Firefox...) haciendo uso de comandos sólo aplicables a las capas.
Las tablas son origen y motivo de un malnacido y malcriado navegador como es Internet Explorer.
No entiendo la afirmación de
No entiendo la afirmación de que con xhtml+css no se pueden maquetar diseños al milímetro. Es completamente falso.
Es más, si algún aspecto del diseño no se puede llevar a cabo, por ejemplo, por romper el flujo de documento (entre otras cosas...) es problema del diseñador, no del maquetador.
Las diferencias entre navegadores se resuelven con un poco de crossbrowsing y si eres bueno codificando no deberías tener más que ligeros ajustes. Aquí también puede tener algo de culpa el diseñador en un momento dado, si se emociona y se olvida que está diseñando para web.
Diseñar para web no es lo mismo que diseñar logos, imagenes corporativas, carteles, etc.. y requiere mucho tiempo de práctica, así como conocimientos en otras áreas web: maquetación web, arquitectura de la información, usabilidad, etc....
En fin....
Me ha encantado lo de: - *
Me ha encantado lo de:
- * Mantienes separado el contenido del diseño
- Cierto, pero eso lo hago aunque no use CSS. Para algo están los temas.
Y lo de:
- Las tablas solo son para datos tabulados
- ¿Y como me lo monto si quiero un diseño web tabulado? Los DIV hacen lo que les da la gana y la compatibilidad con los navegadores es peor.
Si sabes maquetar, sabes maquetar, punto. Si no, te excusas en que hacen lo que les da la gana. Yo a diario monto 3 webs completamente distintas con diseño que si vieras te echarías a llorar de lo "fáciles" y poco tabulados que son.
Y aquí sigo.
El problema que me surge a mí
El problema que me surge a mí personalmente es que no logro maquetar un diseño complejo con CSS y le echo webos y tiro a tablas. Pero supongo que es problema mio que me falta experiencia en Maquetación CSS.
Recientemente eh terminado ésta página www.fuerteoffroad.com que eh maquetado con tablas, aun que ahora estoy trabajando en pasarla a CSS y de vez en cuando me hago la "picha un lio" pero se puede.
Yo sin duda el mayor problema que le veo a la maquetación CSS es la complejidad que conlleva el maquetar una web actual, en el sentido de que las tablas puedes manejarlas gráficamente con cualquier editor web (véase Dreamweaver) sin emargo los DIV no. Ese es el mayor de los problemas.
Yo sin duda y por ahora, hasta que la cosa no cambie más todabia, seguire ayudandome con la etiqueta table, aun que únicamente en el índice general siempre y cuando se me haga lo suficiente complicado como para desarrollarlo todo en xhtml, todas las demás secciones (hay que usar mucho include, que te hace la vida más fácil) en CSS.
Saludos
Ahora entiendo por que te
Ahora entiendo por que te cuesta maquetar en css xD. Usando dreamweaver poco maduraras. Ten webs y usa notepad++ a secas, sin mas, tan solo notepad++ y un navegador. Así es como se aprende, no de la forma sencilla qué un programa te dá (Por cierto, dreamweaver mete muchisimo código basura). Css es de lo más sencillo tan solo necesitas conocer sus etiquetas y su sintaxis, claro que se puede complicar, pero si quieres ganarte la vida como diseñador/maquetador/programador o empiezas desde 0 con buena base y tan solo un editor de texto o dreamweaver te mal criara xd
muy buen aporte a los que no
muy buen aporte a los que no manejamos muy bien el tema, he probado lo que dices y me he sentido satisfecha, gracias por esta información
Curioso comentario de spam...
Curioso comentario de spam... pretende que parezca que se ha leido el post diciendo que lo ha puesto en practica, pero no es mas que un comentario standar traducido al español del tipico spam. En fin... que le vamos hacer... siempre se cuela algun spam :P
De momento, he borrado el enlace a la web, pero dejo el comentario, que me hace gracia XD
Enviar un comentario nuevo