(0) exportieren Drucken
Alle erweitern

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

Exchange 2010
 

Gilt für: Exchange Server 2010 SP3, Exchange Server 2010 SP2

Letztes Änderungsdatum des Themas: 2012-07-23

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

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

Die Seiten für Anmeldung, Sprachauswahl und Abmeldung in Outlook Web App 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.

HinweisAnmerkung:
In Exchange Server 2010 SP1 lautet der Pfad \V14\Client Access\OWA\<Versionsnummer>\themes\resources.

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. Sie sollten zudem eine Sicherungskopie Ihrer angepassten Dateien erstellen. Bei der erneuten Installation oder beim Upgrade von Exchange werden sämtliche Dateien im Ordner themes überschrieben. Nach Abschluss der Installation oder des Upgrades müssen Sie Ihre angepassten Dateien in den entsprechenden Ordner themes kopieren.

VorsichtVorsicht:
Erstellen Sie Sicherungskopien aller Dateien, die Sie zum Erstellen benutzerdefinierter An- und Abmeldeseiten ändern, bevor Sie mit diesem Vorgang beginnen.

In der folgenden Abbildung ist die Outlook Web App-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 App – standardmäßige Anmeldeseite

Outlook Web Access-Standardanmeldeseite mit Textoptionen

Outlook Web App – Anmeldeseite mit Textoptionen

Die folgenden Abbildungen stellen die Outlook Web App-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 App – standardmäßige Abmeldeseite

Outlook Web Access-Standardabmeldeseite mit Textoptionen

Outlook Web App – Abmeldeseite mit Textoptionen

Nachdem Sie die An- oder Abmeldeseite für Outlook Web App 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 Web App 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.

UNRESOLVED_TOKEN_VAL(<rte:RBAC_ProcedureFragment>) "Grafikbearbeitung" im Thema Clientzugriffsberechtigungen.

Zum Anpassen von Outlook Web App können Sie das Outlook Web App-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.

HinweisAnmerkung:
Wenn Sie die Hintergrundfarbe in der Datei lgntopl.gif geändert haben, sollten Sie die übrigen Dateien, die zum Erstellen der Anmelde- und Abmeldeseiten verwendet werden, ebenfalls entsprechend bearbeiten.

UNRESOLVED_TOKEN_VAL(<rte:RBAC_ProcedureFragment>) "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 Web App ein. Zum Testen der Änderungen an der Standardwebsite auf dem Clientzugriffsserver, auf dem sich das virtuelle Outlook Web App-Verzeichnis befindet, öffnen Sie Internet Explorer, und geben Sie die URL https://localhost/owa ein.

HinweisAnmerkung:
Die Sprachauswahlseite wird nur bei der ersten Anmeldung eines Benutzers bei Outlook Web App angezeigt.

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

 

Element, das Sie ändern möchten Zeichenfolge, nach der Sie suchen müssen Beschreibung

Hintergrundfarbe des Webbrowserfensters

body{background-color:#ffffff

Die Hintergrundfarbe des Webbrowserfensters. Über dieses Element wird die Farbe des Fensters gesteuert, das die An- und Abmeldeseite umrandet.

Hintergrundfarbe der An- und Abmeldeseite

Background: #ffffff

Die Hintergrundfarbe der An- und Abmeldeseite. Wenn Sie die Hintergrundfarbe der Grafikdateien ändern, sollten Sie auch die Hintergrundfarbe entsprechend anpassen.

Warnungstext

wrng{color:#ff6c00;

Die Farbe des Warnungstexts, der angezeigt wird, wenn ein Benutzer Dies ist ein privater Computer auswählt. Auf der vorhandenen Outlook Web App-Anmeldeseite ist dieser Warnungstext orangefarben und hebt sich damit gut vom weißen Hintergrund ab. Wenn Sie die Hintergrundfarbe der Anmeldeseite ändern, sollten Sie ggf. auch die Farbe des Warnungstexts ändern, damit dieser gut lesbar ist.

Primäre Textfarbe

select, table{color:#444444;}

Die primäre Textfarbe ist schwarz. Sie wird auf der Outlook Web App-Anmeldeseite für wählbare Optionen und Eingabefelder verwendet. Beispiele hierfür sind die Beschriftungen der Felder für den Benutzernamen und das Kennwort sowie der Text neben den Sicherheitsoptionen. Wenn Sie eine helle Farbe für die Anmeldeseite gewählt haben, ist schwarz weiterhin eine gute Einstellung für diesen Text.

Beschreibung anzeigen/Beschreibung ausblenden

a{color:#ff6c00;

Link auf der Anmeldeseite, auf den ein Benutzer klicken kann, um die Beschreibung von privaten oder öffentlichen Anmeldungen ein- oder auszublenden.

Beschreibungstext

expl{color:#999999;

Die Farbe des angezeigten Texts, wenn der Benutzer auf Beschreibung anzeigen klickt.

Beschreibung der Light-Version von Outlook Web App

disBsc{color:#999999;

Bei Auswahl von Outlook Web App Light verwenden durch einen Benutzer wird eine kurze Beschreibung der Light-Version von Outlook Web App angezeigt.

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.

UNRESOLVED_TOKEN_VAL(<rte:RBAC_ProcedureFragment>) "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 Web App-Anmeldeseite eingeben.

HinweisAnmerkung:
Wenn Sie die Anmelde-URL für Outlook Web App bereits geöffnet haben, können Sie die Änderungen überprüfen, indem Sie die temporären Internetdateien löschen und Internet Explorer aktualisieren. Klicken Sie dazu auf Extras, und klicken Sie anschließend auf Internetoptionen. Klicken Sie auf der Registerkarte Allgemein unter Browserverlauf auf Löschen. Klicken Sie unter Temporäre Internetdateien auf Dateien löschen, und klicken Sie dann auf Ja, wenn Sie gefragt werden, ob Sie wirklich alle temporären Internet Explorer-Dateien löschen möchten. Klicken Sie auf OK, um Internetoptionen zu schließen, und drücken Sie dann F5, um die Anmeldeseite zu aktualisieren.
 © 2010 Microsoft Corporation. Alle Rechte vorbehalten.
Fanden Sie dies hilfreich?
(1500 verbleibende Zeichen)
Vielen Dank für Ihr Feedback.
Microsoft führt eine Onlineumfrage durch, um Ihre Meinung zur MSDN-Website zu erfahren. Wenn Sie sich zur Teilnahme entscheiden, wird Ihnen die Onlineumfrage angezeigt, sobald Sie die MSDN-Website verlassen.

Möchten Sie an der Umfrage teilnehmen?
Anzeigen:
© 2014 Microsoft