WindowsXP系統(tǒng)如何在地址欄上添加小圖標

WindowsXP系統(tǒng)如何在地址欄上添加小圖標

時間:2016-08-23 14:18 作者: 來源:系統(tǒng)城

1. 掃描二維碼隨時看資訊

2. 請使用手機瀏覽器訪問:

手機查看
評論
  我們在windowsxp系統(tǒng)電腦中瀏覽網站時,會發(fā)現(xiàn)瀏覽器的地址欄上都有一個小圖標。那么,這樣的小圖標是怎么做上去的呢?下面,系統(tǒng)城小編就為大家詳細介紹WindowsXP在地址欄添加小圖標的具體方法。
WinXP在地址欄添加小圖標的方法
  步驟如下:
  一、地址欄上小圖標的制作
  1、首先,我們要制作好一個圖標,就是圖標圖片,下面我們先用PS制作。PS新建文件,制作時請保持好寬度與高度,設置為正方形為佳,此處小編把背景設置為透明。設計時,可以選擇大一點尺寸。
WinXP在地址欄添加小圖標的步驟1
  2、然后制作底色,選擇漸變工具,然后點工具欄上的漸變,可進入編輯狀態(tài)。
WinXP在地址欄添加小圖標的步驟2
  3、在下方的顏色條處,有前后兩個條按鍵,選擇其中一個,然后點下方的顏色,然后進入顏色選區(qū),然后再選擇其中一個顏色,然后再點確定。另一個按鍵也是同樣操作,如果想達到漸變效果,建議不要選擇一樣的顏色。完成后,選擇確定即可。
WinXP在地址欄添加小圖標的步驟3
WinXP在地址欄添加小圖標的步驟3.1
  4、退回到背景畫布,鼠標點畫面任務處,按著拖動,然后放開,就會填充背景顏色。
WinXP在地址欄添加小圖標的步驟4
WinXP在地址欄添加小圖標的步驟4.1
  5、然后添加文字:選擇文字工具,然后插入文字,選擇好字體大小與顏色。
WinXP在地址欄添加小圖標的步驟5
  6、然后再選擇菜單欄上的“圖像”選擇“圖像大小”,設置圖像大小為16*16(標準尺寸)確認即可。
WinXP在地址欄添加小圖標的步驟6
WinXP在地址欄添加小圖標的步驟6.1
  7、然后再保存為PNG格式(此處格式沒有很大限制,可以是JPG,GIF,PNG)
WinXP在地址欄添加小圖標的步驟7
  二、制作favicon.ico與編輯代碼
  1、接著搜索“favicon.ico在線制作”,點擊進入。
  2、進入到在線生成,選擇瀏覽,然后選擇尺寸,然后輸入驗證碼,生成ICO圖標即可。
制作favicon.ico與編輯代碼的步驟2

  3、然后下方就會出一下制作好的鏈接,點擊下載。(有些網站是會直接跳出下載文件)
制作favicon.ico與編輯代碼的步驟3
  4、如果您選擇是保存在桌面,此時您的桌面會多一個如下圖的ICO文件。
制作favicon.ico與編輯代碼的步驟4
  5、然后把ICO文件的文件名修改成“favicon.ico”,并通過FTP把它上傳到網站根目錄下,就是同您的Index.asp文件所在的目錄下。
制作favicon.ico與編輯代碼的步驟5
  6、并在相應的網頁里添加一句代碼:(通常就是在您的抬頭頁面里,如:top,head),并上傳。
  《head》
  《link rel=“shortcut icon” href=“favicon.ico” /》
  《/head》
制作favicon.ico與編輯代碼的步驟6
  7、此時瀏覽一下該網頁,就可以看到地址欄上會出現(xiàn)小圖標。
制作favicon.ico與編輯代碼的步驟7
  WindowsXP在地址欄添加小圖標的方法就介紹到這里了。如果你也希望在網站上增加一個可愛的小圖標的話,不妨按照上述小編介紹的方法去試一下??!

< 上一篇

win7系統(tǒng)網頁視頻緩存在哪?win7系統(tǒng)刪除網頁視頻緩存釋放空間的方法

下一篇 >

win7系統(tǒng)視頻加速功能如何關閉|win7系統(tǒng)關閉視頻加速功能的方法

相關教程

網友評論

0

評論就這些咯,讓大家也知道你的獨特見解

以上留言僅代表用戶個人觀點,不代表系統(tǒng)城立場

Xp系統(tǒng)教程排行榜
系統(tǒng)下載排行

系統(tǒng)合集
最近更新

系統(tǒng)

軟件

安卓

文章