Nozioni di base dell’area di lavoro di Adobe Muse

L’area di lavoro di Adobe Muse è costituita da vari elementi, quali pannelli, barre degli strumenti e finestre. La disposizione di questi elementi è detta area di lavoro. Adobe Muse consente di personalizzare un’area di lavoro in base alle specifiche esigenze di progettazione. Potete sganciare e ridisporre i pannelli e aprire più finestre della vista Progettazione per visualizzarle affiancate. Potete anche trascinare gli elementi grafici in finestre o layout diversi. Questa possibilità può essere particolarmente utile quando si lavora contemporaneamente su layout per desktop e per dispositivi mobili, poiché consente di riutilizzare elementi comuni da un layout all’altro.

L’interfaccia di Adobe Muse è ottimizzata per display ad alta risoluzione sui dispositivi che supportano HiDPI. La visualizzazione HiDPI di Adobe Muse rende i pannelli, gli strumenti e altri elementi dell’interfaccia utente più nitidi e “puliti”.

Anche se la disposizione dell’area di lavoro predefinita è diversa nei vari prodotti Creative Cloud, i singoli elementi possono essere manipolati più o meno stesso modo.

Gli strumenti e altri elementi di un’area di lavoro di Adobe Muse vengono abilitati in base alla vista corrente. Quando usate Adobe Muse, spesso è necessario passare da una vista all’altra. Adobe Muse offre le viste Pianificazione, Progettazione, Anteprima, Pubblicazione e Gestione per supportare le varie fasi dello sviluppo Web.

Adobe Muse mostra la vista Pianificazione quando si crea un nuovo sito o si apre un sito esistente. La vista Pianificazione permette di realizzare mappe sito per i vostri siti Web, impostando così la struttura gerarchica delle pagine. Potete usare la vista Pianificazione anche per associare singole pagine del sito Web alle pagine mastro.

• (A) Finestre dei documenti a schede: la finestra del documento mostra il file su cui state lavorando. Le finestre dei documenti possono essere visualizzate sotto forma di schede ed è possibile affiancare più finestre per lavorare meglio con documenti affiancati.
• (B) Visualizzazione orizzontale della mappa del sito: la mappa del sito è visualizzata in orizzontale. Questo è il comportamento predefinito di Adobe Muse.
• (C) Visualizzazione verticale della mappa del sito: la mappa del sito è visualizzata in verticale. Questa visualizzazione è utile per i siti più complessi contenenti numerose pagine e pagine secondarie.
  
• (D) Layout dell’area di lavoro: potete cambiare il layout (modalità di visualizzazione) dell’area di lavoro quando lavorate in Adobe Muse.
• (E) Mappa del sito: area in cui potete creare la mappa del sito Web, aggiungere o rimuovere pagine e impostare la gerarchia del sito.
• (F) Pagine mastro: utilizzate quest’area per creare pagine mastro aggiuntive per il sito o per aggiornare quelle esistenti.
• (G) Pannello Strumenti: il pannello Strumenti consente di selezionare e utilizzare i diversi strumenti. Il pannello Controllo presenta le opzioni disponibili per lo strumento corrente.

La vista Progettazione è la visualizzazione più importante ed è fondamentale per l’uso di Adobe Muse. La vista Progettazione offre strumenti, widget e funzionalità che consentono di progettare siti Web ricchi e complessi senza dover scrivere alcuna riga di codice.

La vista Progettazione contiene il quadro della pagina Web, sul quale potete progettare le pagine utilizzando una serie di strumenti, widget e altre funzioni di progettazione disponibili in Adobe Muse. L’area di lavoro della pagina Web contiene guide e righelli che consentono di utilizzare in modo ottimale lo spazio della pagina.

Per impostazione predefinita, i pannelli sono disposti all’estrema destra della vista Progettazione, ma è possibile ancorarli e disancorarli e riposizionarli a piacere.

La barra degli strumenti contiene strumenti che consentono di definire lo stile della pagina, quali Sfondo e Riempimento browser, Traccia ed Effetti. La barra degli strumenti include inoltre ulteriori strumenti a seconda del pannello selezionato.

La barra dell’applicazione contiene altre opzioni per il controllo della vista di Adobe Muse.

• (A) Indicatore di selezione: visualizza la selezione corrente sul quadro della pagina Web.
• (B) Menu a discesa: la barra dell’applicazione visualizzata nella parte superiore contiene il commutatore di modalità, i menu e i controlli di visualizzazione.
• (C) Pannello di controllo: contiene strumenti che consentono di definire e modificare l’aspetto del sito Web, quali tratti, riempimenti ed effetti.
• (D) Layout dell’area di lavoro: potete cambiare il layout dell’area di lavoro quando lavorate con Adobe Muse.
• (E) Pannelli: consentono di selezionare e utilizzare funzioni fondamentali di Adobe Muse.
• (F) Righelli: permettono di regolare la posizione delle guide nel modo più appropriato. 
• (G) Guide: indicano i limiti superiore e inferiore della pagina Web e dei browser. Potete utilizzare le guide in modo efficace per definire le aree di intestazione e piè di pagina del sito Web.
• (H) Pannello Strumenti: consente di selezionare e utilizzare diversi strumenti, ad esempio Selezione, Rettangolo, Mano e così via.

È possibile utilizzare la modalità Anteprima per eseguire un test del sito Web. L’aspetto del sito Web in modalità Anteprima è molto simile a quello che apparirà nei browser più recenti. La modalità Anteprima è visualizzata come una finestra del documento e può essere spostata a piacere oppure agganciata all’interno dell’area di lavoro di Adobe Muse. Potete aggiornare l’anteprima per visualizzare le modifiche che apportate al sito Web.

• (A) Layout dell’area di lavoro: potete cambiare il layout (modalità di visualizzazione) dell’area di lavoro quando lavorate con Adobe Muse.
• (B) Aggiorna: fate clic sul pulsante Aggiorna per ricaricare l’anteprima del sito Web.
• (C) Anteprima: l’area di anteprima visualizza l’ultima versione aggiornata del sito Web.

La modalità Pubblicazione consente di pubblicare il sito Web in Business Catalyst. Quando si seleziona la modalità Pubblicazione, viene visualizzata la finestra di dialogo Pubblica, nella quale è possibile specificare le seguenti opzioni:

• Nome sito: immettete un nome significativo per il sito. Adobe Muse suggerisce un nome di dominio per il sito Web basato sul nome del sito. Tuttavia, potete scegliere di ignorare il suggerimento.
• Pubblica in: potete selezionare un sito Web esistente dall’elenco a discesa Pubblica in per pubblicare su Business Catalyst.
• URL: specificate un URL univoco per il sito Web.
• Centro dati: Adobe Muse rileva la posizione corrente del computer e seleziona automaticamente il data center più vicino in cui verranno registrati i file del sito. Tuttavia, se il cliente risiede in un altro paese, potete scegliere il data center più vicino al cliente.
  

Il menu Condividi di Adobe Muse consente di condividere facilmente l'URL del sito appena pubblicato. Con il menu Condividi potete condividere l'URL del sito Web o l'URL per la modifica mediante In-Browser Editing.

Dopo aver pubblicato il sito Web, fate clic su Condividi. Appare una finestra di dialogo con il collegamento al sito pubblicato e all'In-Browser Editing .

Per ogni sito Web vengono generati due URL separati, uno per il sito pubblicato e uno per In-Browser Editing.

A seconda dell'URL che desiderate condividere, fate clic sull'opzione appropriata di Copia collegamento. L'URL viene copiato negli Appunti. Potete quindi inviare questi URL per e-mail o tramite altri canali per condividerli con gli interessati.

La modalità Gestione consente di gestire e aggiornare i siti Web in Business Catalyst. È possibile utilizzare la modalità Gestione se si utilizza Adobe Business Catalyst come fornitore di servizi di hosting. Quando selezionate la modalità Gestione, Adobe Muse vi reindirizza a http://businesscatalyst.com/. Effettuate l’accesso utilizzando le vostre credenziali Creative Cloud per iniziare a modificare il sito Web. Per ulteriori informazioni, consultate l’Aiuto di Business Catalyst.

Quando lavorate con molte pagine Web e più siti, Adobe Muse crea delle schede per tutte le finestre aperte. Potete accedere a ciascuna pagina semplicemente selezionando la scheda corrispondente.

• Per modificare l’ordine delle schede, trascinate la scheda di un documento fino alla posizione desiderata nel gruppo di schede.
• Per disancorare una finestra del documento da un gruppo di finestre, trascinate la scheda della finestra fuori dal gruppo oppure fate clic con il pulsante destro sulla scheda e selezionate In finestra mobile.
• Per accostare le finestre dei documenti in modo da svolgere il lavoro di progettazione all’interno di finestre affiancate, selezionate Finestra > Disponi > Affianca.
• Per ancorare una finestra documento in un altro gruppo di finestre, trascinatela fino al nuovo gruppo.
• Per creare gruppi di documenti a schede o affiancati, trascinate una finestra fino a una delle zone di rilascio lungo il bordo superiore, inferiore o laterale di un’altra finestra.
• Per passare a un altro documento in un gruppo a schede mentre trascinate una selezione, trascinatela per un momento sulla scheda del documento desiderato.

Adobe Muse consente di ridisporre le finestre dei documenti affiancandole all’interno dell’area di lavoro. La visualizzazione affiancata delle finestre dei documenti rappresenta un modo pratico per lavorare su più layout poiché consente di confrontare facilmente i contenuti e progettare pagine in parallelo. È anche possibile copiare il contenuto di una pagina tra diverse finestre di documento affiancate. Le visualizzazione affiancata delle finestre dei documenti è particolarmente utile quando si lavora su più layout. È possibile svolgere il lavoro di progettazione una sola volta e poi copiare semplicemente il contenuto nei diversi layout.

Per affiancare le finestre dei documenti, selezionate Finestra > Disponi > Affianca.

Per ripristinare la vista predefinita delle finestre dei documenti, selezionate Finestra > Disponi > Consolida tutto per sito.

Adobe Muse consente di riutilizzare facilmente i contenuti condivisi tra più pagine e layout. Quando lavorate con Adobe Muse, è pratica comune disporre le finestre come schede affiancate o mobili. Spesso gli elementi grafici vengono riutilizzati in diverse pagine Web e diversi layout, per garantire un aspetto uniforme. Adobe Muse consente di trascinare gli elementi grafici condivisi quali loghi, testo, intestazioni, immagini di sfondo e altro tra pagine e layout diversi.

Per ancoraggio si intende un set di pannelli o gruppi di pannelli visualizzati insieme con un orientamento verticale. Potete ancorare o disancorare i pannelli spostandoli all’interno o all’esterno dell’ancoraggio.

• Per ancorare un pannello, trascinatelo dalla linguetta nell’ancoraggio, in alto, in basso o in mezzo ad altri pannelli.

• Per ancorare un gruppo di pannelli, trascinatelo dalla barra del titolo (quella vuota sopra le linguette) nell’ancoraggio.

• Per rimuovere un pannello o un gruppo di pannelli, trascinatelo fuori dell’ancoraggio puntando il mouse sulla sua linguetta o barra del titolo. Potete trascinarlo in un altro ancoraggio o lasciarlo mobile.

Quando spostate i pannelli, vengono evidenziate le zone di rilascio blu in cui è possibile spostare il pannello. Ad esempio, potete spostare un pannello in alto o in basso in un ancoraggio trascinandolo nella zona di rilascio stretta e blu che si trova sopra o sotto un altro pannello. Se lo trascinate in un’area che non è una zona di rilascio, il pannello resta mobile nell’area di lavoro.

• Per spostare un pannello, trascinatelo dalla linguetta.

• Per spostare un gruppo di pannelli, trascinatene la barra del titolo.

Se rimuovete tutti i pannelli da un’area di ancoraggio, questa scompare. Per creare un’area di ancoraggio, portate i pannelli fino al bordo destro dell’area di lavoro, fino a visualizzare una zona di rilascio.

• Per rimuovere un pannello, fate clic con il pulsante destro del mouse (Windows) o tenendo premuto il tasto Control (Mac OS) sulla sua linguetta e selezionate Chiudi; in alternativa, deselezionatelo nel menu Finestra.

• Per aggiungere un pannello, selezionatelo dal menu Finestra e ancoratelo dove desiderate.

• Per spostare un pannello e inserirlo in un gruppo, trascinatene la linguetta fino alla zona di rilascio evidenziata nel gruppo.

• Per ridisporre i pannelli in un gruppo, trascinate la linguetta di un pannello fino alla nuova posizione desiderata all’interno del gruppo. 
• Per rimuovere un pannello da un gruppo, così da renderlo mobile, trascinatelo dalla linguetta all’esterno del gruppo.
• Per spostare un gruppo, trascinatene la barra del titolo (l’area sopra le linguette).
• Per chiudere un gruppo di pannelli, fate clic con il pulsante destro del mouse sulla barra del titolo del gruppo di pannelli e selezionate Chiudi gruppo di schede.

Se trascinate un pannello fino a un’area che non è una zona di rilascio, il pannello resta mobile nell’area di lavoro. Un pannello mobile può essere posizionato ovunque nell’area di lavoro. Potete impilare pannelli mobili o gruppi di pannelli in modo che si muovano come una singola unità se trascinate la barra del titolo superiore.

• Per impilare i pannelli mobili, trascinate un pannello dalla linguetta fino alla zona di rilascio nella parte inferiore di un altro pannello.

• Per cambiare l’ordine di sovrapposizione, trascinate un pannello verso l’alto o il basso dalla linguetta.

• Per rimuovere un pannello o un gruppo di pannelli in modo che diventi mobile, trascinatelo fuori facendo clic sulla sua linguetta o barra del titolo.

• Per ridurre o espandere un pannello, gruppo di pannelli o una pila di pannelli mobili, fate doppio clic su una scheda. In alternativa, fate doppio clic sull’area delle linguette (nello spazio vuoto accanto alle linguette).

• Per ridimensionare un pannello, trascinatene un bordo. Alcuni pannelli, come il pannello Controllo di Photoshop, non possono essere ridimensionati mediante trascinamento.

Per limitare il numero di elementi visualizzati nell’area di lavoro, conviene ridurre i pannelli a icona. In alcuni casi i pannelli sono ridotti a icona nell’area di lavoro predefinita.

• Per ridurre a icona o espandere tutti i pannelli di una colonna, fate clic sulla doppia freccia nella parte superiore dell’ancoraggio.
• Fate clic sull’icona di un singolo pannello per espanderlo.
• Per ridimensionare le icone dei pannelli in modo da visualizzare solo le icone (senza etichette di testo), regolate la larghezza dell’ancoraggio fino a far scomparire il testo. Per visualizzare nuovamente il testo delle icone, allargate l’ancoraggio.
• Per ridurre di nuovo a icona un pannello espanso, fate clic sulla linguetta, sull’icona o sulla doppia freccia nella barra del titolo del pannello.

• Per aggiungere un pannello o un gruppo di pannelli mobili a un ancoraggio di icone, trascinatene la linguetta o la barra del titolo. I pannelli aggiunti a un ancoraggio di icone vengono ridotti automaticamente a icona.

• Per spostare l’icona di un pannello (o un gruppo di icone di pannelli), trascinatela. Potete trascinare le icone dei pannelli in alto o in basso nell’ancoraggio, all’interno di altri ancoraggi (dove compaiono nello stile dei pannelli di quell’ancoraggio) o all’esterno dell’ancoraggio (dove compaiono come icone mobili).

Adobe Muse consente di impostare i temi colore per l’area di lavoro. Potete scegliere uno dei 4 temi di colori disponibili in Adobe Muse.

I temi di interfaccia utente scuri consentono di focalizzarsi sui contenuti, grazie all’elevato contrasto tra l’interfaccia utente e il quadro della pagina Web.

Per scegliere un tema di colore, effettuate le seguenti operazioni:

1. In Adobe Muse, selezionate Modifica > Preferenze.
2. Nella finestra di dialogo Preferenze, selezionate un tema di colore.

3. Fate clic su OK.

Adobe Muse consente di trovare e sostituire il testo all’interno di una pagina o di un intero sito.

1. In Adobe Muse, scegliete Modifica > Trova e sostituisci.
2. Nella finestra di dialogo Trova e sostituisci, specificate le seguenti opzioni:
   • Trova: digitate il testo da cercare nella pagina o nel sito.
   • Sostituisci: digitate il testo con cui sostituire il testo specificato nella casella Trova.
   • Ricerca: scegliete se effettuare la ricerca in una pagina o nell’intero sito.
   • Maiuscole/minuscole: se questa opzione è selezionata, Adobe Muse ricerca solo le parole che corrispondono esattamente a quanto digitato nella casella Trova.
   • Parola intera: se questa opzione è selezionata, Adobe Muse ricerca solo la parola o frase completa digitata nella casella Trova.
   • Indietro: se questa opzione è selezionata, Adobe Muse inverte la direzione della ricerca.
3. Fate clic su Trova.

1. In Adobe Muse, scegliete Modifica > Trova e sostituisci.
2. Nella finestra di dialogo Trova e sostituisci, specificate le seguenti opzioni:
   • Trova: digitate il testo da cercare nella pagina o nel sito.
   • Sostituisci: digitate il testo con cui sostituire il testo specificato nella casella Trova.
   • Ricerca: scegliete se effettuare la ricerca in una pagina o nell’intero sito.
   • Maiuscole/minuscole: se questa opzione è selezionata, Adobe Muse ricerca solo le parole che corrispondono esattamente a quanto digitato nella casella Trova.
   • Parola intera: se questa opzione è selezionata, Adobe Muse ricerca solo la parola o frase completa digitata nella casella Trova.
   • Indietro: se questa opzione è selezionata, Adobe Muse inverte la direzione della ricerca.
3. Fate clic su Sostituisci. Fate clic su Sostituisci/Trova per sostituire un’istanza del testo e continuare a la ricerca. Fate clic su Sostituisci tutto per sostituire tutte le occorrenze del testo di una pagina o di un intero sito.

Quando lavorate con Adobe Muse, gli avvisi vengono generati per le operazioni che sono potenzialmente errate o che non produrranno i risultati desiderati. Questi avvisi sono riportati nel pannello Avvisi. Quando progettate il sito Web, è consigliabile tenere sempre aperto il pannello Avvisi.

Per visualizzare il pannello Avvisi, selezionate Finestra > Avvisi.