Un layout standard è composto da un banner nella parte superiore della pagina, un menu nella parte sinistra e la zona di contenuto al centro o a destra. Questo è il layout più classico per un sito web e, a mio avviso, un modello rappresentativo.
Un layout non ha molte opzioni. Al contrario, le tabelle sono molto utile. In una tabella puoi inserire qualsiasi elemento, compresa un'altra tabella.
html<table cellspacing="1" cellpadding="0" border="0" bgcolor="black" id="shell" height="250" width="400">
<tr height="50">
<td colspan="2" bgcolor="white">
<table title="Banner" id="banner" border="0">
<tr>
<td>Aici poti sa pui un baner, logo, etc</td>
</tr>
</table>
</td>
</tr>
<tr height="200">
<td bgcolor="white">
<table id="navigation" title="Navigation" border="0">
<tr>
<td>Link-uri!</td>
</tr>
<tr>
<td>Link-uri!</td>
</tr>
<tr>
<td>Link-uri!</td>
</tr>
</table>
</td>
<td bgcolor="white">
<table title="Content" id="content" border="0">
<tr>
<td>Continutul sitului va fi plasat aici</td>
</tr>
</table>
</td>
</tr>
</table>Questo è un approccio di base. Come si vedrà se si utilizzano questi layout nella pagina web, diventerà molto complesso man mano che si aggiungono altri contenuti. Tuttavia, è molto importante specificare l'altezza e la larghezza. Più sarete più specifici nello stabilire questi attributi e non solo questi, meno bug avrete.
Osserva il codice e prova a modificarlo per comprenderne meglio il funzionamento. Copialo nel tuo documento per visualizzarlo.