認識 SharePoint 2007 系列【13】-【WSS 3.0】嵌入屬於自己的 Shortcut Icon
Shortcut Icon?
什麼是 Shortcut Icon ?見過此英文名稱的人應該不多吧,但又不知道中文怎麼翻譯,不過,如果看到下面這張圖,就知道 shortcut Icon 是什麼了!!!
Shortcut Icon 就是在網址列前面出現的 Icon ,如果客戶或網路的使用者,瀏覽到自己的 WSS 網站時,在 URL 上顯示出自己或公司的 Shortcut Icon logo ,一定很 Cool 吧!而且,當使用者使用 IE7 或將網站加入我的最愛時,還有 Shortcut Icon 的效果呢!
本篇就是要說明如何在 WSS 網站增加 Shortcut Icon ,在此之前,請先裝好 SharePoint Designer 2007 !
本篇您將學會:
1. 如何製作 Shortcut Icon?
2. 如何將 Shortcut Icon 入 WSS 網站 ?
1. 如何製作 Shortcut Icon?
關於 Shortcut Icon ,在這邊不會著墨太多,只是將所用到的工具與製作的過程,簡要的說明一下!
製作 Shortcut Icon 的工具,可以到 Microangelo 這家公司的網站去下載 Microangelo Toolset 試用版來製作。
安裝完成後,到 Microangelo Toolset 6 開啟 Microangelo Studio 選擇 Create 的 New icon
在 New Image Format 的 Format 選擇 16 x 16 - XP ,因為 Shortcut Icon 的 size 都是 16 x 16 的大 小;由於我的 Shortcut Icon 已經用是 *.png 16x16 的圖檔,所以點選 Existing images 的 Import 將 Shortcut Icon 匯入,完成後可在右邊 New Image 看到小 Shortcut Icon 的圖檔,接著點選 OK 。
匯入之後,可以看到 Microangelo Studio 的 Shortcut Icon 編輯畫面,在此編輯畫面有個重點就是透明 (Transparent) 功能的使用。
在右下角有個小視窗,點選 符號就能使用具有透明功能的畫筆,在每個方格點一下,就能做出透明的效果!
當完成了 Shortcut Icon 的製作後,其存檔之副檔名為 *.ico
以上很簡單的介紹 Shortcut Icon 好用的工具,當我們做完之後,要如何放上 WSS 網站呢?
2. 如何將 Shortcut Icon 入 WSS 網站 ?
加入 Shortcut Icon 的程式碼如下:
<LINK REL=" SHORTCUT ICON " HREF=" http://www.mydomain.com/myicon.ico ">
但是,此段程式碼要放在哪裡? default.aspx ? 還是 default.master ?答案是 default.master ,即所謂的 master page ,因為 master page 可以規劃出網站主體風格,使其他的內容頁面或是不同主題都擁有一致的外觀樣式,且此 段程式碼要放在 <Head> tag 裡,也只有 master page 才有此 tag ,所以,使用 SharePoint Designer 2007 ,找到 master page 的所在,如圖所示:
在 default.master 上點兩下,切換到 分割 或 程式碼 的頁簽,在 <Head> 下加入上述與法,並將 HREF ="" 指定為 *.ico 所在的位置即可!
存檔,預覽網頁,就可以在 IE 的 URL 看到 Shortcut Icon 囉 … Cool 口貝!
Reference: