La maquetación con CSS es fundamental a la hora de obtener unos resultados de calidad en el diseño de tu página web y te simplificará la vida, no sólo al crear la web, sino también a la hora de mantenerla.

Mostramos algunas ventajas al maquetar con CSS respecto a otras formas de hacerlo.

Tutorial para maquetar una página web utilizando CSS en lugar de tablas.

Explicamos la creación de la cabecera de la página, que se simplificará al máximo para hacer el ejercicio más facil.

Realizamos la maquetación del área del cuerpo, donde se mostrará el contenido de la página.

Creamos el lateral de la página, donde se muestran varios recuadros con un buscador y acceso a otras informaciones.

Para acabar, vamos a crear un pie de página y un borde enmarque la página. Ofreceremos también unas conclusiones del ejercicio.

Continuamos el taller de maquetación con CSS. Creamos un diseño distinto, que aplicamos al ejemplo realizado anteriormente, cambiando solamente la hoja de estilos.

Mostramos cómo hacer una página web maquetada utilizando únicamente CSS, sin tablas, con una distribución de 2 columnas, una cabecera y un pie de página. Con diseño de anchura fija o fluido.

Veamos cómo hacer una página, maquetada únicamente con Hojas de Estilo en Cascada, compuesta por tres columnas. Con diseño de anchura fija y fluido.

Mostramos una mejora al código mostrado anteriormente para maquetar una página con CSS a tres columnas.