第一步,準備一個圖示製作軟體。
首先您必須了解所謂的圖示(Icon)是一種特殊的圖形檔案格式,它是以.ico 作為副檔名。普通的影像設計軟體無法使用這種格式,所以您需要到下載一個ico圖示工具,本站常用軟體既有,推薦強大的Microangelo,可以方便的製作ico圖示。
第二步,確定「收藏夾」圖示的規格。
在收藏夾裡出現的是16*16;所使用的顏色最佳成績不要超過16色。 (為了清晰),如果你不清楚可以在C盤查找*.ico格式的圖標,應該能在IE緩存裡找到那些網站的圖標,你可以打開這些圖標就可以知道該用什麼格式的了,跟人家的一樣就行。
第三步,設計一個屬於您自己的圖示。
你可以將您的網站的LOGO做成一個縮圖或另外設計一個別具特色的圖案來作為「收藏夾」圖示。總而言之,它一定是屬於您自己的,並且能很好的代表您的網站的風格和個性。然後將這個圖示檔案命名為:favicon.ico(注意,需要命名為這個檔案名稱方可)。可以製作的醒目些。
例如用一個本機上的圖示檔案改一下吧。從本機上搜尋一個文件,複製到桌面。用Microangelo打開,修改成16*16,使用256色吧,另存為down-icon.png 。
最後,只需要將這個圖示檔案( down-icon.png )上傳到您的網站所在的伺服器的根目錄下。 (也就是你的主頁index.html所在的那個資料夾) 您不需要對您的網頁文件作任何的修改,IE5會自動的不停的搜索您的網站的根目錄,只要它一發現了down- icon.png這個文件,就會將該圖示顯示在訪客的網址列和收藏夾清單中了。
1、如果您希望為不同的頁面設定不同的「收藏」圖標,那麼您就需要在該網頁檔案的HEAD部分加入下面的內容:
<link rel="shortcut icon"href="http://www.net/myicon.ico">
注意:該圖示的路徑一定要使用絕對路徑。
2.第二種方法:在首頁HTML檔中,加入link指令,<link>是放在<head>與</head>之間<br/>例如下面這樣:
<HEAD>
<link rel = "Shortcut Icon" href=https://images.downcodes.com/newdown/images/down-icon.png>
</HEAD>
其中的href=" https://images.downcodes.com/newdown/images/down-icon.png (只是一個例子,你只要將他替換成你的網址)將down-icon.png替換成你製作的ICO檔名即可。
這樣只有當網友把你的網站加到Internet Explorer的收藏夾中並重新開啟Internet Explorer瀏覽器之後,你自行製作的圖示才會顯示出來。
以上這篇在網頁標題列和收藏夾顯示網站logo的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持downcodes.com。