DREAMWEAVER versione 3/4

A cura di Andrea

4) Utilizzo dei livelli

Un livello è un contenitore di elementi HTML, solitamente delimitato dai tag DIV o SPAN, che è possibile posizionare in un punto qualunque della pagina.
I livelli possono contenere testo, immagini, moduli, oggetti plugin e persino altri livelli: tutto ciò che può essere incluso nel corpo di un documento HTML può anche essere inserito in un livello.
I livelli offrono ai Web designer il controllo completo della disposizione precisa degli elementi. Sistemando gli elementi della pagina sui livelli, è possibile rilevare eventuali sovrapposizioni o problemi di posizionamento e visualizzazione degli oggetti.
Inoltre, è possibile utilizzare una linea temporale per spostare contemporaneamente più livelli sullo schermo.

Per creare un livello, effettuare una delle seguenti operazioni:
Per inserire un livello, spostare il punto di inserimento nella posizione desiderata della finestra del documento, quindi scegliere Inserisci Livello.
Per trascinare e rilasciare un livello, trascinare il pulsante Livello dalla tavolozza Oggetti alla finestra del documento. Per disegnare un livello, fare clic sul pulsante Livello nella tavolozza Oggetti, quindi, nella finestra del documento, trascinare per disegnare un livello.
Per disegnare una serie di livelli, fare clic sul pulsante Livello nella tavolozza Oggetti, tenere premuto il tasto Maiusc e disegnare un livello nella finestra del documento È possibile continuare a tracciare nuovi livelli fintanto che non si rilascia il tasto Maiusc.
Per ogni livello creato, nella parte superiore sinistra della finestra del documento viene visualizzato un indicatore di livello.
Gli indicatori di livello vengono visualizzati in altri punti della pagina se si aggiungono livelli dopo aver aggiunto dei salti di paragrafo nella finestra del documento.
Se gli indicatori non sono visibili, scegliere Visualizza Elementi invisibili.
Quando si visualizzano gli elementi invisibili, gli altri elementi della pagina possono cambiare di posizione.
Gli elementi invisibili sono visualizzati solo nella finestra del documento: quando la pagina viene aperta in un browser, gli altri elementi appaiono nelle posizioni corrette.

Proprietà dei livelli:

Utilizzare la finestra di ispezione Proprietà per specificare il nome, la posizione e altre impostazioni di un livello.
Per visualizzare tutte le proprietà descritte di seguito, fare clic sulla freccia visualizzata nell'angolo inferiore destro della finestra di ispezione.
ID livello :Consente di specificare il nome usato per identificare il livello nella tavolozza Livelli e negli script. Inserire un nome nella casella senza etichetta visualizzata sulla sinistra della finestra di ispezione Proprietà. Utilizzare solo caratteri alfanumerici standard ed evitare di digitare caratteri speciali (spazi, trattini, barre, punti, ecc.).
Sup e Sin :Specificano la posizione del livello rispetto all'angolo superiore sinistro della pagina o del livello superiore.
La e Al Impostano la larghezza e l'altezza del livello. Se il contenuto del livello supera le dimensioni specificate, questi valori vengono ignorati. Per i livelli CSS, l'unità di misura predefinita per la posizione e le dimensioni è il pixel (px). È possibile utilizzare anche le seguenti unità di misura: pc (pica), pt (punti), in (pollici), mm (millimetri), cm (centimetri) e % (percentuale del valore principale). L'abbreviazione deve seguire il valore, senza spazio (ad esempio, 3mm). L'impostazione Riversamento controlla il modo in cui vengono gestiti i livelli CSS quando il contenuto supera le dimensioni del livello.
Ordine :Determina l'ordine di sovrapposizione del livello. I livelli con i valori più alti appaiono sopra quelli con i valori più bassi. I valori possono essere positivi o negativi. È tuttavia più facile cambiare l'ordine di sovrapposizione dei livelli utilizzando la tavolozza Livelli anziché inserendo dei valori di sovrapposizione specifici.
Vis :Determina la condizione di visualizzazione iniziale del livello. Per controllare la visibilità e visualizzare in modo dinamico il contenuto di un livello, usare un linguaggio di script, come JavaScript. Scegliere una delle opzioni seguenti:
Predefinita: non specifica un'impostazione di visibilità. Nella maggior parte dei browser, questa impostazione viene considerata uguale a Come superiore.
Come superiore: viene utilizzata la proprietà di visibilità del livello superiore.
Visibile: visualizza il contenuto del livello, indipendentemente dal valore del livello superiore. Nascosta: nasconde il contenuto del livello, indipendentemente dal valore del livello superiore.
I livelli nascosti creati con i tag LAYER e ILAYER occupano uno spazio uguale a quello che coprirebbero se fossero visibili.
Imm sfondo :Specifica l'immagine di sfondo del livello. Fare clic sull'icona della cartella per individuare e selezionare un file oppure digitare il percorso dell'immagine nel campo di testo.
Col sfondo :Specifica il colore di sfondo del livello. Per ottenere uno sfondo trasparente, lasciare vuota questa opzione.
Tag :Determina il tipo di livello: CSS o Netscape. I tag SPAN e DIV creano i livelli CSS, mentre i tag LAYER e ILAYER creano i livelli Netscape.
Riversam (solo per i livelli CSS) Specifica come viene trattato un livello quando il contenuto ne supera le dimensioni. Scegliere una delle opzioni seguenti:
Visibile: le dimensioni del livello vengono aumentate verso il basso e verso destra in modo da rendere visibile tutto il contenuto. Il livello viene espanso verso il basso e verso destra. Nascosto: le dimensioni del livello rimangono invariate e la parte di contenuto in eccesso viene ritagliata. Non vengono visualizzate barre di scorrimento.
Scorrevole: al livello vengono aggiunte delle barre di scorrimento, indipendentemente dal fatto che le dimensioni del contenuto siano superiori o meno a quelle del livello. Il fatto che siano sempre disponibili delle barre di scorrimento evita la confusione derivante dall'apparire e scomparire delle barre di scorrimento in un ambiente dinamico. Questa opzione funziona solo nei browser che supportano le barre di scorrimento.
Automatico: le barre di scorrimento appaiono solo quando il contenuto supera le dimensioni del livello.
Ritaglio :Definisce l'area visibile del livello. Specificare dei valori che rappresentino la distanza in pixel dai bordi del livello. Le impostazioni Sup (superiore) e Sin (sinistra) sono relative al livello, non alla pagina.
Sin, alto e PagX, PagY (solo per i livelli Netscape) Consentono di posizionare un livello in relazione al livello superiore. L'opzione Sin, alto posiziona il livello rispetto all'angolo superiore sinistro del livello superiore, mentre l'opzione PagX, PagY lo colloca in una posizione assoluta rispetto all'angolo superiore sinistro della pagina, indipendentemente dalla posizione del livello superiore.
Orig (solo per i livelli Netscape) Consente di visualizzare un altro documento HTML all'interno del livello. Fare clic sull'icona della cartella per individuare e selezionare il documento oppure digitarne il percorso. Questo attributo non può essere visualizzato nella finestra del documento di Dreamweaver.
A/B (solo per i livelli Netscape) Specifica il livello posizionato sopra (A) o sotto (B) quello corrente nell'ordine di sovrapposizione (opzione Ordine). Nell'elenco di nomi situato alla destra del menu A/B appaiono solo i livelli che sono già stati definiti nel documento.