Personalizzazione delle pagine di accesso e di disconnessione di Outlook Web App

 

Si applica a: Exchange Server 2010 SP2, Exchange Server 2010 SP3

Ultima modifica dell'argomento: 2016-11-28

In questo argomento viene descritto come creare pagine di accesso e disconnessione personalizzate per Outlook Web App.

Per informazioni sulle altre attività avanzate di gestione per Outlook Web App, vedere Gestione delle funzionalità avanzate di Outlook Web App.

Personalizzazione delle pagine di accesso e disconnessione

Le pagine di accesso, selezione della lingua e disconnessione di Outlook Web App vengono create in base alla grafica e al file logon.css contenuti nella cartella del tema base. Di conseguenza, per utilizzare pagine di accesso e disconnessione personalizzate, è necessario modificare i file nella cartella del tema base. La cartella del tema base si trova nella directory di installazione di Exchange , in \V14\Client Access\OWA\<numero versione>\themes\base.

Nota

In Exchange Server 2010 SP1, il percorso è \V14\Client Access\OWA&lt;numero versione>\themes\resources.

Le pagine di accesso, selezione della lingua e disconnessione utilizzano il file logon.css per definire i colori e gli stili del testo. Le pagine vengono create mediante la combinazione di più immagini per il margine superiore, inferiore e per i lati e includono anche delle immagini ricorrenti e degli angoli da espandere. La pagina di accesso viene creata a partire dai file seguenti:

  • logon.css

  • lgnbotl.gif

  • lgnbotm.gif

  • lgnbotr.gif

  • lgnexlogo.gif

  • lgnleft.gif

  • lgnright.gif

  • lgntopl.gif

  • lgntopm.gif

  • lgntopr.gif

Per creare un nuovo aspetto è più semplice utilizzare un colore uniforme dato che la stessa raccolta di immagini viene utilizzata per tre pagine: la pagina di accesso, la pagina di selezione della lingua visualizzata al primo accesso per ogni cassetta postale e la pagina di disconnessione. Le pagine modificano le dimensioni in orizzontale o in verticale in base ai contenuti della pagina.

Se si posseggono più server Accesso client e si desidera che tutti utilizzino le stesse pagine di accesso e disconnessione, è necessario copiare i file di accesso e disconnessione modificati in ciascun server Accesso client. È inoltre necessario creare una copia di backup dei file personalizzati. Se Exchange viene reinstallato o aggiornato, tutti i file presenti nelle cartelle dei temi verranno sovrascritti. Una volta completata la reinstallazione o l'aggiornamento, sarà necessario ricopiare i file personalizzati nella cartella dei temi appropriata.

Avviso

Prima di modificare i file per creare pagine di accesso e disconnessione personalizzate, è consigliabile eseguire il backup di tutti i file da modificare prima di iniziare a creare le proprie pagine di accesso e disconnessione personalizzate.

Nelle figure seguenti è mostrata la pagina di accesso predefinita di Outlook Web App così come appare quando l'utente sceglie mostra spiegazione e seleziona Computer privato e Utilizza la versione ridotta di Outlook Web App. Una figura mostra in che modo si combinano i file di grafica che creano la pagina. L'altra figura mostra in che modo il file logon.css determina i colori dello sfondo e il testo della pagina di accesso.

La pagina di accesso di Outlook Web Access con i file grafici personalizzati

La pagina di accesso predefinita di Outlook Web Access con le opzioni di testo

Le seguenti figure mostrano la pagina di disconnessione predefinita di Outlook Web App. Una figura mostra in che modo si combinano i file di grafica che creano la pagina. L'altra figura mostra in che modo il file logon.css determina i colori dello sfondo e il testo della pagina di disconnessione.

La pagina di disconnessione di Outlook Web Access con i file grafici personalizzati

La pagina di disconnessione predefinita di Outlook Web Access con le opzioni di testo

Verifica delle modifiche alle pagine di accesso e disconnessione

Una volta aperta la pagina di accesso o di disconnessione di Outlook Web App in Microsoft Internet Explorer, è possibile verificare le modifiche apportate senza dover reimpostare IIS o uscire da Internet Explorer.

  1. Aprire la pagina di accesso o disconnessione di Outlook Web App in Internet Explorer.

  2. Nel barra degli strumenti fare clic su Strumenti, quindi su Opzioni Internet.

  3. Nella scheda Generale, sotto Cronologia esplorazioni, scegliere Elimina.

  4. Sotto File temporanei Internet, scegliere Elimina file, quindi fare clic su per procedere con l'eliminazione di tutti i file temporanei di Internet Explorer

  5. Fare clic su OK per chiudere la finestra Opzioni Internet.

  6. Fare clic su Aggiorna per visualizzare le proprie modifiche.

Ogni volta che si apporta una modifica ai file della pagina di accesso o di disconnessione, ripetere questi passaggi per visualizzare le modifiche. Se si apportano più modifiche, è possibile lasciare aperta la pagina di accesso o di disconnessione e ripetere i passaggi per visualizzare le modifiche.

Modifica del logo in Outlook Web App

È necessario disporre delle autorizzazioni prima di poter eseguire questa procedura. Per visualizzare quali autorizzazioni sono necessarie, vedere "Editor grafici" nell'argomento Autorizzazioni di accesso client.

Per personalizzare Outlook Web App, è possibile sostituire il logo di Outlook Web App sulle pagine di accesso e di disconnessione con il logo della propria organizzazione.

  1. Creare copie dei file che si desidera modificare, quindi salvarle in un percorso sicuro in modo da poter ripristinare, in caso di necessità, le pagine originali.

  2. Aprire il file lgntopl.gif file con uno strumento di elaborazione dell'immagine, quindi modificarlo per creare il logo che si desidera utilizzare.

  3. Salvare le modifiche, quindi fare clic su Aggiorna per visualizzare le proprie modifiche.

Nota

Se il colore dello sfondo del file lgntopl.gif è stato modificato, si consiglia di modificare concordemente i rimanenti file utilizzati per creare le pagine di accesso e di disconnessione.

Modifica di stili e colori dei caratteri

È necessario disporre delle autorizzazioni prima di poter eseguire questa procedura. Per visualizzare quali autorizzazioni sono necessarie, vedere "Editor di testo" nell'argomento Autorizzazioni di accesso client.

È possibile modificare il file logon.css per modificare gli stili del carattere e alcuni dei colori utilizzati nelle pagine. Tali modifiche includono il colore dello sfondo dietro i controlli al centro della pagina di accesso e della pagina di selezione della lingua. Se il colore di queste pagine è stato modificato, si consiglia di modificare il colore dello sfondo in modo che corrisponda.

Per modificare il colore del carattere e dello sfondo delle pagine di accesso, di selezione della lingua e di disconnessione, è necessario trovare i valori nel foglio di stile di accesso (logon.css) e in seguito stabilire i valori HTML RGB relativi ai colori che si desidera utilizzare. I valori di colore HTML RGB sono definiti da una stringa di sette caratteri, nel formato cancelletto (#) seguito da una stringa di sei caratteri. Per trovare i valori HTML RGB per molti colori , vedere Tavola colori in MSDN Library. Se si desidera un colore specifico che non si trova online, è possibile utilizzare uno strumento di elaborazione dell'immagine per campionare un colore e stabilire il suo valore HTML RGB.

Per verificare le proprie modifiche, aprire Internet Explorer e inserire l'URL per Outlook Web App. Se si stanno verificando le modifiche al sito Web predefinito sul server Accesso client che ospita la directory virtuale di Outlook Web App, è possibile effettuare la verifica aprendo Internet Explorer e immettendo l'URL https://localhost/owa.

Nota

La pagina di selezione della lingua viene visualizzata solo la prima volta in cui l'utente accede a Outlook Web App.

La tabella seguente contiene gli elementi delle pagine di accesso e di disconnessione e una descrizione di ognuno degli elementi.

Elementi delle pagine di accesso e disconnessione con le relative descrizioni

Elemento da modificare Stringa da cercare Descrizione

Colore di sfondo della finestra del browser Web

body{background-color:#ffffff

Il colore di sfondo della finestra del browser Web. Controlla il colore della finestra che racchiude le pagine di accesso e disconnessione.

Colore di sfondo delle pagine di accesso e disconnessione

Background: #ffffff

Il colore di sfondo delle pagine di accesso e disconnessione. Se si modifica il colore dello sfondo dei file di grafica, si consiglia di modificare il colore dello sfondo in modo che corrisponda.

Testo dell'avviso

wrng{color:#ff6c00;

Il colore del testo dell'avviso che appare quando un utente seleziona Computer privato. Nella pagina di accesso esistente di Outlook Web App, il testo dell'avviso è visualizzato in arancione e risalta chiaramente sullo sfondo bianco. Se si modifica il colore dello sfondo della pagina di accesso, è bene modificare anche il colore del testo dell'avviso in modo che sia leggibile.

Colore del testo primario

select, table{color:#444444;}

Il colore del testo primario è il nero. Indica le opzioni che possono essere selezionate e i campi di immissione nella pagina di accesso di Outlook Web App. Gli esempi includono le etichette per i campi nome utente e password e il testo accanto alle opzioni di protezione. Se è stato scelto un colore chiaro per le pagine di accesso, il nero funzionerà egregiamente per il testo.

mostra spiegazione/nascondi spiegazione

a{color:#ff6c00;

Collegamento nella pagina di accesso che un utente può utilizzare per mostrare o nascondere la spiegazione relativa agli accessi pubblici o privati.

Testo della spiegazione

expl{color:#999999;

Il colore del testo visualizzato quando un utente seleziona mostra spiegazione.

Descrizione della versione ridotta di Outlook Web App

disBsc{color:#999999;

Quando un utente seleziona Utilizza la versione ridotta di Outlook Web App, viene visualizzata una breve spiegazione relativa alla versione ridotta di Outlook Web App.

Una volta stabiliti gli elementi di cui si desidera modificare il colore e una volta individuati i valori HTML RGB relativi ai colori desiderati, utilizzare la procedura seguente per modificare il colore di ogni elemento definito da un file .css.

Modifica del colore di un elemento

È necessario disporre delle autorizzazioni prima di poter eseguire questa procedura. Per visualizzare quali autorizzazioni sono necessarie, vedere "Editor di testo" nell'argomento Autorizzazioni di accesso client.

  1. Aprire logon.css.

  2. Utilizzare la tabella degli elementi della pagina di accesso e di disconnessione compresa all'interno di questo argomento per trovare la stringa corrispondente all'elemento che si desidera modificare.

  3. Sostituire il valore HTML RGB del colore dell'elemento che si desidera modificare con il nuovo valore HTML RGB che si desidera utilizzare per quell'elemento.

  4. Salvare le modifiche e chiudere logon.css.

  5. Verificare le proprie modifiche aprendo Internet Explorer e immettendo l'URL della pagina di accesso di Outlook Web App.

Nota

Se l'URL di accesso di Outlook Web App è già aperto, è possibile verificare le proprie modifiche eliminando i file temporanei di Internet e aggiornando Internet Explorer. Per eseguire questa operazione fare clic su Strumenti, quindi su Opzioni Internet. Nella scheda Generale, sotto Cronologia esplorazioni, scegliere Elimina. SottoFile temporanei Internet, scegliere Elimina file, quindi fare clic su per procedere con l'eliminazione di tutti i file temporanei di Internet Explorer. Fare clic su OK per chiudere Opzioni Internet, quindi premere F5 per aggiornare la pagina di accesso.

 ©2010 Microsoft Corporation. Tutti i diritti riservati.