en realidad ese diseno lo lograrias usando un div para el header un elemento ul para la barra de navegacion y otro div grande contenido dentro 2 divs derecho articulos y el de la isquierda para el sidebar luego al final un div para el footer
si quieres un layout de 1 header 3 columnas y un footer asi lo consiges
<div id="header">
</div>
<ul id="navbar"> <!-- con esto es suficiente para la barra de navegacion -->
</ul>
<div id="principal">
<div id="izquierda">
</div>
<div id="centro">
</div>
<div id="derecha">
</div>
</div>
<div id="footer">
</div>
luego en el css lo primero es resetear los estilos * {margin:0;padding:0;} o usar algun reset CSS, puedes colocar ese fondo azul en todo el area de la pagina con esto
html {background:url(/images/rutaimagen.png);}
el ancho lo puedes poner al body para no estar poniendo a todos los elementos
body {
width:750px;
margin:0 auto;
}
luego adentro los divs debes saber como colocarlos [defines el ancho de cada div y usas floatsy para el footer le pones clear both hay muchas mas tecnicas que clear both pero bueno es lo mas usado]:) cualquier cosa estare por aqui