將有些網站添加到收藏夾時,會看到這個圖站在收藏夾中會顯示出特別的圖標。如果你也想在網頁上加入代表網站的標志,請和我們一起來學習下它如何實現的?
Internet Explorer 提供了一個功能,就是可以讓網頁設計者自己設計網站URL的圖標。也就是在Internet Explorer地址欄前面,以及在收藏夾里面,顯示的是你自己設計的圖標,而不是默認的Internet Explorer圖標。要能夠在網址欄中顯示自己的圖標,要以下幾個步驟:
首先要做出你自己的圖標。你可以用任何一種圖形設計程序來制作你的圖標,或是你可以從圖庫、網絡等地方找到你要的圖標,這個圖標的大小必須是16×16像素,否則可能會顯示不出來。雖然Internet Explorer規定是一定要用16×16的大小,但是筆者發現用32 x 32的大小也可以。
接下來,就要把圖標鏈接到網頁中了,鏈接圖標可以有兩種方法來實現。
第一種方法:你把你的圖標文件名取為favicon.ico,并且放在你網頁所在的根目錄下,就是跟你首頁文件(一般是index.htm、index.html、default.htm或default.html放在一起)。這樣Internet Explorer 5.0就會自動讀取這個favicon.ico,從而將這個圖標顯示出來。
第二種方法:在首頁HTML文件中,加入link命令,<link>是放在<head>與</head>之間,例如下面這樣:
<HEAD> <link rel="SHORTCUT ICON" href="http://www.multiweal.cn/favicon.ico" /> <TITLE>西安網站建設,西安做網站,西安網站制作公司,西安網頁設計,西安玖佰網絡-真誠為您服務!</TITLE> </HEAD>
其中的"HREF=http://www.multiweal.cn/favicon.ico>"只是一個例子,你只要將"http://www.multiweal.cn"替換成你的網址,將"favicon.ico"替換成你制作的ICO文件名即可。這樣只有當網友把你的網站加到Internet Explorer的收藏夾中,并重新打開Internet Explorer瀏覽器之后,你自行制作的圖標才會顯示出來。
小提示:如果你不要你的Internet Explorer在收藏夾中出現這些網站自行制作的圖標,在加入收藏夾之后,做清除History的操作。然后再重新打開Internet Explorer瀏覽器之后,這些自行制作的圖標就會消失,恢復成Internet Explorer默認的圖標。
|