轉：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 格式即可。

arrow
arrow
    全站熱搜

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

    E-mail轉寄