現在越來越多的企業使用者習慣于在外部網絡或者内部網絡，通過Outlook Web APP俗稱的OWA來登入Exchange企業郵箱。這樣可以在不開啟Office中的outlook應用程式的情況下，依然能夠登入到自己的郵箱進行工作。但是每次登入OWA的時候，所有企業的預設原生登陸界面都是一模一樣的（如下圖），怎樣将公司的LOGO自定的替換上去，讓企業使用者感覺更有親近感，我們來看看怎麼做。
<a href="http://s3.51cto.com/wyfs02/M02/59/9D/wKioL1TZwI7Spu9vAAG1HvNrIVE755.jpg" target="_blank"></a>
首先要知道，OWA這個是Exchange基于IIS的前端應用，是以這個操作應該是在CAS前端來進行，如果你是台多功能混合(All in one)的Exchange伺服器的話，就在本伺服器上就可以找到。
這個企業LOGO的徽标的預設路徑是 C:\Program Files\Microsoft\Exchange Server\V14\ClientAccess\Owa\14.1.218.13\themes\resources
如果自定義了Exchange的安裝路徑，更換前面的源路徑就可以了。
然後找到名為 lgntopl 的一個GIF圖像檔案
<a href="http://s3.51cto.com/wyfs02/M00/59/9D/wKioL1TZwI-Rvl7mAAHMOgG5ji0739.jpg" target="_blank"></a>
打開并直接修改就可以了。
修改前：
<a href="http://s3.51cto.com/wyfs02/M01/59/9D/wKioL1TZwJCSPJ1qAAE1WlcBmUA825.jpg" target="_blank"></a>
修改後：
<a href="http://s3.51cto.com/wyfs02/M02/59/9D/wKioL1TZwJHj94RjAAGit0k0suQ576.jpg" target="_blank"></a>
注：建議直接在源檔案上修改，或者使用三方的圖檔修改軟體來進行LOGO更換，一定要保證原圖的尺寸和兩條線的不變，
不然在後期效果上，是沒辦法對齊的。（我第一次修改，改了N次都對不齊，悲劇啊！）
修改後儲存，最後的效果為：
<a href="http://s3.51cto.com/wyfs02/M00/59/9D/wKioL1TZwJLwZy4-AAE70m05XJ0293.jpg" target="_blank"></a>
<a href="http://s3.51cto.com/wyfs02/M01/59/9D/wKioL1TZwJLyQe9aAAFZN7fdOUY034.jpg" target="_blank"></a>
<a href="http://s3.51cto.com/wyfs02/M02/59/9D/wKioL1TZwJOhsD_yAAE8IhTOdlQ282.jpg" target="_blank"></a>
------------------------------------------------------以下為引用内容-----------------------------------------------------------------------------------
Outlook Web App 登入頁、語言選擇頁和登出頁基于基本主題檔案夾中的圖形和 logon.css 檔案建立。 是以，若要使用自定義登入頁和登出頁，必須修改基本主題檔案夾中的檔案。 基本主題檔案夾位于 Exchange 安裝目錄的 \V14\Client Access\OWA\<version number>\themes\base。
登入頁、語言選擇頁和登出頁使用 logon.css 檔案來定義文本樣式和顔色。通過為頂部、底部和兩側的邊框組合使用多個圖像來建立頁面，并且包含重複的圖像以及用于擴充的邊角。 下列檔案用于建立登入頁：
? logon.css
? lgnbotl.gif
? lgnbotm.gif
? lgnbotr.gif
? lgnexlogo.gif
? lgnleft.gif
? lgnright.gif
? lgntopl.gif
? lgntopm.gif
? lgntopr.gif
使用純色最容易産生新的視覺效果，因為三個頁面使用的是同一個圖像集合： 登入頁、每個郵箱初次登入時顯示的語言選擇頁以及登出頁。頁面大小基于頁面的内容進行水準調整和垂直調整。
如果有多台用戶端通路伺服器，并且希望這些伺服器全部使用相同的登入頁和登出頁，則必須将修改後的登入檔案和登出檔案複制到每台用戶端通路伺服器。
警告：在更改檔案以建立自定義的登入頁和登出頁之前，請備份将更改的所有檔案，然後再開始建立自定義的登入頁和登出頁。
下列各圖顯示預設的 Outlook Web App 登入頁，此時，使用者單擊了“顯示說明”并且選擇了“此計算機是私人計算機”和“使用 Outlook Web Access 的簡易版本”。一幅圖顯示建立頁面的圖形檔案如何配合在一起。 另一幅圖顯示 logon.css 檔案如何确定登入頁上的背景和文本的顔色。
顯示自定義圖形檔案的 Outlook Web Access 登入頁
顯示文本選項的預設 Outlook Web Access 登入頁
下圖顯示預設的 Outlook Web App 登出頁。一幅圖顯示建立頁面的圖形檔案如何配合在一起。 另一幅圖顯示 logon.css 檔案如何确定登出頁上的背景和文本的顔色。
顯示自定義圖形檔案的 Outlook Web Access 登出頁
顯示文本選項的預設 Outlook Web Access 登出頁
測試對登入頁和登出頁的更改
在 Microsoft Internet Explorer 中打開 Outlook Web App 登入頁或登出頁之後，不必重置 IIS 或退出 Internet Explorer，即可測試所做更改。
1. 在 Internet Explorer 中打開 Outlook Web App 登入頁或登出頁。
2. 單擊工具欄上的“工具”，然後單擊“Internet 選項”。
3. 在“正常”頁籤的“浏覽曆史記錄”下，單擊“删除”。
4. 在“Internet 臨時檔案”下，單擊“删除檔案”，在系統詢問您是否确實要删除所有 Internet Explorer 臨時檔案時，單擊“是”。
5. 單擊“确定”關閉“Internet 選項”。
6. 單擊“重新整理”檢視所做更改。
每次更改了登入頁或登出頁的檔案之後，重複上述步驟以檢視所做更改。 如果進行多項更改，可以使登入頁或登出頁保持打開狀态，然後重複上述步驟以檢視所做更改。
更改 Outlook Web App 中的徽标
需要首先配置設定權限，然後才能執行此過程。若要自定義 Outlook Web App，可以根據組織的徽标更改登入頁和登出頁上的 Outlook Web App 徽标。
1. 建立要更改的檔案的副本，并将其儲存到一個安全位置，以便可以在需要時還原原始頁面。
2. 使用圖像編輯工具打開 lgntopl.gif 檔案，然後修改該檔案，以建立要使用的徽标。
3. 儲存所做更改，然後單擊“重新整理”按鈕以檢視所做更改。
注意：如果更改了 lgntopl.gif 的背景顔色，建議您修改用于建立登入頁和登出頁的其他檔案，使其相比對。
更改字型樣式和顔色
需要首先配置設定權限，然後才能執行此過程。可以編輯 logon.css 檔案，以更改頁面上使用的字型樣式和某些顔色。 其中包括登入頁和語言選擇頁中心的控件後面的背景顔色。 如果更改了這些頁面的顔色，建議您更改背景顔色，使其相比對。
若要更改登入頁、語言選擇頁和登出頁的背景顔色和字型顔色，必須在登入樣式表 (logon.css) 中找到這些值，然後确定要使用的顔色的 HTML RGB 值。 HTML RGB 顔色值通過七個字元組成的字元串定義，格式為數字标記 (#) 後跟六個字元組成的字元串。若要找到許多顔色的 HTML RGB 值，請參閱 MSDN 庫中的顔色表。 如果必須與特定的顔色相比對，而您無法聯機找到該顔色的比對項，可以使用圖像編輯工具擷取顔色樣本，并确定其 HTML RGB 值。
若要測試所做更改，打開 Internet Explorer 并輸入 Outlook Web App 的 URL。 如果要測試對托管 Outlook Web App 虛拟目錄的用戶端通路伺服器上的預設網站所做的更改，可以打開 Internet Explorer 并輸入 URL https://localhost/owa 進行測試。
注意：語言選擇頁僅在使用者初次登入到 Outlook Web App 時出現。
下表列出了登入頁和登出頁的元素以及對每個元素的說明。
在決定了要更改顔色的元素并确定了要将這些元素更改為的 HTML RGB 顔色值之後，請使用以下步驟更改 .css 檔案中定義的任何元素的顔色。
更改元素的顔色
需要首先配置設定權限，然後才能執行此過程。若要檢視所需的權限，請參閱用戶端通路權限主題中的“文本編輯器”條目。
1. 打開 logon.css。
2. 使用本主題前面部分提供的登入頁和登出頁的元素表，找到與要更改的元素相比對的字元串。
3. 将要更改的元素的 HTML RGB 顔色值替換為要用于該元素的新 HTML RGB 顔色值。
4. 儲存所做更改并關閉 logon.css。
5. 通過打開 Internet Explorer 并輸入 Outlook Web App 登入頁的 URL，測試所做更改。
注意：如果已打開 Outlook Web App 登入 URL，可以通過删除 Internet 臨時檔案并重新整理 Internet Explorer 來測試所做更改。為此，單擊“工具”，然後單擊“Internet 選項”。在“正常”頁籤的“浏覽曆史記錄”下，單擊“删除”。 在“Internet 臨時檔案”下，單擊“删除檔案”，然後在系統詢問您是否确實要删除所有 Internet Explorer 臨時檔案時單擊“是”。單擊“确定”關閉“Internet 選項”，然後按 F5 重新整理登入頁。
本文轉自horse87 51CTO部落格，原文連結：http://blog.51cto.com/horse87/1613349，如需轉載請自行聯系原作者
![前端學習之路---移動web開發（二）[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)