轉:http://2tigers.net/html/ellen_column/rouge06.htm


製作「我的最愛」圖示

( 2002 / 10 / 1 )

為網站製作專屬的「我的最愛」圖示 (icon),能幫助你的網頁在瀏覽者一大堆的「我的最愛」選單裡搶眼突出,如果網頁被設定成桌面上的捷徑,icon 也會顯現出來。唯一小小的局限是: 只有使用 IE 5.5 以上瀏覽器的人才能看到這個圖示 。

Step 1:使用專門製作圖示的軟體

使用你最習慣的專門製作圖示 (icon) 的編輯工具,例如:Microangelo、GoldIcon 等(網路上都有試用版可供下載),製作一個長寬尺寸剛剛好 16x16 像素的圖示。

Step 3:將圖示放置在根目錄

favicon.ico 放置在你的網站的根目錄裡(亦即放置在與網站首頁同一級處),例如:http://www.xxx.com/favicon.ico,那麼當瀏覽者到達你的網站時,在瀏覽器的網址列裡就會自動呈現出這個圖示(你並不需要特別在網頁裏添加任何 HTML 碼)。

而當瀏覽者將你的網頁收納成「我的最愛」時,這個 favicon.ico 也會一起呈現在瀏覽者的「我的最愛」選單裡。如果將它設定成桌面上的捷徑,則 favicon.ico 也會出現。

Step 4:各別網頁搭配各別圖示

如果你的網站根目錄並非直接隸屬於某網址之下(例如:http://www.xxx.com/),而是再 次幾個層級(例如:http://www.xxx.com/yy/zz),那麼你可能無法直接將 favicon.ico 放置在網站的最高層級裡(例如:http://www.xxx.com/),這時你可使用另外一種方法來放置 favicon.ico。

將下列的 HTML 碼安插在 <HEAD> 標籤裡:
<link rel="shortcut icon" href="
http://www.xxx.com/yy/zz/favicon.ico">
將 href 指向你的 favicon.ico 所在之處即可。

用這個方法的好處是:因為你已明確指定連結某 icon 的路徑、檔名,因此你可以為網站裡各個不同系列的網頁,各自搭配不同的圖示。而 icon 檔名也不再嚴格局限於 favicon.ico 此固定檔名,你可以取任何適當、易辨認的檔名,只要是 ico 格式即可。

ca95 發表在 痞客邦 PIXNET 留言(0) 人氣()