Struttura 01

Caratteristica: larghezza fluida, contenuto su tutta la larghezza - intestazione, contenuto centrale e piede di pagina.

A proposito della struttura 01

Code HTML e CSS

Questa struttura e composta come segue:

<div id="global">
	<div id="entete">...</div>
	<div id="navigation">...</div>
	<div id="contenu">...</div>
	<div id="pied">...</div>
</div>

e messa in forma con due fogli di style:

  1. base.css (formattazione minima del testo comune a tutte le strutture)
  2. modele01.css, che contiene il style proprio per questa struttura, e che ti invitiamo a consultare.

Per vedere in detaglio il codice HTML della pagina, utilizzare la funzione visualizza HTML del Browser (ex: «Visualizza > Sorgente pagina su Firefox . HTML su IE»).

Nota:
Questa struttura e stata da me tradotta le altre dovreste capirle al volo, le stesse provengono dal sito -o0o- Alsacréations per un libero uso nel Rispetto della Licenza. spero di tradurle tutte per una migliore comprensione.

Questa struttura e molto semplice e non servono molte spiegazioni. Due punti comunque da sottolineare:

  1. Il menu di navigazione e orizzontale, mentre abbiamo utilizzato un elenco (lista) non ordinata (elemento HTML ul)per il codice (vedi il codice HTML). Come si fa?
    qui, si ottiene questa disposizione per merito della dichiarazione CSS display: inline;, appliata agli items di lista (elemento HTML li).

  2. Il principale problème di questa struttura, a parte il suo aspetto, e che si piazza tutto il contenuto in un Blocco che prende 100% della larghezza della finestra del Browser (con 20px di padding a sinistra e a destra). Per le piccole risoluzioni (apparecchi mobili, schermi in 800×600…), e molto buona per una vista ideale. Ma per 1024×768 e per tutte le risoluzioni superiori, questo può portare a cose illegibili con  ligne di testo interminabil!

    Del resto, è probabile che siate arrivati alla stessa constatazione niente che tentando di leggere queste spiegazioni sul vostro proprio schermo!

    Questo problema è meno forte nel caso di un design su due o tre colonne. E, in tutti i casi, si può evitare lavorando su una larghezza fissa (per esempio 750px ou 900px), o ancora una larghezza fluida «intelligente» (guarda le altre strutture Fluide).

CONTENUTO del Piede di Pagina. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.