DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 讓網站在浏覽器網址前面顯示小圖標的方法
讓網站在浏覽器網址前面顯示小圖標的方法
編輯:HTML和Xhtml     
大家在浏覽很多網站的時候都會發現在浏覽器的地址欄前面會有一個小圖標,在浏覽器的標簽位置也有一個小圖標,例如 Baidu 、騰訊等網站都有這樣的圖標。你的網站上想不想也增加一個這樣的小圖標呢?有了這個小圖標你的網站就會比別人的網站更加醒目,更能引起其他人的注意。
PHOTOSHOP、FLASHFXP、記事本
需要制作一個ico格式的小圖標
步驟/方法:
1.使用PHOTOSHOP制作一個寬高均為32像素的小圖標,制作完成後存儲為ico格式的即可。
2.使用FLASHFXP下載網頁到本地,並備份一份以防萬一,使用記事本打開網頁的源代碼。
3.找到網頁源代碼的head部分,並在head部分插入下面這句代碼,注意href裡的地址是你存放ico圖標的地址,根據你網站上存放的位置來寫。
<link rel="shortcut icon" type="image/x-icon" href="http://www.iswweb.com/images/favicon.ico" media="screen" />
4.把修改過的網頁文件上傳到虛擬主機上,然後把做好的ico文件存放到虛擬主機的images這個網站目錄裡面。
5.大功告成!打開IE浏覽器,輸入你的網址試試看?是不是已經有了小圖標了?
小圖標的格式一定要是ico格式的,寬度和高度都是32個像素值
如果按照上面的步驟做完後無法看到小圖標,請把IE浏覽器的緩存清理掉,清理完緩存之後即可看到小圖標。
小圖標的存放位置一定要和代碼裡的存放位置一致,否則無法顯示。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved