Utilizzo delle opzioni Riempimento e Riempimento browser in Adobe Muse

In vista Pianificazione, fate doppio clic sulla miniatura della pagina A-Mastro per aprirla in vista Progettazione.

La pagina A-Mastro viene aperta nella relativa scheda nella parte superiore dell’area di lavoro.

L’indicatore della selezione si trova nell’angolo in alto a sinistra nel pannello Controllo. Se non è selezionato alcun elemento di pagina, l’indicatore di selezione presenta la dicitura Pagina. Se selezionate un oggetto nella pagina, ad esempio un’immagine, compare invece la dicitura Cornice immagine.

Utilizzate l’indicatore di selezione per verificare che sia effettivamente selezionato l’elemento desiderato. Se è selezionato un altro elemento, riselezionate la pagina facendo clic sull’area grigia all’esterno della pagina.

Quando la pagina è selezionata, potete usare i menu nella barra di controllo per aggiornare le impostazioni del colore di riempimento e tratto.

Nel pannello di controllo, fate clic su Riempimento browser. Selezionate il colore desiderato dal campo Colore. Per scegliere il colore del riempimento di sfondo, potete effettuare una delle seguenti operazioni:

• Scegliete un colore con il Selettore colore.
• Digitate il valore RGB.
• Digitate il codice esadecimale nel relativo campo.
• Fate clic e selezionate un colore dai campioni già salvati.

Per applicare un colore in tinta unita o una sfumatura, nel pannello Riempimento browser selezionate Tinta unita o Sfumatura. Utilizzate il pulsante di scelta per scegliere un riempimento con colore tinta unita o sfumatura.

Per applicare una sfumatura, impostate il tipo di riempimento su Sfumatura. Impostate i campioni di colore per selezionare la prima e l’ultima interruzione di colore.

Per definire l’orientamento della sfumatura, impostate Direzione su Orizzontale o Verticale.

Nel pannello di controllo, fate clic su Riempimento. Assicuratevi che il colore di riempimento della pagina sia impostato su Nessuno. Il menu Riempimento presenta un campione bianco attraversato da una linea diagonale rossa.

Aprite la pagina mastro del file .muse.

Potete aggiungere un’immagine di sfondo a una pagina specifica. Tuttavia, se l’immagine di sfondo deve essere visualizzata su ogni pagina del sito, allora conviene aggiungerla alla pagina mastro.

Nel pannello di controllo, fate clic su Riempimento browser. Verificate che il tipo di riempimento sia impostato su Tinta unita.

Per selezionare un’immagine come riempimento di sfondo, fate clic sul collegamento Aggiungi immagine. Individuate e selezionate il file immagine desiderato sul computer locale. Fate clic su Apri per impostare l’immagine di sfondo.

Specificate come adattare l’immagine di sfondo. Potete scegliere una delle seguenti opzioni:

• Scala per adattare: l’immagine di sfondo viene ridimensionata in scala. L’immagine viene ridimensionata in base alla posizione e alle impostazioni specificate.
• Adatta alla pagina: l’immagine viene ridimensionata per rientrare nello spazio disponibile.
• Dimensione originale: l’immagine viene applicata come riempimento di sfondo mantenendo le sue dimensioni originali.
• Affianca: l’immagine viene ripetuta fino a coprire l’intero sfondo. L’opzione di affiancamento consente di creare un’immagine più piccola che viene ripetuta fino a riempire la finestra del browser, a prescindere dalle dimensioni del monitor del visitatore.
• Affianca in orizzontale: l’immagine viene ripetuta in direzione orizzontale.
• Affianca in verticale: l’immagine viene ripetuta in direzione verticale.

Le tessere affiancate con l’immagine di sfondo vengono spesso utilizzate nelle pagine Web. Quando il sito viene pubblicato, la piccola immagine originale impostata come sfondo affiancato viene caricata una sola volta nel browser. Le immagini di sfondo affiancate consentono di coprire grandi aree della pagina senza rallentare la velocità di download né le prestazioni del sito.

Per impostare la posizione dell’immagine di sfondo, selezionate la posizione desiderata da una griglia con nove punti di posizione. Ad esempio, se fate clic sul quadratino centrale, l’immagine sarà visualizzata al centro della finestra del browser.

Fate clic ovunque fuori dal pannello Riempimento browser per chiuderlo.

Per vedere l’immagine di sfondo, visualizzate un’anteprima del sito in Adobe Muse o in un browser.

Aprite la pagina in cui desiderate impostare la larghezza 100% per un elemento della pagina. Selezionate l’elemento di pagina richiesto. Ad esempio, selezionate un rettangolo che abbia la stessa larghezza della pagina e misuri circa 250 pixel di altezza, vicino alla parte inferiore della pagina.

Con il rettangolo selezionato, impostate lo spessore della traccia su 0. Per sapere quando il rettangolo è selezionato, accertatevi che l’indicatore di selezione in alto a sinistra presenti la dicitura Rettangolo.

Nel pannello di controllo, fate clic su Riempimento. Assicuratevi che il menu Riempimento sia impostato su Nessuno, rappresentato da un campione bianco attraversato da una linea diagonale rossa.

Fate clic sul collegamento Aggiungi immagine nel pannello Riempimento. Individuate l’immagine desiderata, selezionatela e fate clic su Apri.

Dall’elenco a discesa Adatta, selezionate Affianca in orizzontale. Con questa opzione l’immagine viene affiancata da sinistra a destra lungo l’asse x.

Trascinate le maniglie di trasformazione del rettangolo per posizionarlo sul fondo dell’area visibile. Regolate la larghezza in modo da intersecare i lati sinistro, inferiore e destro della pagina.

Quando il bordo diventa rosso, significa che la larghezza del rettangolo è impostata su “100%”.

Nel pannello di controllo, fate clic su Riempimento browser per espandere il menu. Per selezionare un’immagine da aggiungere come riempimento di sfondo, fate clic sul collegamento Aggiungi immagine.

Nel pannello di controllo, fate clic su Riempimento per espandere il menu Riempimento.

Impostate l’opacità su 80%. Con questa impostazione si ottiene un riempimento quasi opaco, con una trasparenza del 20%. Potete continuare a modificare la pagina per aggiungere un bordo o applicare altri effetti grafici.