En SENTIDO WEB, Luis Sacristán comenta que la gente de SitePoint han publicado un gran artículo en el que explican cómo hacer un diseño (layout) mediante XHTML y CSS, Breaking Out of the Box.
Es un buen artículo para aprender la transición de forma muy sencilla y rápida de pasar pasar de diseñar por tablas a diseñar sin ellas:
- Empieza explicándonos los pasos que hay que llevar a cabo para la fase inicial de nuestro diseño. Dibujar los contenidos (cabecera, panel, contenido, pie de página) y cómo crear la estructura de capas y sus estilos.
- Después nos indica como añadir fondos y contenidos a las distintas partes de nuestra página, como por ejemplo las imágenes con float. No solo se centra en lo estrictamente desarrollo, sino también un poco en diseño. Añade imágenes de fondo al pie y a la cabecera que realmente quedan bastante bien.
- Y por último nos indica como dividir el contenido en rejillas para darle un aspecto más uniforme.
Mediante el artículo puedes seguir los pasos para conseguir el resultado que aparece en la imagen.
Cosas sencillas 
[…] Paso a paso de un diseño web […]