Aggiungere testo e immagini

I membri del team principale possono aggiungere immagini e testo a un sito utilizzando le seguenti schede:

• Scheda Riga: gli elementi costitutivi del sito. Ogni scheda, tranne la scheda banner, deve potersi inserire all'interno della scheda di una riga. È possibile aggiungere immagini e colori di sfondo alla scheda della riga. È inoltre possibile creare un effetto di parallasse usando questa scheda.
• Scheda Testo: aggiungere testo in qualunque parte del sito rilasciando questa scheda sulla scheda di una riga. È anche possibile utilizzare questa scheda per aggiungere pulsanti, elenchi, tabelle e un codice personalizzato al sito.
• Scheda Banner: creare sezioni usando questa scheda per suddividere gli elementi del sito. Questa scheda presenta anche una barra di ricerca opzionale.
• Scheda Immagine: aggiungere immagini indipendenti a qualunque scheda di riga, ovunque sul sito.

Per iniziare, accedere a Portal for ArcGIS e fare clic su Siti nella pagina Panoramica per visualizzare un elenco dei siti.

Suggerimento:

È inoltre possibile modificare un sito mentre lo si visualizza in un browser. Assicurarsi di aver effettuato l'accesso e cercare il pulsante di modifica nella parte sinistra del sito.

Aggiungere e formattare testo

È possibile aggiungere del testo al sito ovunque vi sia la scheda di una riga.

1. Trascinare una scheda Testa su una riga esistente.
2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
3. Aggiungere il testo.
4. Selezionare il testo da formattare. Le opzioni di formattazione includono lo stile (aggiungere intestazioni, frammenti di codice e virgolette), grassetto, corsivo e collegamenti.
5. Per modificare le dimensioni del testo, fare clic sul pulsante dello stile e scegliere una dimensione dell'intestazione.
6. Per impostare l'allineamento del testo, fare clic sulle opzioni del paragrafo e selezionare un allineamento. È anche possibile applicare un rientro o un rientro negativo a una riga di testo facendo clic sulle opzioni del paragrafo e selezionando una delle opzioni.

   Suggerimento:

   In caso di errore, premere Comando+Z o Ctrl+Z sulla tastiera per annullare le modifiche.

7. Fare clic su Salva.

Cambiare il colore del testo

Cambiare il colore del testo attenendosi ai seguenti passaggi.

1. Passare con il puntatore del mouse sulla scheda della riga in cui si trova la scheda di testo e fare clic sul pulsante delle impostazioni della scheda della riga.
2. Modificare il colore immettendo un codice esadecimale del colore o scegliendo un colore dalla finestra di selezione colori.

   Suggerimento:

   I codici esadecimali sono utili per garantire uniformità nel branding delle risorse dell'organizzazione. Se non si è sicuri delle specifiche di branding dell'organizzazione, verificare se sono disponibili documenti o linee guida del brand.

3. Fare clic su Salva.

Cambia caratteri

È possibile cambiare il carattere delle intestazioni di testo e del testo di base usando Google Fonts. Il testo di base include tutto il testo presente sul layout del sito. Questo carattere si applica anche a qualunque pagina aggiunta al sito, alle pagine dei dettagli dell'elemento cui si accede tramite la ricerca del sito e alle viste degli eventi.

Per maggiori informazioni, consultare Formattare il testo sui siti ArcGIS Hub e ArcGIS Enterprise.

Aggiungere un elenco puntato o numerato

Creare un elenco attenendosi alla procedura seguente.

1. Aggiungere il testo o selezionare un testo esistente.
2. Scegliere l’elenco non ordinato per creare un elenco puntato.
3. Scegliere l’elenco ordinato per aggiungere un elenco numerato.
4. Fare clic su Salva.

Aggiungere un'immagine indipendente

Aggiungere immagini caricandole da un file o fornendo un URL per un'immagine ospitata. Le immagini condivise internamente saranno visibili solo agli utenti che effettuano l'accesso e appartengono al team principale o all'organizzazione.

1. Trascinare una scheda immagine su una riga esistente.
2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
3. Scegliere un’origine immagine. È possibile caricare un file immagine o fornire un URL immagine. Entrambe le opzioni supportano JPG, JPEG e PNG.
   • Per caricare un file immagine, scegliere Carica immagine e trascinare il file sulla casella nell'Editor dei siti oppure fare clic su Cerca immagine per individuare e aggiungere il file. La dimensione massima per i file è 3 MB.
   • In alternativa, fornire un URL immagine selezionando URL immagine e incollando un collegamento immagine supportato nel campo URL.
4. Se si utilizza un file immagine, è possibile personalizzare le immagini caricate facendo clic sul pulsante Taglia e trascinando un quadratino per ridimensionare il riquadro di ritaglio. Il riquadro di ritaglio può essere riposizionato facendo clic e trascinando sulla linea tratteggiata. È inoltre possibile eseguire lo zoom regolando il cursore sotto l'immagine e riposizionare ulteriormente l'immagine facendo clic all'interno del riquadro di ritaglio.
5. Dal menu Opzioni, fornire il testo alternativo dell'immagine per aiutare gli utenti non vedenti e migliorare l'accessibilità del sito.
6. Fornire un collegamento ipertestuale di immagine e scegliere il collegamento da aprire nella stessa scheda o in una nuova scheda.

   Nota:

   Le linee guida sull'accessibilità (in Input 3.2.2 e tecnica G201) consigliano di evitare di aprire link in nuove schede o finestre a meno che non si fornisca un avviso in anticipo.

7. Fornire testo per Didascalia immagine e scegliere l'allineamento del testo.
8. Facoltativamente, fare clic su Regola l’immagine per il riempimento per impostare un punto focale per l'immagine. Il punto focale garantisce che l'immagine rimanga focalizzata dove lo si desidera, mentre l'immagine viene ridimensionata per schermi diversi.
9. Fare clic su Salva.

Aggiungere immagini e colore di sfondo

È possibile aggiungere immagini dietro ad altre schede usando le schede banner e delle righe. L'aggiunta di un colore a queste immagini può rendere il testo più visibile.

Suggerimento:

Se si sta visualizzando del testo o del contenuto al di sopra di un'immagine, scegliere un colore di sfondo chiaro o scuro. Ad esempio, se si sta utilizzando del testo di colore chiaro o visualizzando una mappa di colore chiaro, scegliere un colore di sfondo scuro, come il nero, per accertarsi che il testo resti chiaro. Quindi, regolare la trasparenza del colore in modo che l'immagine resti visibile.

1. Trascinare una scheda Banner o Riga sul sito.
2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
3. Nella sezione Immagine di sfondo, scegliere un'origine immagine. È possibile caricare un file immagine o fornire un URL immagine. Entrambe le opzioni supportano JPG, JPEG e PNG.
   • Per caricare un file immagine, scegliere Carica immagine e trascinare il file sulla casella nell'Editor dei siti oppure fare clic su Cerca immagine per individuare e aggiungere il file. La dimensione massima per i file è 3 MB.
   • In alternativa, fornire un URL immagine selezionando URL immagine e incollando un collegamento immagine supportato nel campo URL.
4. Dopo aver aggiunto un'immagine, selezionare un colore per Colore di sfondo nella sezione Impostazioni riga immettendo un codice esadecimale o utilizzando la finestra di selezione colori.

   Nota:

   Solo le schede delle righe supportano i colori di sfondo.

5. Nella sezione Aspetto, regolare la trasparenza dell'immagine usando il cursore o immettendo un valore nel campo percentuale. Regolando la trasparenza dell'immagine, il colore di sfondo diventerà più vivace o più tenue a seconda della regolazione. Si tratta di una tecnica utile per garantire che l'immagine e il testo restino accessibili agli utenti normovedenti.
6. Fare clic su Salva.

Scegliere il layout di un'immagine sulla scheda di una riga

Ogni scheda delle righe dispone di due opzioni di layout che consentono di selezionare la modalità di visualizzazione dell'immagine.

1. Dopo aver aggiunto un'immagine alla scheda di una riga, è possibile scegliere un layout ampio o fisso per l'immagine e per qualunque contenuto visualizzato sulla scheda.
   • Scegliere Ampio se si desidera che l'immagine occupi l'ampiezza del sito.
   • Scegliere Fisso se si desidera che l'immagine resti fissa.
2. Impostare Punto focale immagine per garantire che l'immagine rimanga focalizzata dove lo si desidera, mentre l'immagine viene ridimensionata per schermi diversi.
3. Fare clic su Salva.

Configurare testo con HTML

Se si desidera usare HTML per personalizzare il testo, è possibile usare i seguenti elementi HTML:

1. Trascinare una scheda Testa su una riga esistente.
2. Passare il puntatore del mouse sulla scheda e fare clic sul pulsante Impostazioni per passare alla modalità di modifica.
3. Fare clic sull’opzione Visualizzazione codice.
4. Inserire il codice.
5. Fare clic su Salva.

Attenzione:

Per ragioni di sicurezza, le schede di testo non supportano JavaScript integrati. I tag dello script saranno ignorati.

Sono consentiti i seguenti elementi HTML:

'a', 'abbr', 'acronym', 'address', 'article', 'audio', 'b',
	'bdi', 'bdo', 'big', 'blockquote', 'br', 'caption', 'center', 'cite',
 'code', 'col',
 'colgroup', 'datalist', 'dd', 'del', 'details', 'dfn', 'div', 'dl', 'dt',
	'em', 'embed', 'fieldset', 'figcaption', 'figure', 'font',
	'footer', 'frameset',
	'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr',
 'i', 'img', 'input', 'ins', 'kbd', 'keygen', 'li', 'link', 'main', 'map',
	'mark', 'menu', 'meter', 'nav', 'ol', 'optgroup', option', 'output', 'p',
	'param', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp',
	'section', 'small', 'source', 'span', 'strike', 'strong', 'style'
 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'tfoot', 'textarea',
	'th', 'thead', 'time', 'title', 'tr', 'track, 'tt', 'u','ul',

Per questi elementi, sono consentiti i seguenti attributi:

All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'data-toggle', 'data-target', 'data-toggle', 'name', 'rel', 'style', 'target'],	'audio' : ['autoplay', 'controls', 'loop', 'muted', 'preload'], 'blockquote': ['cite'],	'button' : ['name', 'value', 'data-toggle', 'data-target',	'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'],	'div' : ['style', 'align', 'data-show', 'data-target', 'data-toggle']	'font': ['size', 'color', 'style'], 'img' : ['align', 'alt', 'border', 'height', 'style', 'src', 'title',	'width'], 'ol' : ['align', 'start', 'type'],	'p' : ['style'}, 'q' : ['cite'],	'source' : ['media', 'src', 'type'], 	'span' : [style],
 'table' : ['border', 'cellspacing', 'cellpadding', 'class', 'height',	'style', 'summary', 'width'], 'td' : ['abbr', 'align', 'axis', 'colspan', 'height', 'nowrap',	'rowspan', 'style', 'valign', 'width'], 'th' : ['abbr', 'align', 'axis', 'colspan', 'height', 'nowrap',	'rowspan', 'style', 'valign', 'width'] 'tr' : [alignt, 'height', style', valign'],
 'ul' : ['type']