Come Lay Out una tabella utilizzando Div

June 18

Come Lay Out una tabella utilizzando Div


Nella progettazione di pagine Web, ci sono molti fattori da considerare, dal contenuto al layout. Per quanto riguarda il layout, un tempo era comune l'uso di tabelle per contenere e organizzare i contenuti. Tuttavia, l'approccio moderno è quello di utilizzare div, o strati, in un editor di pagine web come Expression Web o Dreamweaver per organizzare i contenuti in una pagina. Div sono molto più versatili e potenti. Ad esempio, è possibile organizzare i div in modo che si sovrappongono, che è qualcosa che non si poteva fare con le tabelle. Mentre i dettagli variano da programma a programma, la creazione di una tabella con div è piuttosto semplice.

istruzione

1 Iniziate la editor di pagine Web. Assicurarsi di essere in modalità pagina.

2 Vai nella pagina "Tag" o pannello "Livelli" e fare clic su "Aggiungi" un div. Nella vista, trascinare questo div dove si vuole ed espanderlo per riempire la vista trascinando sui suoi lati.

3 Fare clic all'interno del div che hai fatto. È ora possibile creare più div all'interno del lager uno per lo svolgimento di sezioni, come ad esempio l'area del banner, la navigazione e il testo principale. All'interno di ognuno di questi div, è possibile creare più, posizionandole in cui si desidera creare il layout.