Leggete questo articolo per sapere come applicare le opzioni di riempimento browser e riempimento sfondo in Adobe Muse.

Nota:

Non verranno più aggiunte ulteriori funzioni ad Adobe Muse, e il supporto verrà sospeso a partire dal giovedì 26 marzo 2020. Per ulteriori informazioni e assistenza, consultate la pagina dedicata alla fine del ciclo di vita di Adobe Muse.

Riempimenti browser e immagini di sfondo in Adobe Muse

Quando progettate un sito Web, i riempimenti dello sfondo rappresentano una parte importante del progetto. La funzione Riempimento sfondo di Adobe Muse consente di aggiungere un colore o un’immagine di sfondo al sito Web. Utilizzando delle immagini di sfondo potete dare maggior risalto al marchio di un prodotto o servizio. Utilizzando un riempimento di sfondo, potete aggiungere valore grafico o riprendere il tema a colori del sito.

Quando aggiungete un riempimento di sfondo e visualizzate il sito in un browser, l’immagine o il colore scelto viene visualizzato come sfondo nella finestra del browser. Per ottenere un sito dall’aspetto uniforme e coerente, applicate il riempimento di sfondo alla pagina mastro.

Questo articolo spiega come applicare un riempimento di sfondo in Adobe Muse. Potete effettuare una delle operazioni seguenti: 

Riempire il browser con un colore di sfondo

  1. 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.

  2. 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.
    Impostare un colore come riempimento di sfondo
    Impostare un colore come riempimento di sfondo
  3. 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.

  4. 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.

    Impostare l’opzione di riempimento Sfumatura
    Impostare l’opzione di riempimento Sfumatura
  5. Per definire l’orientamento della sfumatura, impostate Direzione su Orizzontale o Verticale.

  6. 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.

    Impostare il riempimento su Nessuno in Adobe Muse
    Impostare il riempimento su Nessuno

Riempire lo sfondo con un’immagine

Le immagini vengono spesso utilizzate come riempimento di sfondo. Adobe Muse consente di riempire lo sfondo con immagini ripetute o con una sola immagine. Inoltre, è possibile selezionare la posizione e le proprietà di scorrimento per l’immagine di sfondo.

Di seguito viene spiegato come utilizzare le immagini come riempimento di sfondo in Adobe Muse.

  1. 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.

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

    Impostate l’immagine di sfondo da visualizzare nella finestra del browser.
    Impostate l’immagine di sfondo da visualizzare nella finestra del browser.

    Nota:

    Se impostate Tipo di riempimento su Sfumatura, non potete impostare un’immagine come riempimento di sfondo.

  3. 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.

  4. 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.

  5. 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.

    Nota:

    Per rimuovere un riempimento di sfondo, fate clic sull’icona del cestino accanto all’icona della cartella.

  6. Fate clic ovunque fuori dal pannello Riempimento browser per chiuderlo.

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

Applicare una larghezza 100% agli elementi della pagina

Gli elementi con larghezza 100% riempiono la finestra del browser in orizzontale, a prescindere dalla dimensione della finestra del browser del visitatore. Se impostate un elemento di pagina in modo che si allinei sia al bordo superiore che a quello inferiore della finestra del browser, un oggetto il cui riempimento è un colore in tinta unita o una risorsa con porzioni ripetute si espanderà per adattarsi allo spazio disponibile.

  1. 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.

  2. 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 campo Traccia impostate su 0 la traccia del rettangolo selezionato.
    Nel campo Traccia impostate su 0 la traccia del rettangolo selezionato.
  3. 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.

    Utilizzare il menu Riempimento per selezionare il riempimento del rettangolo
    Utilizzare il menu Riempimento per selezionare il riempimento del rettangolo
  4. Fate clic sul collegamento Aggiungi immagine nel pannello Riempimento. Individuate l’immagine desiderata, selezionatela e fate clic su Apri.

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

    Impostare il rettangolo con l’immagine a larghezza 100%
    Impostare il rettangolo con l’immagine a larghezza 100%
  6. 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%”.

Modificare l’opacità e la trasparenza dei riempimenti di sfondo

Oltre ad aggiungere un’immagine come sfondo del sito, Adobe Muse consente anche di modificarne l’opacità. Regolate il colore di riempimento di una pagina per renderlo parzialmente trasparente. Per impostazione predefinita, Adobe Muse utilizza un riempimento bianco per la pagina mastro. Potete controllare il colore e la trasparenza della pagina.

  1. 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.

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

  3. 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.

    Impostare l’opacità del riempimento di sfondo
    Impostare l’opacità del riempimento di sfondo

Riempimento di sfondo ed effetti di scorrimento

Adobe Muse consente di aggiungere un effetto di scorrimento alle immagini applicate come riempimento di sfondo. Per informazioni su come impostare le proprietà di scorrimento delle immagini di sfondo, consultate Applicare il movimento di scorrimento a un’immagine di sfondo.

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online