讓網站在瀏覽器網址前面顯示小圖標的方法

大家在瀏覽很多網站的時候都會發現在瀏覽器的地址欄前面會有一個小圖標,在瀏覽器的標籤位置也有一個小圖標,例如 Baidu 、騰訊等網站都有這樣的圖標。你的網站上想不想也增加一個這樣的小圖標呢?有了這個小圖標你的網站就會比別人的網站更加醒目,更能引起其他人的注意。
PHOTOSHOP、FLASHFXP、記事本
需要製作一個ico格式的小圖標
步驟/方法:
1.使用PHOTOSHOP製作一個寬高均爲32像素的小圖標,製作完成後存儲爲ico格式的即可。
2.使用FLASHFXP下載網頁到本地,並備份一份以防萬一,使用記事本打開網頁的源代碼。
3.找到網頁源代碼的head部分,並在head部分插入下面這句代碼,注意href裏的地址是你存放ico圖標的地址,根據你網站上存放的位置來寫。
<link rel="shortcut icon" type="p_w_picpath/x-icon" href="http://www.iswweb.com/p_w_picpaths/favicon.ico" media="screen" />
4.把修改過的網頁文件上傳到虛擬主機上,然後把做好的ico文件存放到虛擬主機的p_w_picpaths這個網站目錄裏面。
5.大功告成!打開IE瀏覽器,輸入你的網址試試看?是不是已經有了小圖標了?
小圖標的格式一定要是ico格式的,寬度和高度都是32個像素值
如果按照上面的步驟做完後無法看到小圖標,請把IE瀏覽器的緩存清理掉,清理完緩存之後即可看到小圖標。
小圖標的存放位置一定要和代碼裏的存放位置一致,否則無法顯示。

詳細出處參考:http://www.jb51.net/web/44565.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章