Hosting & Domini

Progettazione del layout di pagina > Layout - Panoramica

Layout - Panoramica

Il layout di pagina è un elemento importante della progettazione per il Web. Il termine layout di pagina fa riferimento all'aspetto finale della pagina visualizzata nel browser (ad esempio, la posizione di un menu o la disposizione delle immagini). Macromedia Dreamweaver offre diversi modi per creare e controllare il layout delle pagine Web.

Un metodo comunemente usato per la creazione di un layout di pagina consiste nelle tabelle HTML. Tuttavia, le tabelle possono essere di difficile impiego, dal momento che la loro funzione originale non è il layout delle pagine Web, bensì la visualizzazione dei dati di tabella.

Per semplificare l'utilizzo delle tabelle per il layout di pagina, Dreamweaver fornisce la vista Layout, che permette di progettare la pagina mediante le tabelle usando la struttura sottostante, ma evita i tradizionali inconvenienti legati all'impiego delle tabelle. Ad esempio, è possibile disegnare facilmente delle celle (di tabella) nella pagina e successivamente personalizzarle e spostarle nella posizione vuoleta. Il layout può avere una larghezza fissa o può ingrandirsi fino a coprire l'intera finestra del browser (vedere Impostazione della larghezza del layout).

Ovviamente, è sempre possibile definire il layout delle pagine mediante le tabelle in modo tradizionale (vedere Tabelle - Panoramica) o mediante la creazione di livelli, da convertire successivamente in tabelle (vedere Uso delle tabelle e dei livelli per il layout). Tuttavia, la vista Layout di Dreamweaver costituisce il modo più semplice per impostare il layout di una pagina.

Per usare la vista Layout, è necessario uscire dalla vista Standard di Dreamweaver.

Per passare alla vista Layout:

Scegliere Visualizza > Vista tabella> Vista Layout o cliccare sul pulsante Vista Layout nel pannello Oggetti.

L'opzione Mostra schede tabelle layout viene in modo automatico attivata nella vista Layout. Per disattivare le schede delle tabelle quando ci si trova nella vista Layout, scegliere Visualizza > Vista tabelle > Mostra schede tabelle layout.

Nota: se si crea una tabella nella vista Standard di Dreamweaver e successivamente si passa alla vista Layout, la tabella include delle celle di layout vuote che è necessario eliminare prima di crearne di nuove.