Personnaliser les pages de connexion et de déconnexion d’Outlook Web App

S’applique à : Exchange Server 2010 SP2, Exchange Server 2010 SP3

Dernière rubrique modifiée : 2016-11-28

Cette rubrique explique comment créer des pages de connexion et de déconnexion personnalisées pour Outlook Web App.

Souhaitez-vous rechercher les autres tâches de gestion avancée pour Outlook Web App ? Consultez la rubrique Gestion des fonctionnalités avancées Outlook Web App.

Personnaliser les pages de connexion et de déconnexion

Les pages de connexion, de sélection de la langue et de déconnexion d'Outlook Web App sont créées à partir des graphiques et du fichier logon.css dans le dossier du thème de base. Par conséquent, pour utiliser des pages de connexion et de déconnexion, vous devez modifier les fichiers dans le dossier du thème de base. Le dossier du thème de base se trouve dans le répertoire d'installation d'Exchange à \V14\Client Access\OWA\<numéro de version>\themes\base.

Remarque :
Dans Exchange Server 2010 SP1, le chemin d’accès est \V14\Client Access\OWA\<numéro de version>\themes\resources.

Les pages de connexion, de sélection de la langue et de déconnexion utilisent le fichier logon.css pour définir les styles et les couleurs du texte. Les pages sont créées en combinant plusieurs images pour la bordure du haut, la bordure du bas et les côtés. Elles incluent également des images et des angles se répétant pour expansion. Les fichiers suivants permettent de créer la page de connexion :

• logon.css ;

• lgnbotl.gif ;

• lgnbotm.gif ;

• lgnbotr.gif ;

• lgnexlogo.gif ;

• lgnleft.gif ;

• lgnright.gif ;

• lgntopl.gif ;

• lgntopm.gif ;

• lgntopr.gif.

La méthode la plus simple de création d'un nouveau style est d'utiliser une couleur unie, car le même ensemble d'images est utilisé pour trois pages : la page de connexion, la page de sélection de la langue qui apparaît sur la première connexion par boîte aux lettres et la page de déconnexion. Les pages se redimensionnent horizontalement et verticalement en fonction du contenu de la page.

Si vous disposez de plusieurs serveurs d'accès au client et voulez qu'ils utilisent tous les mêmes pages de connexion et de déconnexion, vous devez dans ce cas copier les fichiers de connexion et de déconnexion modifiés sur chaque serveur d'accès au client. Vous devez également créer une copie de sauvegarde de vos fichiers personnalisés. Si vous réinstallez ou mettez à niveau Exchange, tous les fichiers des dossiers de thèmes seront remplacés. Vous devrez recopier vos fichiers personnalisés sur le dossier de thèmes approprié une fois la réinstallation ou la mise à niveau terminée.

Attention :
Avant de modifier les fichiers permettant de créer les pages de connexion et de déconnexion, conservez des copies des fichiers à modifier.

Les illustrations suivantes présentent la page de connexion d'Outlook Web App par défaut telle qu'elle apparaît si l'utilisateur clique sur afficher des explications et sélectionne Cet ordinateur est privé et Utiliser Outlook Web App Light. La première illustration présente l'agencement des fichiers graphiques qui créent la page. La seconde montre comment le fichier logon.css détermine les couleurs de l'arrière-plan et du texte sur la page de connexion.

Page de connexion d'Outlook Web Access affichant les fichiers graphiques personnalisés

Page de connexion d'Outlook Web Access par défaut affichant les options de texte

Les illustrations suivantes présentent la page de déconnexion d'Outlook Web App par défaut. La première illustration présente l'agencement des fichiers graphiques qui créent la page. La seconde montre comment le fichier logon.css détermine les couleurs de l'arrière-plan et du texte sur la page de déconnexion.

Page de déconnexion d'Outlook Web Access affichant les fichiers graphiques personnalisés

Page de déconnexion d'Outlook Web Access par défaut affichant les options de texte

Tester les modifications apportées aux pages de connexion et de déconnexion

Après avoir ouvert la page de connexion ou de déconnexion d'Outlook Web App dans Microsoft Internet Explorer, vous pouvez tester les modifications que vous avez apportées sans devoir réinitialiser les services Internet (IIS) ou quitter Internet Explorer.

1. Ouvrez la page de connexion ou de déconnexion d'Outlook Web App dans Internet Explorer.

2. Dans la barre d'outils, cliquez sur Outils, puis sur Options Internet.

3. Sous l'onglet Général, sous Historique de navigation, cliquez sur Supprimer.

4. Sous Fichiers temporaires Internet, cliquez sur Supprimer les fichiers, puis sur Oui lorsque vous devez confirmer que vous souhaitez supprimer tous les fichiers temporaires Internet Explorer.

5. Cliquez sur OK pour fermer la fenêtre Options Internet.

6. Cliquez sur Actualiser pour afficher vos modifications.

Recommencez cette procédure pour voir vos modifications à chaque fois que vous modifiez les fichiers de la page de connexion ou de déconnexion. Si vous effectuez plusieurs modifications, vous pouvez laisser la page de connexion ou de déconnexion ouverte et recommencer la procédure pour voir vos modifications.

Modifier le logo dans Outlook Web App

Des autorisations doivent vous être attribuées avant de pouvoir exécuter cette procédure. Pour voir les autorisations qui vous sont nécessaires, voir entrée « Éditeur de graphiques » dans la rubrique Autorisations d'accès client.

Pour personnaliser Outlook Web App, vous pouvez remplacer le logo d'Outlook Web App sur les pages de connexion et de déconnexion par le logo de votre organisation.

1. Créez des copies des fichiers que vous souhaitez modifier, puis enregistrez-les à un emplacement sûr pour pouvoir restaurer les pages d'origine, si nécessaire.

2. Ouvrez le fichier lgntopl.gif à l'aide d'un outil de modification des images, puis modifiez-le pour créer le logo que vous souhaitez utiliser.

3. Enregistrez vos modifications, puis cliquez sur le bouton Actualiser pour afficher vos modifications.

Remarque :
Si vous avez modifié la couleur d'arrière-plan du fichier lgntopl.gif, nous vous conseillons de modifier en conséquence les fichiers restants utilisés pour créer les pages de connexion et de déconnexion.

Modifier les styles de police et les couleurs

Des autorisations doivent vous être attribuées avant de pouvoir exécuter cette procédure. Pour voir les autorisations qui vous sont nécessaires, voir Entrée « Éditeur de texte » dans la rubrique Autorisations d'accès client.

Vous pouvez modifier le fichier logon.css afin de modifier les styles de police et certaines couleurs utilisées dans les pages ; notamment la couleur d'arrière-plan derrière les contrôles au centre de la page de connexion et de la page de sélection de la langue. Si vous avez modifié la couleur de ces pages, nous vous conseillons de modifier la couleur d'arrière-plan en conséquence.

Pour modifier les couleurs d'arrière-plan et de police des pages de connexion, de sélection de la langue et de déconnexion, vous devez rechercher les valeurs appropriées dans la feuille de style (fichier logon.css), puis déterminer les valeurs HTML RVB des couleurs que vous souhaitez utiliser. Les valeurs des couleurs HTML RVB sont définies par une chaîne de sept caractères constituée du signe dièse (#) suivi de six caractères. Pour plus d'informations sur les valeurs HTML RVB de nombreuses couleurs, consultez la rubrique Tableau des couleurs dans MSDN Library. Si vous recherchez une couleur spécifique et ne parvenez pas à trouver une correspondance pour la couleur en ligne, vous pouvez utiliser un outil de modification des images pour prélever un échantillon de couleur et déterminer sa valeur HTML RVB.

Pour tester vos modifications, ouvrez Internet Explorer et entrez l'adresse URL pour Outlook Web App. Si vous testez les modifications apportées au site Web par défaut sur le serveur d'accès au client hébergeant le répertoire virtuel Outlook Web App, ouvrez Internet Explorer et entrez l'URL https://localhost/owa.

Remarque :
La page de sélection de la langue apparaît seulement la première fois qu'un utilisateur se connecte à Outlook Web App.

Le tableau suivant répertorie et décrit les éléments des pages de connexion et de déconnexion.

Éléments des pages de connexion et de déconnexion et leurs descriptions

Une fois que vous avez déterminé de quels éléments vous souhaitez modifier la couleur et identifié les valeurs des couleurs HTML RVB que vous voulez substituer aux couleurs de ces éléments, suivez la procédure ci-dessous pour modifier la couleur de chaque élément défini par un fichier .css.

Modifier la couleur d'un élément

Des autorisations doivent vous être attribuées avant de pouvoir exécuter cette procédure. Pour voir les autorisations qui vous sont nécessaires, voir Entrée « Éditeur de texte » dans la rubrique Autorisations d'accès client.

1. Ouvrez la feuille de styles logon.css

2. Utilisez le tableau des éléments des pages de connexion et de déconnexion présenté plus haut dans cette rubrique pour rechercher la chaîne correspondant à l'élément que vous voulez modifier.

3. Remplacez la valeur de la couleur HTML RVB de l'élément à remplacer par la nouvelle valeur de couleur que vous souhaitez utiliser pour cet élément.

4. Enregistrez vos modifications et fermez la feuille de styles logon.css.

5. Testez vos modifications en ouvrant Internet Explorer et en entrant l'URL de la page de connexion d'Outlook Web App.

Remarque :

Si vous avez déjà ouvert la page de connexion d'Outlook Web App, pour tester vos modifications, supprimez les fichiers Internet temporaires et actualisez Internet Explorer. Pour ce faire, cliquez sur Outils, puis sur Options Internet. Sous l'onglet Général, sous Historique de navigation, cliquez sur Supprimer. Sous Fichiers Internet temporaires, cliquez sur Supprimer les fichiers, puis sur Oui lorsque vous devez confirmer que vous souhaitez supprimer tous les fichiers temporaires d'Internet Explorer. Cliquez sur OK pour fermer Options Internet, puis appuyez sur F5 pour actualiser la page de connexion.

 © 2010 Microsoft Corporation. Tous droits réservés.