Come creare e utilizzare le Ancore

Best Practice > Passo 4 - Pagine >

Come creare e utilizzare le Ancore

Previous pageReturn to chapter overviewNext page
Mostra/Nascondi testo nascosto 

L'Ancora è un riferimento che serve per identificare la posizione di un Oggetto all'interno della Pagina: viene utilizzata per impostare collegamenti diretti all'Oggetto stesso da un qualsiasi altro punto del Sito.

Non ci sonno limiti al numero di Ancore inseribili in una Pagina: teoricamente, a ogni Oggetto presente può essere associata un'Ancora. Per semplificare il lavoro, si consiglia di assegnare un'Ancora ad un Oggetto solo se necessario e di dare alle Ancore dei nomi significativi in modo da poterle identificare agevolmente.

Clicca per espandere/ridurreHow to: Come creare un collegamento interno alla Pagina attraverso le Ancore

A volte può essere utile impostare dei collegamenti che, facendo semplicemente scorrere la Pagina, portano in primo piano un particolare contenuto: può servire, per esempio, per creare una breve sommario iniziale su cui cliccare per saltare direttamente ai contenuti presentati, uno dopo l'altro, nel seguito.

Clicca per espandere/ridurre

Al Passo 4 - Pagine creare la Pagina inserendo tutti gli Oggetti necessari per presentare tutti i contenuti: prevedere un Oggetto Testo iniziale per il sommario e un Oggetto Testo per ogni contenuto da collegare alle diversi voci del sommario.
Sulla Griglia di impaginazione, selezionare l'Oggetto Testo relativo al primo contenuto e cliccare sul pulsante in modo da assegnargli un'Ancora: attraverso la finestra richiamata, specificare un nome adeguato per l'Ancora.
Allo stesso modo, assegnare un'Ancora a ogni altro Oggetto Testo relativo ai contenuti da richiamare, avendo cura di dare dei nomi diversi e significativi.
Fare doppio click sull'Oggetto Testo relativo al sommario iniziale in modo da aprirlo nell'editor.  
Selezionare la prima voce del sommario e cliccare sul pulsante in modo da richiamare la finestra Collegamento: scegliere l'azione Pagina del Sito e utilizzare il pulsante per visualizzare la Mappa e selezionare la Pagina stessa sulla quale si sta lavorando. Cliccare sul campo Ancora interna alla Pagina in modo da visualizzare quelle disponibili e selezionare l'Ancora che identifica il contenuto relativo alla voce del sommario.
Ripetere l'operazione in modo da creare il collegamento su tutte le voci del sommario.

È possibile perfezionare la navigazione inserendo al termine di ogni blocco di contenuto un link per tornare velocemente al sommario all'inizio della Pagina:

Tramite il pulsante assegnare un'Ancora anche all'Oggetto Testo relativo al sommario iniziale.
Aprire nell'editor l'Oggetto Testo relativo al primo blocco di contenuto e aggiungere al fondo una scritta come: "Torna all'inizio".
Selezionare la voce "Torna all'inizio" e cliccare sul pulsante in modo da impostare un collegamento con la Pagina, avendo cura di specificare l'Ancora associata al sommario.
Ripetere l'operazione in modo da inserire la voce attiva "Torna all'inizio" al termine di tutti i blocchi di contenuto.

Al posto della voce "Torna all'inizio" è possibile prevedere un pulsante grafico che può essere creato o inserendo un'immagine direttamente all'interno dell'Oggetto Testo o utilizzando un Oggetto Immagine (con il vantaggio di poter sfruttare gli effetti di mouseover): in qualsiasi caso la procedura per la creazione del collegamento non cambia.

Clicca per espandere/ridurreHow To: Come creare e gestire delle Ancore create manualmente

Se si ha l'esigenza di posizionare un'Ancora non all'inizio di un Oggetto ma al suo interno, per esempio in corrispondenza di un certo paragrafo di un Oggetto Testo, è possibile agire un due diversi modi:

1. Dividere l'Oggetto Testo originario, in due diversi Oggetti Testo in modo da poter associare l'Ancora al secondo.
2. Creare manualmente un'Ancora all'interno dell'Oggetto Testo.
Aprire l'Oggetto Testo nell'editor e cliccare sul pulsante in modo da attivare il riconoscimento del codice HTML.
Posizionarsi nel punto in cui si vuole inserire l'ancora e digitare: <A NAME="nome_ancora">&nbsp; </A>

Ovviamente al posto di "nome_ancora" occorre scrivere il nome che si vuole realmente dare all'Ancora. Nell'esempio "&nbsp;" identifica uno spazio vuoto introdotto con lo scopo di fornire un contenuto per il tag.

Quando si imposta il collegamento che punta a un'Ancora occorre considerare che le Ancore create manualmente non vengono riprese nell'elenco proposto dall'opzione Ancora interna alla Pagina. Per questo motivo è necessario:

Nella finestra Collegamento selezionare l'azione File o URL.
Nel campo File su Internet digitare: #nome_ancora

Ovviamente al posto di "nome_ancora" occorre scrivere il nome dato all'Ancora.