Ti devi costruire un layout formato da vari div..

Inizi con un div contenitore, che sarà quello che conterrà tutti gli altri div...

Poi puoi iniziare con div haeder, con come sfondo l'immagine delle barche...

Per il menu, puoi utilizzare una lista "ul", e ad ogni singolo "li" puoi mettere uno sfondo diverso...

Poi se hai la necessità di crare due blocchi uno accanto all'altro, dovrai creare due div rendendoli float...

Avrai bisogno inoltre di div o br con attributo clear per eliminare il float, e inserire ad esempio un footer...


<div id="contenitore">

<div id="menu">

<ul>
[*]



</div>

<div class="clearer">
</div>

<div id="dueblocchi">

<div id="bloccosinistra">
</div>

<div id="bloccodestra">
</div>

</div>

<div class="clearer">
</div>

<div id="footer">
</div>

</div>
Più o meno potrebbe essere una bozza da seguire...
Naturalmente il codice va scritto a mano o con un editor html, e corredato di file css..