Porte Aperte sul Web , navigazione veloce.
menu principale | contenuto principale | menu secondario
Benvenuti in Porte Aperte sul Web, Comunità di Pratica per l'accessibilità dei siti scolastici - USR Lombardia

Porte Aperte sul Web [logo]. Link alla home page


servizi
chi siamo | mappa | guida | faq | contatti

menu principale

sei in home - tutorial - home page con xhtml strict - lezione 9


contenuto principale

home page con xhtml strict

Lezione 9 - Il layout centrale

layout centrale

Il codice xhtml commentato

Scarica il file centrale.htm e leggi il codice corrispondente. Ci soffermiamo, in particolare, sulla parte di codice riferita al layout centrale (quella che precede il tag di chiusura del body).

<div id="centrale">
 <div id="contenuto">inserire contenuto principale</div>
 <div id="destra">inserire menu secondario</div>
</div>

Il layout centrale è definito dal box #centrale, che contiene i due box #contenuto e #destra.
Questo tipo di struttura costruisce un layout a due colonne, con il menu secondario posto sulla destra, dopo il contenuto principale.

Nel codice della pagine html non è necessario altro: sarà affidato al Foglio di Stile l'importante compito di definire il posizionamento e le caratteristiche dei box, in modo da stabilire tutte le proprietà di formattazione del contenuto e del menu secondario.

lezione precedente - sommario - lezione successiva


menu secondario
Creative Commons License
I contenuti di questo sito, salvo diversa indicazione, sono rilasciati sotto una licenza Creative Commons License.
Tutti i marchi sono proprietà dei rispettivi proprietari