Best Practice > Passo 1 - Impostazioni > Sezione Avanzate

Internet permette di scavalcare i confini nazionali e, se si prevede che il Sito verrà consultato anche da persone di nazionalità diversa, è bene consentire la scelta fra più Lingue.

Gestire un Sito in Lingue diverse aggiunge un certo grado di complessità al Progetto ma, grazie alle funzioni messe a disposizione da WebSite X5 e potendo contare su un buon servizio di traduzione, tale compito può essere risolto brillantemente.

Innanzi tutto, è importante specificare che WebSite X5 genera tutti i file HTML relativi alle Pagine di un Sito utilizzando la Codifica UTF-8 (Unicode Transformation Format, 8 bit) dei caratteri. Grazie all'impiego dell'UTF-8 è possibile realizzare Siti in qualsiasi Lingua, incluse quelle che utilizzano alfabeti diversi da quello Latino come, per esempio, il Greco, il Cirillico, il Copto, l'Armeno, l'Ebraico e l'Arabo, senza trascurare il Cinese, il Giapponese e il Coreano. In più, non solo è possibile creare un Sito in qualsiasi Lingua ma è anche possibile prevedere testi in Lingue diverse all'interno dello stesso Sito, senza avere problemi di visualizzazione dei caratteri: per esempio, potremmo pensare tranquillamente a un testo in Russo con traduzione a fronte in Italiano.

Procedendo nella creazione di un Sito, WebSite X5 consente, in primo luogo, di associare una Lingua al Progetto (nella finestra Impostazioni del Sito opzione Lingua dei contenuti): questo passaggio è essenziale per una corretta gestione dei testi che vengono inseriti automaticamente dal Programma. Oltre ad alcune Lingue pre-installate, è possibile accedere alla finestra Gestione Contenuti in Lingua cliccando sul pulsante per creare/importare altre Lingue o modificare le voci di quelle già presenti (vedere, Come gestire le Lingue per i testi inseriti in automatico).

Infine, WebSite X5 permette di creare un Sito multi-lingua in cui si da al Visitatore la facoltà di scegliere la Lingua di consultazione che preferisce fra quelle disponibili o, lavorando con l'edizione Pro, gli si propone automaticamente la versione del Sito che meglio dovrebbe rispondere alle sue esigenze. In questo caso, non occorre fare altro che creare un Progetto per ciascuna Lingua e collegarli fra loro come se fossero sezioni diverse di un unico Sito. I metodi per collegare fra loro Progetti che differiscono solo per la Lingua di consultazione sono essenzialmente due: il primo sfrutta la Pagina di ingresso, il secondo la possibilità di inserire dei collegamenti direttamente dell'Intestazione del Modello. Con l'edizione Pro, a questi si aggiunge un terzo metodo che sfrutta la possibilità di rilevare la Lingua del Browser per impostare il reindirizzamento automatico.

Ipotizzando di voler creare un Sito consultabile in Italiano, Inglese e Portoghese, è possibile utilizzare la Pagina di ingresso per inserire i pulsanti che permettono al Visitatore di scegliere in quale lingua visualizzare i contenuti.

▪	Innanzi tutto, occorre creare il Sito in Italiano definendone struttura e contenuti e in Impostazioni del Sito impostare "IT - Italian" come Lingua dei contenuti.

▪

Al Passo 1 - Impostazioni del Sito | Avanzate cliccare sul pulsante Pagina di ingresso e, nella finestra relativa, attivare l'opzione Attiva Pagina di Ingresso, selezionare Mostra la Pagina di Ingresso e richiedi la scelta della lingua, specificare quale immagine/animazione visualizzare come Sfondo della Pagina e settare tutte le impostazioni necessarie per dargli l'aspetto desiderato.

▪

Attraverso i comandi disponibili, comporre l'Elenco Lingue. Dall'elenco proposto selezionare le voci "Deutsch", "Español" e "Français", relative a Lingue non previste, e cliccare sul pulsante Rimuovi. Cliccare poi sul pulsante Aggiungi... per richiamare la finestra Impostazioni Lingua e aggiungere la Lingua Portoghese: come Nome della Lingua da visualizzare digitare "Português" e importare un file per l'immagine associata.

▪	Analogamente, selezionare le voci "Italiano" e "English" e cliccare sul pulsante Modifica... per richiamare la finestra Impostazioni Lingua e aggiungere le immagini mancanti delle bandiere.

▪	Dal momento che il Progetto corrente è quello in Italiano (l'unico a cui sarà associata la Pagina di ingresso), selezionare la voce "Italiano"dall'Elenco Lingue e cliccare sul pulsante Predefinito.

▪	Utilizzare i pulsanti Sposta Sopra e Sposta Sotto per ordinare le Lingue nel modo più opportuno.

Inserite le immagini delle bandierine delle lingue, occorre impostare i collegamenti su di esse. Ipotizzando che verrà creato un Sito per ogni Lingua e che questi verranno pubblicati online, è possibile prevedere un collegamento con delle URL:

▪	Nell'Elenco Lingue selezionare la voce "English" e cliccare sul pulsante Modifica... per richiamare la finestra Impostazioni Lingua.

▪

Cliccare sul pulsante

disponibile per l'opzione Collegamento per questa Lingua (es mostra il Sito in questa lingua) e, nella finestra Collegamento richiamata, selezionare l'azione File o URL e specificare la URL del Sito in Inglese: per esempio, http//www.miosito.it/en/index.html, se si prevede di pubblicare il Sito in Inglese nella sotto-cartella "en" della cartella principale su Server.

▪	Ripetere le stesse operazioni anche per il Sito in Portoghese collegandolo alla URL relativa: per esempio, http//www.miosito.it/pt/index.html, se si prevede di pubblicare il Sito in Portoghese nella sotto-cartella "pt" della cartella principale su Server.

A questo punto il Sito è predisposto per permettere la scelta della Lingua ma mancano ancora i contenuti relativi alla Lingua Inglese e alla Lingua Portoghese.

▪

Per procedere più rapidamente alla creazione del Sito in Lingua Inglese, creare una copia del Sito in Italiano: nella finestra iniziale Scelta del Progetto selezionare il Progetto del Sito in Italiano e cliccare sul pulsante Duplica. Cliccare poi sul pulsante Rinomina per modificare adeguatamente il nome del nuovo Progetto.

▪	Aprire la copia del Progetto e in Impostazioni del Sito impostare "EN - English" come Lingua dei contenuti: procedere inserendo le localizzazioni per tutti i testi e gli elementi eventualmente dipendenti dalla Lingua.

▪	Al Passo 1 - Impostazioni del Sito \| Avanzate, accedere alla finestra Pagina di ingresso e disattivare l'opzione Attiva Pagina di Ingresso.

▪	Terminato il Progetto del Sito in Inglese, ripetere la stessa procedura per predisporre anche il Progetto del Sito in Portoghese.

Per la pubblicazione su Server dei Siti realizzati occorre procedere nel seguente modo:

▪

Pubblicazione del Sito in Italiano: il Sito in Italiano è quello a cui è associata la Pagina di ingresso ed è stato impostato come "predefinito". Procedendo alla pubblicazione verrà creato un file index.html, corrispondente alla Pagina di ingresso, e salvato nella cartella di pubblicazione. Per rispettare le URL impostate per i Siti in lingua Inglese e Portoghese, occorre creare su Server le sottocartelle previste: "en" e "pt".

Portato a termine questo passaggio, il Sito Italiano sarà online e nella Pagina di ingresso saranno attivi i collegamenti sui pulsanti della Lingua che però non porteranno ancora a nulla.

▪	Pubblicazione del Sito in Inglese: perché il link presente nella Pagina di ingresso al Sito Inglese funzioni, pubblicare il Progetto nella sotto-cartella "en" creata.

▪	Pubblicazione del Sito in Portoghese: analogamente, perché il link presente nella Pagina di ingresso al Sito Portoghese funzioni, pubblicare il Progetto nella sotto-cartella "pt" creata.

Pubblicati tutti e tre i Siti nelle corrette sotto-cartelle, i pulsanti presenti nella Pagina di ingresso funzioneranno correttamente e permetteranno ai Visitatori di consultare i contenuti del Sito nella Lingua preferita.

Attraverso l'opzione Collegamento per questa Lingua (es mostra il Sito in questa lingua) presente nella finestra Impostazioni Lingua è possibile impostare sulle immagini associate alle Lingue (nella maggior parte dei casi, le bandierine) qualsiasi tipo di azione. Questo significa che, al posto che collegare un intero Sito come si è visto nell'esempio, si può collegare una semplice Pagina interna o un messaggio di avviso per spiegare che il Sito in una Lingua non è ancora disponibile ma lo sarà al più presto, oppure un documento PDF con tutte le informazioni che si vogliono fornire per una Lingua, o mettere in atto altre soluzioni ancora a seconda dei casi.

Ipotizzando sempre di voler creare un Sito consultabile in Italiano, Inglese e Portoghese, un modo alternativo o complementare alla Pagina di ingresso per presentare i Pulsanti per la scelta della Lingua è quello di inserirli nell'Intestazione del Modello del Sito. Questo metodo offre il vantaggio di dare al Visitatore la possibilità di cambiare Lingua di consultazione in qualsiasi momento e da qualsiasi Pagina del Sito.

▪	Innanzi tutto, occorre creare il Sito in Italiano definendone struttura e contenuti e in Impostazioni del Sito impostare "IT - Italian" come Lingua dei contenuti.

▪	Accedere alla finestra Contenuto del Modello per poter agire sull'Intestazione e creare i Pulsanti che permetteranno al Visitatore di scegliere la Lingua di consultazione.

▪	Attraverso l'Oggetto Immagine, importare il file grafico relativo all'immagine di una bandierina italiana: se si vuole creare un pulsante con effetto di mouseover, sfruttare l'opzione Effetto su passaggio del mouse per importare una seconda immagine, leggermente diversa dalla prima.

▪	Ripetere questa procedura per creare anche i Pulsanti con la bandiera Inglese e la bandiera Portoghese.

▪

Selezionare il Pulsante con la bandiera Inglese e cliccare sul comando

Collegamento: nella finestra Collegamento richiamata scegliere l'azione File o URL e attivare l'opzione File su Internet digitando l'indirizzo a cui sarà raggiungibile la Home Page del Sito Inglese una volta che sarà online (per esempio: http//www.miosito.it/en/index.html).

▪	Ripetere la stessa procedura anche con il Pulsante per la Lingua Portoghese collegandolo alla URL relativa (per esempio: http//www.miosito.it/pt/index.html).

Ovviamente, dal momento che si sta lavorando al Progetto del Sito Italiano non occorre inserire alcun collegamento sul Pulsante con la bandiera Italiana.

▪

▪	Aprire la copia del Progetto e in Impostazioni del Sito impostare "EN - English" come Lingua dei contenuti: procedere inserendo le localizzazioni per tutti i testi e gli elementi eventualmente dipendenti dalla Lingua.

▪	Accedere alla finestra Contenuto del Modello e sistemare i collegamenti sui Pulsanti con le bandiere: associare a quello dell'Italiano il collegamento con la URL relativa (per esempio: http://http//www.miosito.it/index.html) e rimuovere il collegamento dal Pulsante con la bandiera Inglese.

▪	Terminato il Progetto del Sito in Inglese, ripetere la stessa procedura per predisporre anche il Progetto del Sito in Portoghese. In questo caso occorrerà impostare i collegamenti sui Pulsanti relativi alle Lingue Italiano e Inglese e rimuoverlo da quello relativo alla Lingua Portoghese.

Perché i Pulsanti creati per la scelta della Lingua funzionino correttamente è necessario che i Siti nelle 3 Lingue vengano pubblicati su Server rispettando i percorsi previsti.

▪	Creare nella cartella di pubblicazione su Server due sotto-cartelle e chiamarle: "en" e "pt".

▪	Pubblicare il Progetto in Italiano (assunto come Progetto principale) nella cartella principale su Server e i Progetti dei Siti in Inglese e in Portoghese rispettivamente nelle sotto-cartelle "en" e "pt".

Ipotizzando ancora una volta di voler creare un Sito consultabile in Italiano, Inglese e Portoghese, lavorando con l'edizione Pro di WebSite X5 è possibile fare in modo che il Visitatore non debba effettuare la scelta della Lingua preferita ma che gli venga subito proposta la versione del Sito presumibilmente più corretta per lui. È possibile ottenere questo risultato sfruttando la possibilità di rilevare la lingua impostata per il Browser e di reindirizzare di conseguenza il Visitatore a versioni diverse dello stesso Sito. Ovviamente non sarà possibile coprire tutte le lingue pertanto occorrerà scegliere, fra le lingue che verranno attivate, quella che dovrà essere utilizzata come ripiego.

Nel nostro esempio, l'Inglese sarà utilizzato come Lingua di ripiego in tutti i casi in cui verrà rilevata una lingua del Browser diversa dall'Inglese, dall'Italiano e dal Portoghese. Il Sito in Inglese sarà, dunque, il Sito principale mentre quelli in Italiano e in Portoghese saranno versioni pubblicate in sotto-cartelle della cartella principale su server.

▪	Innanzi tutto, occorre creare il Sito in Inglese definendone struttura e contenuti e in Impostazioni del Sito impostare "EN - English" come Lingua dei contenuti.

▪	Al Passo 1 - Impostazioni del Sito \| Avanzate cliccare sul pulsante Pagina di ingresso e, nella finestra relativa, attivare l'opzione Attiva Pagina di Ingresso e selezionare Rileva automaticamente la lingua.

▪

▪	Analogamente, selezionare le voci "Italiano" e "Português" e cliccare sul pulsante Modifica... per richiamare la finestra Impostazioni Lingua e verificare il codice di riferimento associato.

▪	Dal momento che il Progetto corrente è quello in Inglese, selezionare la voce "English" dall'Elenco Lingue e cliccare sul pulsante Predefinito.

Ipotizzando che verrà creato un Sito per ogni Lingua e che questi verranno pubblicati online, è possibile procedere all'impostazione dei collegamenti con delle URL:

▪	Nell'Elenco Lingue selezionare la voce "Italiano" e cliccare sul pulsante Modifica... per richiamare la finestra Impostazioni Lingua.

▪	Nel campo URL per questa Lingua specificare la URL del Sito in Italiano: per esempio, http//www.miosito.it/it/, se si prevede di pubblicare il Sito in Italiano nella sotto-cartella "it" della cartella principale su Server.

▪	Ripetere le stesse operazioni anche per il Sito in Portoghese collegandolo alla URL relativa: per esempio, http//www.miosito.it/pt/, se si prevede di pubblicare il Sito in Portoghese nella sotto-cartella "pt" della cartella principale su Server.

A questo punto il Sito è predisposto per permettere il reindirizzamento in base alla Lingua ma mancano ancora i contenuti relativi alla Lingua Italiana e alla Lingua Portoghese.

▪

Per procedere più rapidamente alla creazione del Sito in Lingua Italiana, creare una copia del Sito in Inglese: nella finestra iniziale Scelta del Progetto selezionare il Progetto del Sito in Inglese e cliccare sul pulsante Duplica. Cliccare poi sul pulsante Rinomina per modificare adeguatamente il nome del nuovo Progetto.

▪	Aprire la copia del Progetto e in Impostazioni del Sito impostare "IT - Italiano" come Lingua dei contenuti: procedere inserendo le localizzazioni per tutti i testi e gli elementi eventualmente dipendenti dalla Lingua.

▪	Al Passo 1 - Impostazioni del Sito \| Avanzate, accedere alla finestra Pagina di ingresso e disattivare l'opzione Attiva Pagina di Ingresso.

▪	Terminato il Progetto del Sito in Italiano, ripetere la stessa procedura per predisporre anche il Progetto del Sito in Portoghese.

Per la pubblicazione su Server dei Siti realizzati occorre procedere nel seguente modo:

▪

Pubblicazione del Sito in Inglese: il Sito in Inglese è quello a cui è associata la Pagina di ingresso ed è stato impostato come "predefinito". Procedendo alla pubblicazione verrà creato un file index.html, corrispondente alla Pagina di ingresso, e salvato nella cartella di pubblicazione. Per rispettare le URL impostate per i Siti in lingua Italiano e Portoghese, occorre creare su Server le sottocartelle previste: "it" e "pt".

Portato a termine questo passaggio, il Sito Inglese sarà online e nella Pagina di ingresso sarà attivo il codice che rileva la lingua del Browser e imposta di conseguenza il reindirizzamento ai Siti nelle altre lingue.

▪	Pubblicazione del Sito in Italiano: perché il codice di reindirizzamento presente nella Pagina di ingresso al Sito Italiano funzioni, pubblicare il Progetto nella sotto-cartella "it" creata.

▪	Pubblicazione del Sito in Portoghese: analogamente, perché il codice di reindirizzamento presente nella Pagina di ingresso al Sito Portoghese funzioni, pubblicare il Progetto nella sotto-cartella "pt" creata.

Best practice:

-	Come gestire le Lingue per i testi inseriti in automatico

Come creare un Sito multi-lingua

Come creare un Sito multi-lingua