DIV y CSS vs Tablas. Maquetación web. Razones para utilización de DIVs y CSS

Hace algunos años era normal que la maquetación HTML de todos los sitios estuviera realizada utilizando la etiqueta table para dar forma al diseño, estructura de las diferentes secciones de un sitio web, etc... Desde hace unos años se viene utilizando en vez de esto la etiqueta div y apoyándose en estilos de archivos .css para dar cuerpo a la forma (layout) de un sitio web.

La discusión sobre cuál de las dos formas es mejor es un tema muy tratado ya en Internet, la práctica y la tendencia escogida por los principales proyectos web demuestra que lo mejor es la utilización de DIVs/CSS sobre las tablas.

Ahora bien, muchos webmasters deben dar una explicación a sus clientes sobre por qué escoger una forma u otra, incluso algunos webmasters siguen poniendo en duda las ventajas de una forma sobre otra. Adjuntamos dos enlaces sumamente útiles para hacer esta justificación:

http://css-discuss.incutio.com/?page=WhyCss

http://www.hotdesign.com/seybold/10filesize.html

El primer artículo describe en español básicamente los siguientes puntos, los cuales son contundentes en la justificación:

1. Editando un solo archivo CSS puede hacer cambios drásticos a un diseño completo en segundos.
2. CSS le permite tener un output en múltiples formatos de una forma muy sencilla
3. CSS le permite usar nombres para cada elemento de una página. Usted por ejemplo puede darle a un DIV el nombre de "Encabezado" que describe perfectamente el contenido de su HTML.
4. Los CSS externos se quedan almacenados en el cache de los navegadores por lo que se reduce el tiempo de descarga de un sitio web
5. CSS elimina código innecesario y obsoleto, por ejemplo la etiqueta font, gifs spacer, tablas encadenadas. Todo esto mejora el tiempo de carga y hace la vida del desarrollador más fácil
6. CSS permite hacer cosas más interesantes que el HTML por sí sólo no permite como un mejor control de los tipos de letra, posicionamiento absoluto, borders más elegantes, etc.
7. El buen uso de CSS mejora la accesibilidad y la lectura que tienen los motores de búsqueda sobre un sitio web.
8. El uso de :hover en CSS elimina el uso de Javascript para crear efectos de onmouseover.
9. Si quiere validación XHTML strict no le queda otro camino que usar este método.

¿Dónde encontrar recursos gráficos buenos para mi sitio web?

Encontramos esta serie de enlaces que queremos recomendar como buenas fuentes de recursos gráficos, especialmente para proyectos web.

Texture King
Free Background Tiles
Creamed Ice Graphics
Kaliber10000
Buttonland
Sub Dimension Studios
Pattern4u
Free Logo Templates

Esperamos que los enlaces les sean de mucha utilidad

¿Cuáles son algunos de los stock de fotos gratuitos más populares?

En muchos casos, los clientes de diseño web desean excelentes fotografías en su proyecto, sin embargo, no cuentan con este material fotográfico ni con los recursos para generar sus propias fotografías profesionales, algunos cuentan con los recursos para adquirir fotografías en stocks en los que se paga algún tipo de membresía o derechos sobre una fotografía específica.

El siguiente es un breve listado de algunos de los stock de fotografías gratuitos que han ido ganando popularidad.

OpenPhoto
morgueFile
Free Picture
Pixelio.de
Royalty free images
Bigfoto.com
FreeStockPhotos.com
FreeFoto.com
Freeimages.com

¿Dónde puedo descargar fonts de forma gratuita?

Queremos publicar un breve listado de algunos enlaces que han ido ganando popularidad entre los diseñadores de todo tipo para descargar diferentes fonts, la mayoría de ellos permiten descargar fuentes de forma gratuita, esperamos que los enlaces les sean de utilidad:

9800 Free Fonts
Best Free Fonts
DaFont.com
All-4-Free Fonts
1001FreeFonts

¿Cómo saber cómo se veía un sitio web hace algún tiempo?

The WayBackMachine es un excelente proyecto que nos permite "regresar en el tiempo" y ver el registro histórico de cómo se veía un sitio web en años anteriores. Realizamos una búsqueda de "intergraphicdesigns.com" en el proyecto por medio del sitio archive.org y pudimos ver el primer sitio que se puso al aire de nuestra empresa el 21 de julio de 2002.

Para cada sitio, el proyecto muestra una tabla de aquellas fechas a las que podemos "regresar" y así estudiar cómo se veía un sitio unos años atrás.

La herramienta almacena el código de una página web a través de la historia, no así todas sus imágenes, por lo que la reprducción de un sitio anterior no es perfecta. Sin embargo, el proyecto es una excelente herramienta para estudio y recuperación de información entre muchos otros usos que se le ha ido dando.