28 de Octubre, 2006

Tablas o Divs. ¿O divs y tablas?

Si bien no son más de 50 los sitios web´s que diseñé, quiero contar mi experiencia con algunas cosas que me fueron sucediendo, que no son menos.

Durante más de 3 años, desde el año 2000 al 2003, he trabajado con tablas y tags font sin que me importe el código. Y justamente en esa época, lo importante de los diseños webs era que no sean muy extensos, no solamente por su contenido en imágenes sino también que el código no sea muy amplio.

Fueron apareciendo formas de simplificar, maneras de lograr lo mismo con la mitad del código, como así también modems más veloces, obligándonos a mejorar la presentación de los sitios. Ya no bastaba con utilizar bien los colores hexadecimales, había que agregar imágenes.

Y los sitios que hacía seguían siendo extensos, ya que no había otra forma de simplificar el código que buscando la manera de unir la mayor cantidad de “tags” y ubicando todo dentro de celdas, tratando de no extenderme en la utilización de las mismas.

Sinceramente, poco se del origen de CSS. Probablemente haya existido mucho antes que yo empiece a trabajar como diseñador web. Pero, para ser sincero, lo que yo hacía no era diseño web, eran páginas webs con links, nada más que eso.

Porque no es lo mismo un diseño web que funciona según los estándares, que un sitio que simplemente muestra cosas sin importar como lo hace.

Hace más o menos unos 2 años, comencé a ver de que trataba CSS, y como utilizarlo de la mejor manera posible, para poder realizar sitios que no solamente sean rápidos de cargar sino también fáciles de modificar una vez programados.

Y buscando en varios sitios me encuentro con los divs.

Los divs tienen la grandísima ventaja de poder hacer con ellos lo que queramos dentro de la “maqueta” o layout del html.

Este layout, puede tener en un principio una columna a la izquierda de color verde y otra a la derecha de color rojo. En caso de querer cambiar este orden o cualquier cosa dentro de las mismas (no referido al contenido sino al diseño de las mismas) lo podemos hacer en sólo segundos.

Esta es quizá la mayor ventaja que nos presentan los divs y la correcta manipulación del CSS.

Y quizá la desventaja, en un principio, es que no se puede lograr con cosas básicas que todos los navegadores nos muestren la información de la manera en que queremos que sea mostrada. Es por ello que es necesario aprender y saber siempre que es lo que queremos hacer. Una vez que nos familiarizamos por completo con el CSS, tenemos la ventaja de poder modificar todo un sitio con simplemente modificar el CSS, sin necesidad de tocar el HTML.

Pero la utilización de tablas no es algo que debe quedar obsoleto. Si para el diseño que estamos haciendo, luego de ser programado se van a cargar datos uno debajo del otro, la manera más sencilla, sin “arruinar” el diseño es tabulando dichos datos. Y los estándares entienden esto como una mejor manera de resolver un problema. Probablemente con divs se puede lograr lo mismo, pero si son muchos datos los que hay que cargar, es muy difícil controlarlos uno de otro.

Por eso es que no se debe hablar de divs y tablas como rivales, sino que se debe utilizar cada cosa para lo que sirve.

En un principio pensé, cuando aparecieron los divs, que las tablas había que eliminarlas, que no servirían más, cuando en realidad son necesarias en casos donde si o si los datos van tabulados.

Así mismo, se puede diseñar con tablas y CSS y lograr cosas muy buenas, pero no siempre nos dan la misma flexibilidad que los divs a la hora de cambiar el layout del html.

2 comentarios sobre “Tablas o Divs. ¿O divs y tablas?”

1. 29 de Noviembre, 2006 - 8:58 am  por: Groso_y_Humilde

   
   

   Para cuando un nuevo articulo o “tutorial” de divs y tablas?

2. 13 de Diciembre, 2006 - 5:39 am  por: Juan

   
   

   HTML viene equipado con una batería de opciones para darle estructura a los contenidos de una página web y CSS es justamente para controlar la presentación de todos y cada uno de esos elementos.

   Los elementos div y span, en conjunto con los atributos id y class, ofrecen un mecanismo genérico para agregar estructura a los documentos (sacado de la especificación HTML 4.01).

   Las tablas son para tabular datos, las listas para ordenarlos, para representar párrafos, etc. El elemento div lo que permite hacer es justmente definir un bloque dentro del cuerpo de la página web para aplicar los estilos necesarios al contenido de ese bloque tanto individual (id) como conjuntamente (class).

   Agrupando los contenidos en este tipo de bloques nos permite controlar eficazmente la presentación de la página. Pero no hay que confundirse, div no estructura los contenidos, no le da más importancia a un texto específico, sino que se utiliza para definir su presentación posteriormente mediante el uso de CSS.

   Para estructurar los contenidos de un documento usamos HTML, para presentarlo CSS y me atrevería a decir que div es justamente un mecanismo que actua com puente entre estos dos.

   Mi granito de arena