Procedura dettagliata: Creazione di un sito di formazione per l'organizzazione

In questo articolo vengono mostrati gli elementi di un sito di formazione di esempio per ispirare l'utente e viene illustrato come creare siti simili per la propria organizzazione. Questo sito di esempio fornisce informazioni su un evento specifico e guida l'utente verso l'apprendimento e la registrazione. Si basa sull'impatto visivo per coinvolgere e motivare il visitatore.

Prima di tutto, se non è ancora stato creato un sito di comunicazione, vedere la sezione Creare il proprio sito in questo articolo. Per informazioni su come modificare e pubblicare la pagina nel sito, vedere la sezione Modifica, usare sezioni e Web part e pubblicare contenuta in questo articolo.

Dopo aver creato il sito e aver illustrato come modificare le pagine, puoi usare le linee guida seguenti per aggiungere gli elementi mostrati.

Esempio di sito di formazione

Immagine della home page Istruzioni per la personalizzazione
Immagine della pagina di destinazione del sito formazione 1. Classificazione del logo e del sito Personalizzare il logo e classificare il sito. Altre informazioni

2. Creare impatto Usare la web part Hero per comunicare visivamente il valore. Altre informazioni

3. Guidare gli utenti all'azione chiave Portare i visitatori a registrare o scoprire di più. Altre informazioni

4. Descrivere l'evento Utilizzare il testo per descrivere "cosa" e "perché" dell'evento. Altre informazioni

5. Usare immagini con collegamenti Aumentare la visibilità e il collegamento alle pagine dell'agenda dettagliate. Altre informazioni

6. Evidenziare informazioni dettagliate Le immagini possono definire aree di informazioni importanti. Altre informazioni

7. Mostra date evento Fornire un calendario degli eventi in modo che gli utenti possano pianificare le proprie pianificazioni. Altre informazioni

8. Aggiungere una mappa Usare una mappa per aiutare gli utenti a raggiungere dove devono essere. Altre informazioni

9. Fornire la registrazione nella pagina Aggiungere un modulo per una registrazione semplice. Altre informazioni

Creare il proprio sito

Per creare un sito come quello mostrato qui, è necessario creare un sito di comunicazione. A questo scopo, selezionare Crea sito nella pagina iniziale di SharePoint (oppure se si associa il sito a un sito Hub, passare al sito Hub e selezionare Crea sito, in modo che il sito di comunicazione sia associato automaticamente al sito Hub).

Immagine dell'opzione Crea sito

Scegliere Sito di comunicazione e quindi il layout Argomento. Immettere il nome del sito, la descrizione e altre informazioni e selezionare Fine. Si otterrà un modello con lo stesso tipo di layout dell'esempio in questo articolo.

Immagine del dashboard del sito di comunicazione

Per informazioni dettagliate, vedere Creare un sito di comunicazione in SharePoint Online.

Torna all'inizio

Logo e classificazione dei siti

In questo esempio, l'area dell'intestazione non contiene alcun tipo di spostamento perché è destinata a essere una pagina "autonoma". Tuttavia, l'area dell'intestazione contiene un logo personalizzato e mostra un'etichetta che indica che il sito è classificato come "Solo interno". La classificazione del sito utilizza valori quali interno, riservato, impatto aziendale elevato, basso impatto aziendale e così via. Questi valori possono riguardare la riservatezza delle informazioni o il ciclo di vita delle informazioni.

Immagine del logo del sito

Per informazioni su come modificare il logo e classificare il sito, vedere Manage your SharePoint site settings.

Torna all'inizio

Gestire sezioni e Web part

Iniziare a modificare facendo clic su Modifica nell'angolo in alto a destra della pagina.

Immagine dell'opzione Modifica

Durante la modifica, a sinistra, sotto l'intestazione le bozze possono essere salvate per un uso successivo o rimosse.

Immagine della barra degli strumenti della sezione

Il simbolo + prima o dopo una sezione aggiungerà una sezione usando uno dei diversi layout disponibili.

Immagine delle opzioni di layout di sezione

Le sezioni costituiscono la pagina nelle quali si posizionano una o più Web part. Durante la modifica della pagina, ogni sezione mostra i controlli per modificare il layout, per spostare o eliminare le sezioni. Per informazioni sull'uso delle sezioni, vedere Aggiungere o rimuovere sezioni e colonne in una pagina.

Immagine dell'opzione Aggiungi sezione

Selezionare il simbolo più Immagine dell'icona più in una sezione, che può essere visualizzata prima o dopo una web part in una sezione, per visualizzare i numerosi tipi di  web part disponibili. Per altre informazioni sulle Web part, vedere Uso delle Web part nelle pagine di SharePoint.

Immagine dell'icona aggiungi sezione

Le Web part possono essere modificate, spostate o eliminate all'interno delle sezioni. L'icona Modifica Web part apre controlli dettagliati univoci per ogni tipo di Web part.

Immagine della barra degli strumenti di modifica

Quando gli aggiornamenti della pagina sono pronti, selezionare Pubblica per renderli visibili all'intera organizzazione.

Immagine dell'icona pubblica

Suggerimento

Per gestire tutte le pagine del sito, fare clic su Pagine nel menu superiore.

Per altre informazioni sull'uso delle pagine, vedere Creare e usare pagine moderne in un sito di SharePoint.

Torna all'inizio

Creare un impatto con la web part Hero

Consenti ai visitatori di conoscere l'obiettivo del workshop con la web part Hero. Il layout usato in questo esempio è Due riquadri.

Layout Hero: riquadri o livelli

La modifica della Web part presenta opzioni di layout. L'opzione Riquadri presenta layout per un numero compreso tra uno e cinque riquadri. L'opzione Livelli imposta ogni immagine come un livello, con l'immagine accanto al titolo. Sono possibili fino a cinque livelli che consentono a una web part di creare un'intera pagina.

Ciascun riquadro può essere modificato

Usare il controllo Sposta elemento a sinistra per riorganizzare i riquadri all'interno della Web part Hero. I controlli a destra consentono di modificare i dettagli regolando il testo e l'immagine usati, Impostare il punto focale per l'animazione al passaggio del mouse, oltre a Eseguire lo zoom avanti e indietro dell'immagine.

In questo esempio, la web part Hero si trova in una sezione a larghezza intera.

Immagine della Web part Hero

Per ulteriori informazioni sull'utilizzo della web part Hero, vedere Use the Hero web part.

Inizio pagina

Mostra date evento

Nella web part Eventi vengono visualizzate automaticamente le informazioni sull'evento. Gli eventi visualizzati sono controllati dai filtri per Origine, Elenco eventi, Categoria e Intervallo date. Gli eventi possono essere visualizzati con riepiloghi dettagliati nella visualizzazione Filmstrip o in una visualizzazione compatta.

In questo esempio di sito workshop, questa web part utilizza il layout Filmstrip.

Immagine della web part Evento

Per altre informazioni sull'uso della Web part Eventi, vedere Usare la Web part Eventi.

Inizio pagina

Descrivere l'evento con la web part Testo

L'offerta di rilascio della leadership e le descrizioni&domande e risposte mensili utilizzano la web part Testo. Questa web part consente la formattazione di base del testo per la creazione di sezioni fisse di testo formattato.

Quando si modifica il testo, questa web part offre strumenti di formattazione di base per impostare gli stili e aggiungere miglioramenti come il grassetto e il corsivo. Facendo clic sul controllo ... all'estremità destra della barra degli strumenti di formattazione offre opzioni aggiuntive a destra della Web part.

In questo esempio di sito workshop illustrato in precedenza, la web part si trova in una sezione a una colonna.

Immagine della Web part Testo

Per altre informazioni sull'uso della Web part Testo, vedere Aggiungere testo e tabelle alla pagina con la Web part Testo.

Inizio pagina

La web part Collegamenti rapidi offre diversi formati di menu di facile utilizzo per l'elenco dei collegamenti ad altre pagine o siti.

In questo esempio di sito, la web part utilizza il layout button per riferimento rapido e semplice.

Immagine della Web part Collegamenti rapidi

Per altre informazioni sull'uso della Web part Collegamenti rapidi, vedere Usare le Web part Collegamenti rapidi.

Torna all'inizio

La web part Immagine inserisce un'immagine fissa nella pagina. Le immagini possono essere fotografie, diagrammi o persino usate per influire sul testo. Le didascalie e il testo alternativo mantengono accessibili le immagini.

Immagine della Web part Immagine

Per altre informazioni sull'uso della Web part Immagine, vedere Usare la Web part Immagine.

Torna all'inizio

Aggiungere mappe con la Bing Maps web part

La Bing Maps web part offre un semplice riferimento visivo alla mappa e un collegamento rapido per consentire ai visitatori di pianificare il percorso verso il workshop.

Immagine della web part Bing mappe

Per ulteriori informazioni sull'utilizzo Bing Maps web part, vedere Use the Bing Maps web part.

Inizio pagina

Aggiungere moduli per la registrazione

Se è stato creato un modulo per la registrazione utilizzando Microsoft Forms,è possibile inserire tale modulo direttamente nella pagina con la web part Microsoft Forms. È un modo semplice per i partecipanti di compilare le informazioni e un modo semplice per raccogliere le informazioni.

Immagine della web part Microsoft Forms

Per ulteriori informazioni sull'utilizzo della web part Microsoft Forms, vedere Use the Microsoft Forms web part.

Inizio pagina

Altre informazioni

Get inspired with more examples in the SharePoint Look Book.