轉載原創文章請註明,轉載自:原頁@小築[http://www.geraldinelee.com]
發現網路上很多網站在打開或者是添加到收藏夾裏以後都會在網站名字前出現一個小圖示! 比如google、百度等!
今天上網查了資料以後終於知道要如何操作了!
下面就詳細介紹以下步驟
一、 首先要製作一張你希望做成圖示的圖片! 可以用Photoshop等軟體製作!
二、 把圖片轉換為ICO檔 這一步可以使用IconWorkshop進行轉換,也可以使用線上轉換網站進行轉換! 因為網頁圖示的尺寸是固定的16 x 16圖元,所以轉換的時候記得設置圖示大小! (也可以直接用IconWorkshop製作ico檔) IconWorkshop軟體可以 點擊 下載
線上轉換網站如http://www.bitbug.net/
三、 把得到的ico檔改名為favicon.ico(這個檔案名是固定的)
四、 現在就把favicon.ico檔上傳到你的網站根目錄下!(就是和你的網站index檔在一個目錄)
五、 現在你再流覽你的網站的時候就會發現多了一個你上傳的圖示在位址欄前面了!
六、 當然你也可以為你的網站上不同的網頁設置不同的圖示!
修改網頁的Heade,把以下代碼加進去
<head>
<link rel="shortcut icon" href="http://XXX.com/favicon.ico" type="image/x-icon" />
</head>
其中http://XXX.com/favicon.ico就是你的ico文件的具體位置
只要在每個頁面中進行設置就可以達到不同網頁用不同的圖示的目的了!
.jpg)




留下板磚