• 當前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 網(wǎng)站建設(shè) >> 網(wǎng)頁設(shè)計 >> IE地址欄顯示網(wǎng)站圖標三步走

IE地址欄顯示網(wǎng)站圖標三步走

• 作者：創(chuàng)新互聯(lián) 文章來源：網(wǎng)站建設(shè) 點擊數(shù)： 更新時間：2013-04-19
•        時下，個性ico圖標卻成為一些主流大牌網(wǎng)站提高用戶體驗（UE）的一個“時髦”玩法，那么，是如何在IE地址欄顯示出網(wǎng)站的個性圖標的呢？
  　　 常瀏覽網(wǎng)站的你，是否注意到打開一些網(wǎng)站時，IE地址欄會顯示一些網(wǎng)站的小圖標呢？傳統(tǒng)的IE地址欄的圖標都是“e”字標，而時下，個性ico圖標卻成為一些主流大牌網(wǎng)站提高用戶體驗（UE）的一個“時髦”玩法，那么，是如何在IE地址欄顯示出網(wǎng)站的個性圖標的呢？
  　　 不知道你有沒有注意到，在打開國家教育網(wǎng)的網(wǎng)址的時候，地址欄的前面是一個“i”變形的火炬圖標，這就是國家教育網(wǎng)的個性ico圖標，當把國家教育網(wǎng)添加到收藏夾后，你會發(fā)現(xiàn)這個“小火炬”仍然存在。其實，要實現(xiàn)網(wǎng)站的個性cio圖標非常簡單。
  　　 首先你必須制作一個ico圖標，并把它命名為“favicon.ico”，把它傳到你的網(wǎng)站目錄下面。
  　　 然后，在想展現(xiàn)該個性圖標的頁面代碼head部分中，添加一段描述代碼，比如國家教育網(wǎng)的head中，就是控制個性圖標的描述代碼。
  　　 這樣就完成了設(shè)置，那么如何制作ico圖標呢？有兩種方法：
  　　 一是針對不懂設(shè)計的朋友來說，可以使用在線生成工具 。
  　　 二是針對懂得ico設(shè)計的朋友，可以自行利用制圖軟件自主設(shè)計，不過記得將成品文件命名為“favicon.ico”。
  　　 這樣，就可以輕松實現(xiàn)網(wǎng)站的個性地址欄ico圖標顯示了，愿你的網(wǎng)站，也擁有一個屬于自己的個性圖標。
• 交互設(shè)計的8項黃金法則 :上一篇
  有關(guān)主頁上的用色 :下一篇