I collegamenti ipertestuali sono un ottimo modo per aggiungere interattività ai tuoi corsi. Consentono agli allievi di accedere direttamente ai contenuti di cui hanno bisogno.

• Collegamento ipertestuale a una pagina Web
• Collegamento ipertestuale a un file
• Collegamento ipertestuale a un'altra parte del corso
• Collegamento ipertestuale a un indirizzo e-mail
• Modifica del colore del testo con collegamento ipertestuale
• Modifica di un collegamento ipertestuale
• Visualizzazione in anteprima dei corsi con collegamenti ipertestuali
• Rendere accessibili i collegamenti ipertestuali

Creazione di collegamenti ipertestuali a una pagina Web

Per aggiungere un collegamento ipertestuale che apra una pagina web, seleziona l'elemento su cui desideri rendere cliccabile, quindi esegui una delle seguenti operazioni:

• Premete Ctrl+K.
• Vai alla scheda Inserisci sulla barra multifunzione Storyline e fai clic su Collegamento ipertestuale.
• Se stai aggiungendo un collegamento ipertestuale al testo, puoi anche fare clic con il pulsante destro del mouse sul testo e scegliere Collegamento ipertestuale.

Quando viene visualizzata la Trigger Wizard, impostate le seguenti proprietà per il collegamento ipertestuale e fate clic su OK.

Collegamento ipertestuale a un file

L'opzione migliore per creare un collegamento ipertestuale a un file è caricare il file su un server Web, quindi collegarsi al relativo URL utilizzando il metodo sopra riportato.

Un'altra opzione è incorporare il file nell'output pubblicato. Seleziona l'elemento su cui desideri rendere cliccabile, quindi esegui una delle seguenti operazioni:

• Premi Ctrl+K.
• Vai alla scheda Inserisci sulla barra multifunzione Storyline e fai clic su Collegamento ipertestuale.
• Se stai aggiungendo un collegamento ipertestuale al testo, puoi anche fare clic con il pulsante destro del mouse sul testo e scegliere Collegamento ipertestuale.

Quando viene visualizzata la Trigger Wizard, impostate le seguenti proprietà per il collegamento ipertestuale e fate clic su OK.

Suggerimenti per lavorare con i collegamenti ipertestuali ai file:

• Storyline inserirà una copia di ogni file con collegamento ipertestuale nell'output pubblicato. Tutti i file con collegamenti ipertestuali relativi a un corso verranno archiviati nella cartella pubblicata story_content/external_files denominata.
• A seconda del tipo di file da allegare e delle impostazioni di sicurezza degli studenti, è possibile che il file si apra semplicemente quando viene fatto clic, oppure agli allievi potrebbe essere richiesto di salvarlo prima.
• Per allegare file a un corso e renderli accessibili su tutte le diapositive, allegali invece come risorse per il riproduttore.

Collegamento ipertestuale a un'altra parte del corso

Per collegarti a un'altra scena, diapositiva o layer nello stesso corso, seleziona l'elemento che desideri rendere cliccabile, quindi esegui una delle seguenti operazioni:

• Premete Ctrl+K.
• Vai alla scheda Inserisci sulla barra multifunzione e fai clic su Collegamento ipertestuale.
• Se stai aggiungendo un collegamento ipertestuale al testo, puoi anche fare clic con il pulsante destro del mouse sul testo e scegliere Collegamento ipertestuale.

Quando viene visualizzata la Trigger Wizard, impostate le seguenti proprietà per il collegamento ipertestuale e fate clic su OK.

Collegamento ipertestuale a un indirizzo e-mail

Per aggiungere un collegamento ipertestuale che apra un nuovo messaggio di posta elettronica a un indirizzo e-mail specifico, seleziona l'elemento su cui desideri sia possibile fare clic, quindi esegui una delle seguenti operazioni:

• Premi Ctrl+K.
• Vai alla scheda Inserisci sulla barra multifunzione Storyline e fai clic su Collegamento ipertestuale.
• Se stai aggiungendo un collegamento ipertestuale al testo, puoi anche fare clic con il pulsante destro del mouse sul testo e scegliere Collegamento ipertestuale.

Quando viene visualizzata la Trigger Wizard, impostate le seguenti proprietà per il collegamento ipertestuale e fate clic su OK.

Parametri opzionali per i link e-mail:

I link e-mail possono includere parametri aggiuntivi, come:

Ecco un esempio di collegamento e-mail con un oggetto e del corpo del testo predefinito:

Modifica del colore del testo con collegamento ipertestuale

Per impostazione predefinita, quando aggiungi un collegamento ipertestuale al testo, il colore del testo cambia e viene visualizzata una sottolineatura. Il colore del collegamento ipertestuale deriva dai colori del tema. Ecco come cambiarlo:

1. In Slide View, vai alla scheda Design sulla barra multifunzione Storyline e fai clic su Colori.
2. I colori del tema attualmente in uso saranno contrassegnati da un sottile contorno arancione. Se utilizzi un tema personalizzato, fai clic con il pulsante destro del mouse sul tema e scegli Modifica. Se utilizzi un tema integrato, scegli Crea nuovi colori per il tema (poiché i colori incorporati non possono essere modificati).
3. Quando si apre l'editor di colori, cambia il colore del Collegamento ipertestuale con il colore che preferisci. Per ulteriori informazioni sulla modifica dei colori dei temi, consulta questa guida per l'utente.
4. Fate clic su Salva per chiudere l'editor di colori. (Se state creando nuovi colori per il tema, inserite un nome per il nuovo tema quando richiesto).

Modifica di un collegamento ipertestuale

Per modificare un collegamento ipertestuale applicato al testo, posiziona il cursore in un punto qualsiasi del testo del collegamento ipertestuale, quindi esegui una delle seguenti operazioni:

• Premi Ctrl+K.
• Fate doppio clic sul trigger nel pannello Trigger.
• Vai alla scheda Inserisci sulla barra multifunzione Storyline e fai clic su Collegamento ipertestuale.
• Fate clic con il pulsante destro del mouse e selezionate Modifica collegamento ipertestuale.

Per modificare un collegamento ipertestuale applicato a qualsiasi elemento diverso dal testo, selezionate l'oggetto ed effettuate una delle seguenti operazioni:

• Premete Ctrl+K.
• Fate doppio clic sul trigger nel pannello Trigger.
• Vai alla scheda Inserisci sulla barra multifunzione Storyline e fai clic su Collegamento ipertestuale.

Quando viene visualizzata la Trigger Wizard, modificate le impostazioni e fate clic su OK.

Visualizzazione in anteprima dei corsi con collegamenti ipertestuali

Quando visualizzi l'anteprima di un corso, potresti scoprire che i collegamenti ipertestuali non funzionano come previsto. Per testare correttamente i collegamenti ipertestuali, dovrai pubblicare il corso.

Rendere accessibili i collegamenti ipertestuali

Con alcune modifiche al design, puoi assicurarti che tutti gli allievi possano navigare facilmente tra i collegamenti ipertestuali. Ecco alcuni modi per aumentare l'accessibilità dei collegamenti ipertestuali:

• Usa link descrittivi. Gli studenti dovrebbero essere in grado di comprendere lo scopo di un link senza leggere il contenuto circostante. Comunica lo scopo di un collegamento ipertestuale e la sua destinazione direttamente nel testo collegato. Invece di frasi vaghe come «Fai clic qui» o «Leggi di più», sii specifico con qualcosa come «Leggi la nostra informativa». (2.4.4 Scopo del collegamento [nel contesto])
• Garantire la navigazione da tastiera. I collegamenti ipertestuali devono essere facilmente accessibili e utilizzabili in ordine logico quando si utilizza la tastiera. In Storyline 360, il testo viene pubblicato con la corretta formattazione semantica per collegamenti e altri elementi in modo che tutti gli allievi possano esplorare i contenuti senza sforzo. (Tastiera 2.1.1)
• Scegli i colori visibili dell'indicatore di messa a fuoco. Gli utenti della tastiera devono poter vedere facilmente gli oggetti selezionati. Un chiaro indicatore di messa a fuoco aiuta gli allievi che navigano con una tastiera a sapere dove si trovano sulla pagina. In Storyline 360, puoi personalizzare l'indicatore di messa a fuoco accessibile con due colori. L'uso dell'indicatore di messa a fuoco a due colori con un contrasto cromatico sufficiente aiuta gli allievi a vedere il rettangolo di messa a fuoco su sfondi scuri e chiari. (2.4.7 Messa a fuoco visibile e 1.4.3 Contrasto [minimo])
• Aggiungi testo alternativo (alt) per i collegamenti ipertestuali alle immagini. Quando un'immagine è l'unico contenuto di un collegamento ipertestuale, usa il testo alternativo per descriverne lo scopo. Ad esempio, spiega agli allievi che facendo clic sull'icona della lente di ingrandimento si attiva la funzione di ricerca o che selezionando l'icona di stampa si apre la finestra Stampa del browser. (1.1.1 Contenuto non testuale e 3.2.4 Identificazione coerente)
• Indica se un collegamento ipertestuale si apre in una nuova scheda o finestra del browser. Nel testo collegato, fai sapere agli allievi se il contenuto verrà aperto in una nuova scheda o finestra del browser in modo che non siano disorientati. (3.2.1 On Focus)
• Non dipendere solo dal colore. I collegamenti ipertestuali devono avere un contrasto cromatico sufficiente, un testo collegato sottolineato e istruzioni chiare per le immagini con link, in modo che gli allievi sappiano che sono interattive. (1.4.1 Uso del colore e 1.4.3 Contrasto [minimo])
• Evita i link ridondanti. Un collegamento ipertestuale è ridondante se si trova accanto a un altro collegamento ipertestuale che porta alla stessa destinazione. Ciò comporta annunci non necessari per gli utenti di screen reader e una navigazione ripetitiva per gli utenti che utilizzano la tastiera. La combinazione di collegamenti ridondanti in un unico collegamento ipertestuale crea un'esperienza di navigazione più fluida per tutti gli allievi.

Potresti anche voler esplorare:

Lavorare con Triggers