I livelli, da ora in avanti chiamati layers, per uniformità con la terminologia del software, sono dei contenitori come le tabelle.Tuttavia differiscono da queste in molti aspetti, presentando alcuni limiti e notevoli vantaggi.
Possiamo inserire i Layer o dal menu:
Insert >> Layer
oppure dal pannello Common >> Layer

Tuttavia, in questo caso specifico a differenza degli altri elementi accessibili dal menu Insert, le due procedure presentano notevoli differenze.
Infatti dal menu Insert >> Layer verrà inserito un layer le cui proprietà sono definite dalle impostazioni che abbiamo stabilito dal menu:

Edit >> Preferences... >> Layers
per impostazione predefinita, se non modifichiamo le preferenze relative ai
layers, Dreamweaver inserirà un layer nel punto esatto della pagina dove si
trova il cursore, di larghezza 200 ed altezza 115 pixel, con posizione non
predefinita.

Se invece clicchiamo il pulsante Draw Layer del pannello Common, possiamo disegnare un layer, che, oltre ad avere le dimensioni impostate da noi, sarà posizionato, rispetto ai margini superiore e sinistro, nel punto esatto dove abbiamo iniziato a tracciare il disegno.

Il layer ha una maniglia di selezione in alto a sinistra, per mezzo della quale è possibile trascinarlo a piacimento per spostarne il posizionamento nella pagina ed otto maniglie di ridimensionamento sui bordi e sui vertici.

Quando si spostano i layer, per mezzo della maniglia di selezione, può risultare utile visualizzare, oltre ai righelli, una griglia, soprattutto nel caso in cui si voglia allineare più layer.

Dal menù:
View >> Grid >> Show Grid
si attiva la visualizzazione di una griglia con quadra di 50 x50 pixel. È possibile
cambiarne le impostazioni (dimnesione, colore, ecc.) dal menù:
View >> Grid >> Grid Settings...
impostando dei valori personalizzati nella finestra di dialogo.

È anche possibile dal menù:
View >> Grid >> Snap To Grid
rendere più facile agganciare il bordo superiore sinistro di un layer
con il vertice di uno dei quadrati della griglia, infatti quando ci si trova
in prossimità del vertice, esso sraà calamitato al vertice del
quadrato, quindi, rilasciando la maniglia di trascinamento del layer, il suo
bordo superiore sinistro risulterà agganciato con precisione alla griglia.

È anche possibile spostare e ridimensionare un layer con precisione per mezzo della tastiera.
Per spostare un layer, una volta che lo si è selezionato, il tasto:
Per ridimensionare un layer la combinazione di tasti:
Adobe Edge, la prima animazione HTML5Come creare una animazione HTML5 con Adobe Edge, esempio completo |
Adobe Edge, l'interfacciaEsaminiamo pannelli e menu del tool gratuito di Adobe per la... |
Trasformazioni XSLT in Dreamweaver 8Primo sguardo agli strumenti XML: trasformare un feed RSS |
Layout senza tabelle con Dreamweaver 8Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia |
Il nuovo Dreamweaver 8Panoramica delle principali novità dell'ultima release del popolare... |
Guida WebMatrixEntrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,... |
Guida Notepad++Un editor testuale che funziona perfettamente anche come editor HTML... |
Guida AptanaCreare siti Web o applicazioni con Aptana, l'editor open source,... |
Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.
Iscriviti alla newsletter
|
|
Corso Webmaster base18 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |
|
|
Corso Webmaster base11 Giugno 2012 a Roma |