Les comparto estos videos tutoriales hechos por Miguel Angel Alvarez de desarrolloweb.com

1- Maquetación CSS con 960 Grid System - Parte 1

Video en Vimeo

Vídeo sobre la maquetación de una web con el Framework CSS 960 Grid System, en el que mostramos cómo convertir una imagen diseñada con Photoshop en HTML y CSS, dejando todas las tareas de maquetación del lado de 960 Grid.

2- Maquetación CSS con 960 Grid System - Parte 2

Video en Vimeo

Esta es la segunda parte del vídeo que mostramos el proceso de Maquetación web CSS con el Framework CSS 960 Grid System. En este segundo vídeo explicamos cómo crear un caso real de página web, en concreto veremos la maquetación del área principal del sitio web. En un vídeo anterior vimos cómo maquetar la cabecera y ahora comenzaremos con el cuerpo de la página.


3- Vídeo de Maquetación CSS con 960 Grid System - Parte 3

Video en Vimeo

Para facilitar y agilizar el proceso de maquetear una web se han hecho muy populares los Framework CSS, de hecho ya existen varios (Blueprint, YUI CSS de Yahoo), pero para comenzar no estaría nada mal "960 Grid", puedes ver el siguiente tutorial "960 Grid, un framework para CSS". Creo que está accesible para principiantes.


Referencias:
- http://jepserbernardino.com/2009/03/960-grid-un-framework-para-css/
- http://es.wikipedia.org/wiki/Blueprint _(framework_css)

También puedes aprender a maquetear con CSS observando ejemplos, tal es el caso de este sitio http://www.mycelly.com/ donde hay varias plantillas CSS gratis básicas que considero muy buenas para comenzar a maquetear.