/* syntax highlight */ /* end of syntax highlight */

2011年5月10日 星期二

製做網站小 icon 的方法– favi icon

Bookmark and Share

image imageimage image

大家應該都知道許多網站都會有自己的一個小 icon

鷓樣一來就很方便做辨識,這篇文章就是要來看看要怎樣來製做一個小 icon (favi-icon)

並且放在你的網站當中

 

主要會有三大步驟

 

Step 1 :製做 iCON

剛開始你當然必須有先設計一個小 logo 啦,最好是正方形的,效妥會比較好

設計完之後,你應該會有一個 jpg 或是 png  檔之類

再來,請下載 ToYcon 這個軟體,可以到 這裡 下載

使用方式很簡單,執行  .exe 檔之後,就會看到以下圖形

image

再來把圖檔拖拉上去,它就會自動幫你生成一個 icon 檔案 (副檔名 .ico)

如果你懶的下載軟體的話

這個網站 也可以幫你把圖檔轉成 ico 檔

 

 

Step 2:上傳到線上空間

您如果要製做網站 faviicon,應該也會有線上空間才對

只要把 .ico 檔案丟到空間上,並將該 ico 檔的絕對位置記下來,可能是

http://yoursitename/images/favi.ico

之類,先複製下來

 

Step 3:放到網站中

再來,只要在網站的 <head> </head> 中間,加入以下程式碼

<link rel="shortcut icon" href="http://yoursitename/images/favi.ico" TYPE="image/x-icon">

再按 refresh 就 okay 了

 

很簡單吧 ~

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...