Anpassen der An- und Abmeldeseiten für Outlook Web App

Letztes Änderungsdatum des Themas: 2009-09-25

In diesem Thema wird erläutert, wie Sie benutzerdefinierte An- und Abmeldeseiten für Outlook-Webanwendung erstellen.

Möchten Sie wissen, welche anderen erweiterten Verwaltungsaufgaben es für Outlook-Webanwendung gibt? Weitere Informationen finden Sie hier: Verwalten erweiterter Funktionen von Outlook Web App.

Anpassen der An- und Abmeldeseiten

Die Seiten für Anmeldung, Sprachauswahl und Abmeldung in Outlook-Webanwendung werden immer basierend auf den Grafiken und der Datei logon.css im Basisdesignordner erstellt. Aus diesem Grund ist es zum Verwenden benutzerdefinierter Anmelde- und Abmeldeseiten erforderlich, die Dateien im Basisdesignordner zu ändern. Sie finden den Basisdesignordner im Exchange-Installationsverzeichnis unter \V14\Client Access\OWA\<Versionsnummer>\themes\base.

Schriftstil und -farben der Seiten für Anmeldung, Sprachauswahl und Abmeldung werden anhand der Datei logon.css bestimmt. Die Seiten werden erstellt, indem verschiedene Bilder für den oberen Rand, den unteren Rand und die seitlichen Ränder kombiniert werden, und sie enthalten sich wiederholende Bilder und Ecken für die Erweiterung. Aus den folgenden Dateien wird die Anmeldeseite erstellt:

• logon.css
• lgnbotl.gif
• lgnbotm.gif
• lgnbotr.gif
• lgnexlogo.gif
• lgnleft.gif
• lgnright.gif
• lgntopl.gif
• lgntopm.gif
• lgntopr.gif

Am einfachsten lässt sich ein neues Aussehen unter Verwendung einer Volltonfarbe erstellen, denn für drei Seiten wird dieselbe Auswahl von Bildern verwendet: für die Anmeldeseite, die Sprachauswahlseite, die bei der erstmaligen Anmeldung bei einem Postfach angezeigt wird, und die Abmeldeseite. Die Größe der Seiten variiert horizontal und vertikal basierend auf dem jeweiligen Inhalt.

Wenn Sie über mehrere Clientzugriffsserver verfügen, die alle dieselben Anmelde- und Abmeldeseiten verwenden sollen, kopieren Sie die geänderten Anmelde- und Abmeldedateien auf jeden Clientzugriffsserver.

In der folgenden Abbildung ist die Outlook-Webanwendung-Standardanmeldeseite dargestellt, die angezeigt wird, wenn der Benutzer auf Beschreibung anzeigen klickt und Dies ist ein privater Computer sowie Outlook Web Access Light verwenden auswählt. Eine Abbildung zeigt, wie die Grafikdateien, aus denen die Seite erstellt wird, zusammenwirken. Die andere Abbildung veranschaulicht, wie die Datei logon.css die Farben von Hintergrund und Text auf der Anmeldeseite bestimmt.

Outlook Web Access-Anmeldeseite mit benutzerdefinierten Grafikdateien

Outlook Web Access-Standardanmeldeseite mit Textoptionen

Die folgenden Abbildungen stellen die Outlook-Webanwendung-Standardabmeldeseite dar. Eine Abbildung zeigt, wie die Grafikdateien, aus denen die Seite erstellt wird, zusammenwirken. Die andere Abbildung veranschaulicht, wie die Datei logon.css die Farben von Hintergrund und Text auf der Abmeldeseite bestimmt.

Outlook Web Access-Abmeldeseite mit benutzerdefinierten Grafikdateien

Outlook Web Access-Standardabmeldeseite mit Textoptionen

Testen von Änderungen an der An- und Abmeldeseite

Nachdem Sie die An- oder Abmeldeseite für Outlook-Webanwendung in Microsoft Internet Explorer geöffnet haben, können Sie Ihre Änderungen testen, ohne IIS zurücksetzen oder Internet Explorer beenden zu müssen.

1. Öffnen Sie die An- oder Abmeldeseite für Outlook-Webanwendung in Internet Explorer.
2. Klicken Sie auf der Symbolleiste auf Extras, und klicken Sie anschließend auf Internetoptionen.
3. Klicken Sie auf der Registerkarte Allgemein unter Browserverlauf auf Löschen.
4. Klicken Sie unter Temporäre Internetdateien auf Dateien löschen. Wenn Sie gefragt werden, ob Sie wirklich alle temporären Internet Explorer-Dateien löschen möchten, klicken Sie auf Ja.
5. Klicken Sie auf OK, um Internetoptionen zu schließen.
6. Klicken Sie auf Aktualisieren, um die Änderungen anzuzeigen.

Wiederholen Sie diese Schritte immer dann, wenn Sie Änderungen an den Dateien der An- und Abmeldeseiten vorgenommen haben. Wenn Sie zahlreiche Änderungen durchführen, können Sie die An- oder Abmeldeseite geöffnet lassen und die Änderungen durch Ausführen der genannten Schritte überprüfen.

Ändern des Logos in Outlook Web App

Bevor Sie dieses Verfahren ausführen können, müssen Ihnen die entsprechenden Berechtigungen zugewiesen werden. Informationen zu den von Ihnen benötigten Berechtigungen finden Sie unter "Grafikbearbeitung" im Thema Clientzugriffsberechtigungen.

Zum Anpassen von Outlook-Webanwendung können Sie das Outlook-Webanwendung-Logo auf der An- und Abmeldeseite in das Logo Ihrer Organisation ändern.

1. Erstellen Sie Kopien der Dateien, die Sie ändern möchten, und speichern Sie diese an einem sicheren Ort, damit Sie die Originalseiten bei Bedarf wiederherstellen können.
2. Öffnen Sie die Datei lgntopl.gif in einem Bildbearbeitungstool, und bearbeiten Sie die Datei, indem Sie das gewünschte Logo erstellen.
3. Speichern Sie die Änderungen, und klicken Sie dann auf die Schaltfläche Aktualisieren, um die Änderungen anzuzeigen.

Ändern von Schriftstil und Farben

Bevor Sie dieses Verfahren ausführen können, müssen Ihnen die entsprechenden Berechtigungen zugewiesen werden. Informationen zu den von Ihnen benötigten Berechtigungen finden Sie unter "Text-Editor" im Thema Clientzugriffsberechtigungen.

Sie können die Datei logon.css bearbeiten, um den Schriftstil und einige der auf den Seiten verwendeten Farben zu ändern. Dazu zählt die Hintergrundfarbe hinter den Steuerelementen in der Mitte der Anmelde- und der Sprachauswahlseite. Wenn Sie die Farbe dieser Seiten geändert haben, sollten Sie auch die Hintergrundfarbe entsprechend anpassen.

Zum Ändern der Hintergrund- und Schriftfarben von Anmelde-, Sprachauswahl- und Abmeldeseite, suchen Sie die Werte in der Datei logon.css, und bestimmen Sie die HTML RGB-Werte für die Farben, die Sie verwenden möchten. Die HTML RGB-Farbwerte werden durch eine siebenstellige Zeichenfolge definiert, bestehend aus dem Nummernzeichen (#) und sechs Zeichen. Unter Farbtabelle in der MSDN-Bibliothek finden Sie die HTML RGB-Werte für viele Farben. Wenn Sie eine bestimmte Farbe benötigen und diese online nicht finden, erstellen Sie ein Beispiel der Farbe in einem Bildbearbeitungstool, und ermitteln Sie so den entsprechenden HTML RGB-Wert.

Zum Testen der Änderungen öffnen Sie Internet Explorer, und geben Sie die URL für Outlook-Webanwendung ein. Zum Testen der Änderungen an der Standardwebsite auf dem Clientzugriffsserver, auf dem sich das virtuelle Outlook-Webanwendung-Verzeichnis befindet, öffnen Sie Internet Explorer, und geben Sie die URL https://localhost/owa ein.

Die folgende Tabelle enthält die Elemente der An- und Abmeldeseite sowie eine Beschreibung der einzelnen Elemente.

Elemente der An- und Abmeldeseite mit den entsprechenden Beschreibungen

Nachdem Sie entschieden haben, für welche Elemente Sie die Farbe ändern möchten, und nachdem Sie die entsprechenden HTML RGB-Farbwerte der gewünschten Farben ermittelt haben, können Sie mit dem folgenden Verfahren die Farben aller Elemente ändern, die in einer CSS-Datei definiert sind.

Ändern der Farbe eines Elements

Bevor Sie dieses Verfahren ausführen können, müssen Ihnen die entsprechenden Berechtigungen zugewiesen werden. Informationen zu den von Ihnen benötigten Berechtigungen finden Sie unter "Text-Editor" im Thema Clientzugriffsberechtigungen.

1. Öffnen Sie die Datei logon.css.
2. Anhand der weiter oben im vorliegenden Thema abgebildeten Tabelle mit den Elementen der An- und Abmeldeseite können Sie die Zeichenfolgen ermitteln, nach denen Sie für die jeweiligen zu ändernden Elemente suchen müssen.
3. Ersetzen Sie den HTML RGB-Farbwert des zu ändernden Elements durch den HTML RGB-Wert für die neue Farbe, die Sie für das Element verwenden möchten.
4. Speichern Sie die Änderungen, und schließen Sie die Datei logon.css.
5. Testen Sie die Änderungen, indem Sie Internet Explorer öffnen und die URL für die Outlook-Webanwendung-Anmeldeseite eingeben.