Originariamente inviato da Another-Life
In genere la parte azzura è l'Header,la parte verde il Contenuto e la parte rossa è il Footer...quindi per prima cosa dovresti modificare l'id "#" che hai assegnato alle tre sezioni.Seconda cosa,dovresti pensare per bene alla disposizione del contenuto che avrai nel sito,grazie magari a qualche schizzo su carta.


p.s: Per iniziare potresti posizionare l'header del sito,inanzitutto ritagliando la sezione in alto dell'immagine da te postata.Poi dai uno sguardo al css di Html o ad altri siti per imparare a posizionarlo,altrimenti leggiti le guide su Html^^
credo che quella sia la parte centrale della pagina e i div annidati gli servono per renderne l'elasticita'

per gli id non mi risulta ci siano dei nomi obbligatori: uno li puo' anche chiamare #pippo #pluto e #paperino