Layout complessi con i fogli di stile
Il presente tutorial seguirà passo passo la creazione di una grafica avanzata mediante l'uso di HTML e CSS.
Il layout che si sta per creare può essere visionato da questo indirizzo. Qui, invece, è possibile scaricare un'immagine, in formato jpg, del layout complessivo.
Suddivisione in aree di lavoro
Per prima cosa, occorre concentrarsi sul layout complessivo, così come fornito, individuando le aree (rettangoli, o <div>) che dovranno essere usati per la composizione visiva della pagina web. In questa immagine sono in dettaglio visualizzate le tre macro aree del layout e, tratteggiate, le aree interne, o microaree.
Solo successivamente è possibile iniziare il lavoro su Dreamweaver, a partire dalla definizione del sito Web.