Aggiungere testo e cornici di testo in Adobe Muse

Durante la progettazione di un sito Web in Adobe Muse, potete aggiungere del testo con i metodi seguenti:

• Aggiungete una casella di testo e iniziate a digitare in essa il contenuto desiderato.
• Salvate il testo in un file di testo esterno e importatelo nella pagina di Adobe Muse.
• Usate un’applicazione come InDesign per comporre il testo. Quindi copiate negli Appunti il testo formattato e incollatelo in Adobe Muse.

Nel layout dinamico, è inoltre possibile formattare il testo per i diversi dispositivi utilizzati dagli utenti per visualizzare il sito Web. Ad esempio, potete fare in modo che il testo sia più grande e con una maggiore spaziatura per gli smartphone, rispetto alla versione per computer desktop. Inoltre, il Web design dinamico in Adobe Muse consente di formattare il testo per ogni punto di interruzione, impostando per ognuno di questi lo stile, il colore, l’interlinea, la spaziatura e la dimensione del testo più appropriati. Per informazioni su come formattare il testo durante la creazione di un sito Web per dispositivi diversi in un singolo file, consultate Formattare il testo nei layout dinamici.

Copierete il testo dei menu da file di testo esterni e lo incollerete in cornici di testo. Inoltre formatterete il testo creando e applicando degli stili di paragrafo. Effettuate le seguenti operazioni:

Per riferimento, visitate la versione online del sito di esempio.

Per ulteriori informazioni su come utilizzare il testo, leggete l’articolo Composizione tipografica in Adobe Muse.

Adobe Muse include un controllo ortografico per trovare e correggere facilmente eventuali errori ortografici nelle cornici di testo. Il controllo ortografico è sempre abilitato. Le parole che non vengono trovate nel dizionario sono sottolineate in rosso.

Per applicare una delle parole suggerite, premete il tasto Freccia giù oppure utilizzate il mouse per selezionare la parola suggerita e premete Invio per applicarla. Se per errore scegliete una parola sbagliata, potete annullare (Modifica > Annulla) e scegliete un’altra parola tra quelle suggerite oppure potete modificare direttamente la parola con lo strumento testo.

Se una parola contrassegnata come errore viene utilizzata una sola volta (ad esempio, il nome di una persona o di un luogo) e non contiene alcun errore, non è necessario correggerla. La sottolineatura rossa che compare nella vista Progettazione non è visibile quando visualizzate in anteprima, pubblicate o esportate il sito.

Quando utilizzate spesso alcune parole come il nome o l’indirizzo dell’azienda, potete aggiungere tali parole al dizionario del controllo ortografico in modo che non vengano più segnalate come errori.

Con lo strumento testo fate clic con il pulsante destro del mouse su una parola da aggiungere al dizionario e scegliete Aggiungi a dizionario dal menu di scelta rapida.

Potete impostare la lingua desiderata (che a sua volta imposta la lingua del dizionario per il controllo ortografico) per l’intero sito e per singole cornici di testo.

Per impostare il dizionario per il controllo ortografia per l’intero sito, scegliete File > Proprietà sito. Fate clic sulla scheda Testo, scegliete la lingua desiderata dal menu Lingua e fate clic su OK.

Per alcuni progetti può essere necessario utilizzare del testo in più lingue. In questi casi, potete impostare la lingua predefinita (utilizzata più frequentemente) in Proprietà sito e quindi la lingua del controllo ortografico per quelle cornici che contengono del testo in un’altra lingua.

Per impostare il dizionario per il controllo ortografico per una cornice di testo, selezionate quest’ultima con lo strumento selezione. Fate clic con il pulsante destro del mouse e scegliete Lingua > (lingua desiderata) dal menu di scelta rapida.

L’operazione successiva prevede la modifica dell’aspetto della cornice di testo. Come per i rettangoli e le cornici per immagini, potete impostare la traccia, il riempimento e l’immagine di sfondo per le cornici di testo.

In questa sezione potrete modificare gli attributi di una cornice di testo per darle maggior risalto rispetto alla grafica di sfondo della pagina.

L’etichetta al di sopra del menu della prima colazione consente ai visitatori di orientarsi e di capire a colpo d’occhio quale menu stanno leggendo. Dopo aver apportato queste modifiche, il menu della prima di colazione si presenta come nella figura di seguito.

Nella sezione successiva verrà duplicato il menu della prima colazione e modificherete quindi il contenuto delle cornici di testo duplicate per creare i menu per il pranzo, la cena e i dessert.

Nelle sezioni precedenti avete creato la cornice di testo per il menu della prima colazione; avete inserito in essa il testo di un file esterno; avete utilizzato gli stili di paragrafo per formattare il testo in modo uniforme; e infine avete definito l’aspetto della cornice di testo aggiungendo un’immagine di sfondo affiancata, un colore del riempimento e una traccia. Inoltre avete aggiunto una seconda cornice di testo al di sopra della cornice del menu, per creare il titolo del menu della prima colazione. Ora dovrete duplicare tre volte questo set di elementi, per ottenere in totale quattro menu.

Mentre trascinate verso il basso ogni copia duplicata, l’area del piè di pagina definito nella Parte 1 si sposta automaticamente per creare più spazio verticale sulla pagina. La pagina “food” è quindi più lunga delle altre pagine del sito di esempio.

È necessario aggiungere dei punti di ancoraggio al di sopra di ciascun menu, per creare un sistema di navigazione che consenta ai visitatori di passare rapidamente da un menu all’altro. Poiché la pagina “food” è più lunga, il contenuto scorre in verticale per visualizzare il menu corrispondente, in base alla voce su cui fa clic il visitatore. Potrete inoltre vedere come utilizzare il menu Collegamenti per creare diversi tipi di collegamento, compresi quelli che consentono ai visitatori di scaricare un file PDF.

Il pannello Glifi consente di inserire simboli (ad esempio ©) o caratteri speciali (ad esempio ᵝ) non disponibili sulla tastiera standard. Il pannello Glifi consente di inserire caratteri Unicode.

I tipi di simboli e caratteri disponibili dipendono dal font selezionato. Ad esempio, alcuni font possono includere caratteri internazionali (come Ç oppure ë) e simboli di valute (£, ¥). Il font incorporato Symbol contiene frecce, punti elenco e simboli scientifici.

Per inserire dei caratteri tramite il pannello Glifi, effettuate le seguenti operazioni:

A prescindere dal tipo di font applicato al testo (Font Web, font sicuri per il Web o font di sistema), mentre lavorate nella vista Progettazione i contenuti testuali restano modificabili. Potete anche modificare l’aspetto della cornice di testo, per presentare diversamente l’intero blocco di testo.

Le cornici di testo sono come dei contenitori che racchiudono ogni sezione di testo. Potete controllarli in molti modi diversi per definire come vengono visualizzati nel sito online.

Per formattare una cornice di testo, selezionatela con lo strumento selezione e quindi applicate le modifiche che controllano l’aspetto del contenuto di testo.

Nota: se selezionate il testo con lo strumento testo, potete formattarlo con le opzioni di formattazione disponibili nel pannello Testo o di controllo.

Per ridimensionare una cornice di testo, trascinatene le maniglie per estenderla o ridurla. Per riposizionare una cornice di testo sulla pagina, trascinatela. Mentre ridimensionate la cornice di testo, le sue dimensioni sono riportate in una descrizione.

Potete anche ruotare una cornice di testo. Tuttavia, tenete presente che il testo che si trova all’interno di una cornice ruotata verrà esportato come file di immagine. Usate quindi la rotazione con moderazione e aggiungete sempre un titolo al testo ruotato.

Potete modificare l’aspetto di un contenitore per cornice di testo con le stesse opzioni utilizzate per formattare un semplice rettangolo. Potete impostare il colore di riempimento e aggiungere un’immagine di sfondo. Potete inoltre impostare una traccia e specificarne lo spessore, il colore e l’allineamento. Con i menu Angoli ed Effetti del pannello di controllo potete impostare il raggio degli angoli della cornice di testo e applicare ombre esterne, smussi e bagliori.

Per aggiungere trasparenza alla cornice di testo, impostate il valore di opacità desiderato con il cursore Opacità.

Infine, servitevi del menu Collegamento ipertestuale e del relativo campo per aggiungere un titolo, un collegamento e per definire se il collegamento verrà aperto in una nuova finestra del browser.

Le cornici di testo sono molto utili per creare i contenuti delle pagine. Come spiegato nella sezione precedente, le cornici di testo possono contenere elementi grafici ed effetti nonché contenuto di testo.

Questa sezione spiega come controllare il contenuto testuale in una cornice di testo, impostandone la spaziatura. Spiega inoltre come creare layout di tipo rivista con colonne di testo che scorrono attorno a immagini.

Per impostazione predefinita, il testo che digitate, inserite o incollate in una cornice di testo è allineato a sinistra. Tutte le impostazioni del pannello Spaziatura sono inizialmente impostate su 0.

Per aggiungere più spazio a sinistra, a destra, in alto o in basso nella cornice di testo, digitate il valore desiderato (in pixel) oppure fate clic sulle frecce accanto a ciascun campo per aumentare o ridurre il valore numerico.

In Adobe Muse potete controllare la formattazione del testo con opzioni simili a quelle disponibili nei programmi di elaborazione testo o di modifica delle immagini. Il pannello Testo contiene numerose impostazioni aggiuntive, alcune delle quali non sono visualizzate nel pannello di controllo quando è selezionato del testo.

Per fare rientrare la prima riga di testo in un paragrafo, effettuate le seguenti operazioni:

L’opzione Spazio tra lettere nel pannello Testo consente di definire la quantità di spazio tra ciascun carattere. È utile per ottenere effetti di testo particolari e per rendere più leggibili i font ornati.

Per applicare la spaziatura tra lettere al testo selezionato, immettete il numero di pixel nel campo Spazio tra lettere. Oppure fate clic sulla freccia verso l’alto o il basso per incrementare o ridurre il valore fino a ottenere l’effetto desiderato.

Applicando l’interlinea potete controllare il formato del testo di un paragrafo regolando lo spazio tra le righe di testo. La funzione Interlinea è disponibile sia nel pannello di controllo che nel pannello Testo.

Nel pannello Testo sono inoltre disponibili le seguenti opzioni di composizione tipografica:

Margine sinistro e Margine destro

Questi comandi consentono di controllare lo spazio da lasciare tra il testo e il bordo della cornice di testo. Sono molto simili all’impostazione Spaziatura del pannello Spaziatura, ma per impostarle si seleziona la cornice di testo con lo strumento selezione (invece di selezionare il contenuto di testo con lo strumento testo).

Spazio prima e Spazio dopo

Queste impostazioni controllano la quantità di spazio (in pixel) lasciato vuoto prima o dopo un ritorno a capo (fine paragrafo). Queste impostazioni permettono di lasciare più o meno spazio vuoto tra un paragrafo e l’altro in una stessa cornice di testo.

Provate a usare tutte le impostazioni del pannello Testo per imparare a controllare il modo in cui il testo si presenta sulle pagine che create.

I file sorgente contenenti il testo per questo progetto di esempio si trovano nella cartella Kevins_Koffee_Kart. Il testo è stato salvato come file TXT. In Adobe Muse, potete inserire un intero file di testo per aggiungere il testo alla pagina. Non è necessario aprire i file di testo in un editor di testo per copiare e incollare il testo nelle pagine.

Per informazioni su come lavorare con il testo sincronizzato, consultate Operazioni con il testo sincronizzato.

Per informazioni su come formattare il testo nel layout dinamico, consultate Formattare il testo nei layout dinamici.