Изменение веб страницы входа OWA

Иногда хочется в компании где есть Exchange 2003 чтоб сотрудники, кто пользуется доступом к серверу по WEB видели страницу приветствия стилизованную под корпоративный стиль..
Это не так сложно как кажется и навыки програмирования здесь нужны самые минимальные.
Давайте посмотрим как это делается.


Вначале, когда мы заходим в свою почту по Интернет (далее OWA) мы видим стандартную страницу приветствия с вводом своих данных ( описание включения данной формы выходит за пределы этой статьи, замечу только что в продукте SBS она включена по умолчанию :)).
1

Файл с данной страницей называется logon.asp. Местоположение данного файла зависит от языковых настроек вашего сервера. Далее будет рассматриваться пример с настройками сервера с английским языком. Поэтому идем по следующему пути:
C:\Program Files\Exchsrvr\exchweb\bin\auth\usa
Если у вас сервер настроен на другие языковые параметры, отличные от английского просто выберите необходимую папку.
Хорошее правило — перед всеми изменениями делайте резервные копии файлов (просто скопируйте исходный файл в другое место). При возникновение каких либо проблем необходимо будет просто его заменить на исходный.
Перед началом модификации файла давайте посмотрим его структуру. Как видно из рисунка файл состоит из нескольких уровней вложенных таблиц. Изменяя те или иные таблицы и их элементы мы можем добиться различного вида нашей страницы.

2
Очень важно понимать значения этих уровней, так как если вы хотите вставить картинку вместо уже имеющейся, вам необходимо поместить вашу картинку именно в ту ячейку, где находится картинка.
В HTML таблицы описываются как минимум 3-мя различными типами (ну или 6-ю если мы считаем и закрытие) — это «table», «tr» и «td».
«Table» — указывает браузеру что начинается таблица, «tr» — начало ряда и «td» — начало ячейки (ну думаю это описание простейших тэгов HTML не вызовет у вас затруднение :)). Ну и не забываем что каждый тэг необходимо закрывать :). Ну и для примера

31
Ну и мы получим что то в виде такого

41

Если вам необходимо поместить какой либо текст в ячейку — просто вставьте его между тегами <td></td>

Если необходимо вставить какую либо картинку — вы должны использовать тег <img>  и указать путь где находится данная картинка:<img src=’/myfoldername/image.gif’> .

Страница OWA содержит таблицы в нутри таблиц, которые в свою очередь тоже входят в таблицы :).

Поэтому важно понимать где и в какой таблице находится тот или иной элемент страницы, который необходимо изменить или модифицировать.

Например слово «Microsoft» в верхнем правом углу это картинка с наименованием logon_microsoft.gif и большой цветной логотип посередине называется logon_logo.gif

Так же полезно знать имена таблиц, если вам необходимо поменять цвет заливки (задний фон) в какой либо части страницы. Например голубая заливка на экарне это часть таблицы которая называется borderTable. Следущая составная часть , в которую входят изображение и строки ввода назвается mainTable. Посидев минут 30 и поэксперементировав с различными таблицами можно разобраться и понять за какой кусок страницы отвечает та или иная таблица.

5

На данной картинке мы видим, что таблица borderTable — красная, mainTable — оранжевая, logoTable — желтая,  usertxtTable — зеленая и contentTable — фиолетовая. Как можно заметить из картинки все изображения не имеют заднего фона, подходящего под цвет. Поэтому если вы хотите вставить свою картинку на какой либо фон, необходимо будет подумать о заливки картинки под фон для придания более эстетичного вида вашей странички. Картинки можно найти по следующему пути C:\Program Files\Exchsrvr\exchweb\img.

Ну что ж — давайте поэксперементируем. Итак зададим:

  • Цвет borderTable  #7B98B3
  • Цвет logoTable #FFF1B0
  • Цвет usertxtTable и contentTable to #B0D9FF
  • Добавим свой логотип
  • Добавим тест под логотипом

Для этого откроем файл logon.asp в каком нибуть редакторе — лучше в Notepad. Не рекомендую открывать этот файл в каком нибуть HTML редакторе и редакторе типа WYSIWYG потому что данный файл состоит из различных частей, таких как VBScriptJavaScript, и HTML.

Нам не надо ни VBScript ни JavaScript — нас интерисует только HTML.

Думаю описание измемения цвета , добавление текста  и логотипов лишнее, так это достаточно просто.

В конце у нас получается что то типа такого

6

Ну вот и все.

Можно экспериментировать и менять страницу по образу и подобию.

Leave a Reply

*

Dansette

Рейтинг@Mail.ru Яндекс.Метрика