Manual de Maquetación CSS

2.- Por qué diseñar con CSS
Mostramos algunas ventajas al maquetar con CSS respecto a otras formas de hacerlo. Entrar

3.- Maquetar una página con CSS
Tutorial para maquetar una página web utilizando CSS en lugar de tablas. Entrar

4.- Maquetar una página con CSS II
Explicamos la creación de la cabecera de la página, que se simplificará al máximo para hacer el ejercicio más facil. Entrar

5.- Maquetar una página con CSS III
Realizamos la maquetación del área del cuerpo, donde se mostrará el contenido de la página. Entrar

6.- Maquetar una página con CSS IV
Creamos el lateral de la página, donde se muestran varios recuadros con un buscador y acceso a otras informaciones. Entrar

7.- Maquetar una página con CSS V
Para acabar, vamos a crear un pie de página y un borde enmarque la página. Ofreceremos también unas conclusiones del ejercicio. Entrar

8.- Variar el diseño y maquetación con la hoja de estilos
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. Entrar

9.- Maquetación CSS a dos columnas
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. Entrar

10.- Maquetación CSS a tres columnas
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. Entrar

11.- Variación de la maquetación con CSS a 3 columnas
Mostramos una mejora al código mostrado anteriormente para maquetar una página con CSS a tres columnas. Entrar

12.- Maquetar una página con un mapa de Google, usando CSS
Es muy fácil maquetar una página que tenga un mapa de Google, simplemente debemos utilizar maquetación y posicionamiento CSS. Entrar

13.- Presentación de 960 Grid System
Introducción a la maquetación de páginas web usando CSS con el sistema 960 Grid. Entrar

14.- Blueprint, Framework CSS
Presentación de Blueprint, un framework CSS que sirve de apoyo en el diseño y maquetación de webs 2.0, gracias a su rejilla y otros estilos de tipografía e impresión. Entrar