Pagina di ingresso

Passo 1 - Impostazioni  > Sezione 'Avanzate' >

Pagina di ingresso

Previous pageReturn to chapter overviewNext page
Mostra/Nascondi testo nascosto 

Questa finestra presenta i comandi necessari per creare una Pagina di introduzione al Sito e per predisporlo alla consultazione in diverse Lingue.

Come dice il nome, la Pagina di ingresso è una specie di copertina iniziale del Sito: in genere presenta semplicemente un'Immagine, un Video o un'Animazione e permette di accedere alla vera Home Page allo scadere di un tempo prefissato o al click su un collegamento. Se necessario, questa Pagina introduttiva può presentare anche i collegamenti per permettere la scelta della Lingua di consultazione del Sito.

Lavorando con l'edizione Pro, è anche possibile utilizzare la Pagina di ingresso per impostare il reindirizzamento automatico in base alla lingua o alla risoluzione rilevata così da configurare una miglior esperienza d'uso per il Visitatore.

Clicca per espandere/ridurreReference: I comandi per attivare la Pagina di ingresso

Dal momento che la Pagina di ingresso è un elemento facoltativo di un Sito, perché venga inserita è necessario, per prima cosa, attivare l'opzione Attiva Pagina di Ingresso. Fatto questo occorre specificare quale uso si vuol fare della Pagina di ingresso scegliendo fra le seguenti opzioni:

Mostra la Pagina di Ingresso: la Pagina di ingresso è la prima ad essere visualizzata e solo allo scadere di un tempo prefissato o al click su un collegamento appositamente predisposto viene visualizzata l'Home Page del Sito.
Mostra la Pagina di Ingresso e richiedi la scelta della lingua: la Pagina di Ingresso ha lo stesso comportamento visto per il caso precedente, in più presenta i collegamenti che consentono al Visitatore di scegliere in quale lingua consultare il Sito.
Rileva automaticamente la lingua: la Pagina di ingresso viene creata ma non viene mai visualizzata. In questo caso, infatti, la Pagina di ingresso contiene solo il codice che serve per rilevare automaticamente la lingua del Browser del Visitatore e fare il reindirizzamento alla Home Page corrispondente, presupponendo che siano state realizzate versioni in lingue diverse del Sito. Nel caso la lingua individuata non sia fra quelle previste, il Visitatore viene reindirizzato alla Home Page nella lingua impostata come Predefinita.
Rileva automaticamente la risoluzione: anche in questo caso la Pagina di ingresso viene creata ma non viene mai visualizzata dal momento che contiene solo il codice necessario per rilevare la risoluzione del dispositivo utilizzato dal Visitatore per la navigazione e per fare il reindirizzamento alla versione più opportuna del Sito. Il presupposto è che siano state realizzate versioni diverse del Sito, ottimizzate per risoluzioni diverse: per esempio, una versione Desktop e una versione Mobile.
Clicca per espandere/ridurreReference: I comandi per inserire i contenuti della Pagina di ingresso

Se si sceglie l'opzione Mostra la Pagina di Ingresso o l'opzione Mostra la Pagina di Ingresso e richiedi la scelta della lingua è possibile comporre la Pagina di ingresso definendone il Contenuto e lo Sfondo, oltre che impostando un'eventuale Colonna Sonora.

Le opzioni presentate nel riquadro Contenuto della Pagina sono:

Tipo: specifica che tipo di contenuto deve essere inserito nella Pagina di ingresso, scegliendo tra Immagine, Animazione, Video e Codice HTML.
File: attiva se  si sceglie come Tipo di contenuto l'Immagine, l'Animazione o il Video, importa il file grafico (in formato .JPG, .GIF, .PNG), il file Animazione (in formato .WAX5 o .SWF) o il File Video (in formato .MP4, .WEBM, .OGG) da utilizzare. Solo nel caso in cui si scelga di utilizzare un'Immagine, è disponibile anche il pulsante per richiamare la finestra Immagine da Libreria Online....
Codice HTML: attiva se si sceglie come Tipo di contenuto il Codice HTML, permette di digitare il codice da inserire nella Pagina di ingresso. La Barra Strumenti presente mette a disposizione i seguenti comandi:

Taglia [CTRL+X] - Copia [CTRL+C] - Incolla [CTRL+V]

Tagliano, copiano e incollano il testo selezionato.

Annulla [CTRL+Z] - Ripristina

Annullano e ripristinano l'ultima operazione eseguita/annullata.

Dimensioni: specifica le dimensioni in pixel della larghezza e dell'altezza dell'Immagine, dell'Animazione, del Video o del Codice HTML inseriti. Cliccando sull'icona del lucchetto, nell'impostare le dimensioni viene mantenuta inalterata la proporzione fra la larghezza e l'altezza.

Le opzioni presentate nel riquadro Sfondo della Pagina sono:

Colore Sfondo: specifica il colore di sfondo della Pagina di ingresso.
File Immagine: seleziona il file grafico (.JPG, .GIF, .PNG.) relativo all'immagine da utilizzare come sfondo. L'immagine può essere ricercata o all'interno della Immagine da Libreria Online... richiamabile attraverso il pulsante o nelle cartelle locali attraverso il pulsante Selezione file.
Disposizione: specifica se l'immagine inserita come sfondo deve essere ripetuta o meno. L'Immagine può essere ripetuta solo in senso orizzontale, solo in senso verticale o in entrambe i sensi, in modo da giungere ad occupare l'intero spazio a disposizione. In più, è possibile fare in modo che l'immagine venga adattata, ovvero ridimensionata in modo da coprire tutto lo sfondo.
Allineamento: specifica come deve essere allineata l'Immagine inserita rispetto alla finestra del Browser.

Infine, il riquadro Opzioni presenta le seguenti opzioni:

Suono in ingresso: specifica il file audio (in formato .MP3) da utilizzare come sottofondo musicale durante la visualizzazione della Pagina di ingresso.
Salta alla Home Page dopo [sec]: disponinile solo nel caso sia stata selezionata l'opzione Mostra la Pagina di Ingresso, specifica per quanti secondi deve essere visualizzata la Pagina di ingresso. Trascorso l'intervallo di tempo impostato, viene automaticamente visualizzata la Home Page.
Clicca per espandere/ridurreReference: I comandi per impostare le lingue

Se si sceglie l'opzione Mostra la Pagina di Ingresso e richiedi la scelta della lingua o l'opzione Rileva automaticamente la lingua, è necessario definire anche le impostazioni relative alla gestione delle lingue.

Nel riquadro Elenco Lingue occorre comporre la lista delle Lingue in cui il Sito sarà disponibile. Di default viene proposto un elenco composto da 5 Lingue che, in qualsiasi caso, può essere liberamente modificato attraverso i comandi disponibili:

Aggiungi... / Rimuovi: permettono di comporre l'elenco delle Lingue di consultazione consentendo, rispettivamente, di aggiungere una nuova Lingua (tramite la finestra richiamata Impostazioni Lingua) o di cancellare una Lingua già inserita.
Sposta Sopra / Sposta Sotto: disponibili solo se si sceglie l'opzione Mostra la Pagina di Ingresso e richiedi la scelta della lingua, agiscono sull'ordine di visualizzazione delle Lingue già presenti, spostando verso l'alto o verso il basso quella selezionata.
Predefinito: imposta come "predefinita" la Lingua selezionata all'interno dell'Elenco Lingue. Se è stata scelta l'opzione Mostra la Pagina di Ingresso e richiedi la scelta della lingua, deve essere impostata come "predefinita" la Lingua del Sito a cui i Visitatori devono accedere immediatamente, prima ancora di effettuare la scelta della Lingua di consultazione preferita. Se, invece, è stata scelta l'opzione Rileva automaticamente la lingua, deve essere impostata come "predefinita" la Lingua del Sito a cui i Visitatori devono essere reindirizzati nel caso in cui abbiano impostato una lingua del Browser diversa da quelle previste. In entrambi i casi il Sito nella Lingua predefinita è l'unico per il quale è necessario attivare la Pagina di ingresso.
Modifica...: richiama la finestra Impostazioni Lingua in modo da modificare i parametri impostati per la Lingua selezionata fra quelle già inserite nell'Elenco Lingue.

Per maggiori informazioni, vedere: Come si crea un sito consultabile in lingue diverse?  

Anche se nella finestra relativa alla Pagina di ingresso si parla esplicitamente di Lingue, è possibile sfruttare questa gestione per permettere al Visitatore di scegliere non solo fra Lingue di consultazione diverse ma, più genericamente, fra diverse versioni di uno stesso Sito. Per esempio, si potrebbe impostare la scelta tra "Versione adatta ai minori / Versione solo per adulti".

Clicca per espandere/ridurre Reference: I comandi per impostare il reindirizzamento in base alla risoluzione

Se si sceglie l'opzione Rileva automaticamente la risoluzione, disponibile solo nell'edizione Pro di WebSite X5, non è necessario inserire alcun contenuto ma occorre invece impostare dei breakpoint per identificare degli intervalli di risoluzioni a cui far corrispondere la visualizzazione di una determinata versione del Sito. Preparando versioni dello stesso Sito ottimizzate per risoluzioni diverse (per esempio, versione Desktop e versione Mobile) e rilevando automaticamente la risoluzione del dispositivo utilizzato è possibile, infatti, far visualizzare a ciascun Visitatore la versione del Sito più adeguata.

Un breakpoint può essere genericamente definito come un punto, sulla linea ideale che esprime la risoluzione dei possibili dispositivi su cui potrà essere visualizzato un Sito, in cui si verifica una qualche modifica al layout della Pagina.

Nella tabella Elenco dei breakpoint vengono ricapitolati tutti i breakpont inseriti, con gli Intervalli che determinano e le URL delle versioni del Sito a cui sono collegati. Di default, alla creazione di un nuovo Progetto sono presenti solo i breakpoint che determinano le Visualizzazioni Desktop e Smartphone.

Il breakpoint per la visualizzazione Desktop viene impostato automaticamente riprendendo la risoluzione del Modello Principale attualmente impostato e non può essere modificato manualmente. Analogamente, per questo breakpoint anche la URL viene impostata automaticamente (riprendendo quanto specificato nel campo Indirizzo URL del Sito presente nella finestra Impostazioni del Sito | Generale).

Ad eccezione dei breakpoint che determinano le Visualizzazioni Desktop e Smartphone, dunque, gli altri breakpoint possono essere aggiunti, modificati o rimossi attraverso gli appositi comandi presenti a lato della tabella riepilogativa:

Aggiungi...: aggiunge, tramite la finestra richiamata Impostazioni Breakpoint, un nuovo breakpoint specificando la risoluzione alla quale deve scattare e la URL a cui deve reindirizzare. È possibile impostare fino a un massimo di 10 breakpoint complessivi.
Predefinito: imposta come "predefinito" il breakpoint selezionato all'interno dell'Elenco dei breakpoint. Deve essere impostato come "predefinito" il breakpoint relativo al Sito del Progetto in corso.
Modifica...: consente di modificare, tramite la finestra richiamata Impostazioni Breakpoint, il valore della risoluzione del breakpoint selezionato. Non è attivo per i breakpoint associati alla Visualizzazione Desktop e alla Visualizzazione Smartphone i cui valori vengono impostati in automatico.
Rimuovi: elimina il breakpoint selezionato. I breakpoint che determinano le Visualizzazioni Desktop e Smartphone non possono essere eliminati.

Per maggiori informazioni, vedere: Come si creano le versioni Desktop e Mobile di un Sito Web?  

Attivando la visualizzazione di una Pagina di ingresso, viene automaticamente visualizzata sulla Mappa la Pagina Speciale "Pagina di ingresso": è possibile selezionarla e richiamare la finestra Proprietà Pagina per definirne le proprietà principali.

 


Leggi le Guide:

-

Come si inseriscono i comandi per la scelta della lingua in una pagina di ingresso?

-

Come si imposta il reindirizzamento in base alla lingua del browser?

-

Come si imposta il reindirizzamento in base alla risoluzione del dispositivo?