認識 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: