Maquetación de sitios web con CSS
Muchos diseñadores web siguen maquetando sitios con tablas, muchos porque les cuesta entender el concepto y por el fracaso continuo al intentar maquetar con CSS. Esta claro que las primeras experiencias con CSS son muy frustrantes, por lo menos en mi caso, pero una vez que entiendas lo básico vas a ver lo sencillo que resulta este tipo de maquetación.
Definición de CSS:
Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirá de estándar para los agentes de usuario o navegadores.
Por que CSS?
Algunos diseñadores utilizan tablas para la maquetación de sitios, pero estas no se crearon para maquetar un sitio web, sino para presentación de datos tabulares. Las tablas hicieron posible crear una grilla que permitió a los diseñadores organizar el contenido (textos, objetos e imágenes). Pero hasta que uno no conoce las bondades de CSS realmente no se da cuenta de las desventajas y de lo poco práctico que es maquetar con tablas.
Con css podemos separar diseño de contenido, esto nos beneficia en:
-Menos código por ende páginas más rápidas y reducción en la transferencia de tu servidor.
- El código es mucho mas claro y facilita el mantenimiento y la indexación en los motores de búsqueda.
- Solo con modificar un archivo ej. (estilos.css) podemos ver cambios inmediatos en el diseño de todo el sitio.
- Consistencia visual del sitio todas las páginas utilizan la misma familia tipográfica, tamaño de textos, colores, posición de elementos.
- Asignación de estilos para diferentes dispositivos, esto significa que podemos optimizar nuestro sitio para que se vea bien en un móvil por ejemplo.
- Sitios accesibles.
Conclusión:
Trabajar con CSS nos da más libertad en el diseño de un sitio, optimiza al máximo nuestra web en código lo que lo hace más fácil a la hora de actualizar y mejora nuestra transferencia en el servidor.
