I righelli permettono di misurare, organizzare e pianificare il layout. Possono essere visualizzati sul bordo sinistro e sul bordo superiore della pagina, in pixel, pollici o centimetri.
- Per attivare e disattivare i righelli, selezionate Visualizza > Opzioni vista Progettazione > Regole > Mostra/Nascondi.
- Per modificare l'origine, trascinate l'icona dell'origine del righello
(nell'angolo superiore sinistro della vista Progettazione della finestra del documento) in un punto qualunque della pagina. - Per ripristinare la posizione predefinita dell'origine, selezionate Visualizza > Opzioni vista Progettazione > Righelli > Ripristina origine.
- Per cambiare l'unità di misura, selezionate Visualizza > Righelli, quindi selezionate Pixel, Pollici o Centimetri.
Le guide sono linee che vengono trascinate sul documento a partire dai righelli. Fungono da riferimento visivo per facilitare il posizionamento e l'allineamento di precisione degli oggetti. Possono essere utilizzate anche per misurare le dimensioni degli elementi di pagina o per simulare le aree visibili dei browser Web.
Per facilitare l'allineamento degli elementi, potete agganciare gli elementi alle guide o viceversa. (Per utilizzare la funzione di aggancio, è necessario che gli elementi siano posizionati in modo assoluto.) Potete anche bloccare le guide per impedirne lo spostamento accidentale da parte di un altro utente.
-
Posizionate la guida nella finestra del documento, quindi rilasciate il pulsante del mouse (per riposizionare la guida, trascinatela di nuovo).
Nota:
per impostazione predefinita, le guide vengono registrate come distanze assolute in pixel dal lato superiore o sinistro del documento e vengono visualizzate in relazione all'origine del righello. Per registrare la guida come percentuale, tenete premuto il tasto Maiusc mentre create o spostate la guida.
- Per agganciare gli elementi alle guide, selezionate Visualizza > Opzioni vista Progettazione > Guide > Aggancia alle guide.
- Per agganciare le guide agli elementi, selezionate Visualizza > Opzioni vista Progettazione > Guide > Aggancia guide agli elementi.
Nota:
quando ridimensionate degli elementi (ad esempio elementi PA, tabelle e immagini), gli elementi ridimensionati vengono agganciati alle guide.
Nota:
l'unità di misura è uguale a quella utilizzata per i righelli.
Selezionate Visualizza > Opzioni vista Progettazione > Guide, quindi selezionate le dimensioni preimpostate di un browser dal menu.
-
Selezionate Visualizza > Opzioni vista Progettazione > Guide > Modifica guide, impostate le opzioni seguenti e fate clic su OK.
Colore guida
Specifica il colore delle linee di guida. Fate clic sul campione di colore e selezionate un nuovo colore dal selettore di colori o digitate un numero esadecimale nella casella di testo.
Quando le guide vengono aggiunte a un modello di Dreamweaver, tutte le istanze del modello ereditano le guide. Tuttavia, le guide presenti nelle istanze del modello vengono considerate aree modificabili e possono quindi essere modificate dagli utenti. Le guide modificate presenti nelle istanze di un modello vengono riportate nella posizione originale quando l'istanza viene aggiornata con il modello master.
Gli utenti possono anche aggiungere le proprie guide alle istanze di un modello. Le guide aggiunte in questo modo non vengono sovrascritte quando l'istanza viene aggiornata con il modello master.
La griglia è costituita da uno schema di linee orizzontali e verticali nella finestra del documento ed è utile per posizionare con precisione gli oggetti. Potete agganciare automaticamente alla griglia gli elementi di pagina con posizione assoluta e modificare la griglia o controllarne la funzione di aggancio specificandone le impostazioni. L'aggancio funziona anche se la griglia non è visibile.
-
Colore
Specifica il colore delle linee della griglia. Fate clic sul campione di colore e selezionate un nuovo colore dal selettore di colori o digitate un numero esadecimale nella casella di testo.
Spaziatura
Controlla la distanza tra le linee della griglia. Inserite un numero e selezionate Pixel, Pollici o Centimetri dal menu.
Nota:
se Mostra griglia non è selezionato, la griglia non viene visualizzata e le modifiche non sono visibili.
L'immagine di ricalco è un'immagine che viene utilizzata come guida per riprodurre una struttura di pagina originariamente creata in un'applicazione grafica come Adobe Freehand o Fireworks.
Si tratta di un'immagine JPEG, GIF o PNG che viene collocata sullo sfondo della finestra del documento. Potete nascondere l'immagine, impostarne la trasparenza e modificarne la posizione.
L'immagine di ricalco è visibile solo in Dreamweaver e non viene mai visualizzata nei browser. Quando l'immagine di ricalco è visibile, l'immagine e il colore di sfondo reali della pagina non appaiono nella finestra del documento, ma vengono visualizzati se si apre la pagina in un browser.
-
Per specificare con precisione la posizione dell'immagine di ricalco, inserite i valori delle coordinate nelle caselle di testo X e Y.
Per spostare l'immagine di 1 pixel per volta, utilizzate i tasti freccia.
Per spostare l'immagine di 5 pixel per volta, premete contemporaneamente Maiusc e un tasto freccia.
I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.