close



之前的文章“ JCWS 為你的網站與部落格製做識別標誌 – Logo ”談過Logo的製作，接下來談的是如何製作網址上的小圖示。許多網站會在自己的網址前加上一個特別設計的小圖示，最常見的是Logo或者與Logo相關的圖示，比如Yahoo在網址上的小圖示是斜體紅色Y！

 

如何製作圖示檔其實很簡單，首先設定好你要的圖檔，然後把它轉換成ico檔。ico是這類圖示使用的檔案類型，一般採用32 x 32的大小尺寸，適用的ico製作軟體有PhotoImpact、Icon Creator，這類軟體具有ico檔的轉檔、編輯與製作的功能。

圖示檔完成後，假設它的檔名是favicon.ico，把它上傳到網站，接下來是編輯網頁上的程式碼。

 
<head>

 

<link rel="shortcut icon" href="/images/favicon.ico" _fcksavedurl=""/images/favicon.ico"" _fcksavedurl=""/images/favicon.ico"" type="image/x-icon"/>

<link rel="icon" href="/images/favicon.ico" type="image/x-icon"/>

<link rel="shortcut icon" href="http://www.你的網站.com.tw/images/favicon.ico"/>

 

</head>

 
在<head></head>之間加上ico的程式碼，href="在此輸入上傳的ico圖示檔位置”，以上參考範例包含Mozilla Firefox與IE瀏覽器兩種程式螞。檢視你的網頁，大功告成！

 

 

JCWS

 

arrow
arrow
    全站熱搜

    jcws 發表在 痞客邦 留言(1) 人氣()

    E-mail轉寄