win7系统下载
当前位置: 首页 > xp系统教程 > 详细页面

WinXP在地址栏添加小图标的办法与步骤

发布时间:2019-08-19 文章来源:xp下载站 浏览:

Windows XP是美国微软公司研发的基于X86、X64架构的PC和平板电脑使用的操作系统,于2001年8月24日发布RTM版本,并于2001年10月25日开始零售。其名字中“XP”的意思来自英文中的“体验(Experience)”。该系统的默认桌面背景墙纸是Bliss,一张BMP格式的照片。是拍摄的纳帕县郊外的风景,照片中包括了高低起伏的绿山及有层积云和卷云的蓝天。

  我们在浏览很多网站的时候,都会发现在浏览器的地址栏前面会有一个小图标,在浏览器的标签位置也有一个小图标,这样的小图标是怎么做上去的呢?那WinXP系统如何在地址栏添加小图标呢?在地址栏添加小图标有何方法?下面小编就和大家说一下WinXP在地址栏添加小图标的方法和步骤。

WinXP在地址栏添加小图标的方法和步骤

  步骤如下:

  一、地址栏上小图标的制作

  1、首先,我们要制作好一个图标,就是图标图片,下面我们先用PS制作。PS新建文件,制作时请保持好宽度与高度,设置为正方形为佳,此处小编把背景设置为透明。设计时,可以选择大一点尺寸。

WinXP在地址栏添加小图标的方法和步骤

  2、然后制作底色,选择渐变工具,然后点工具栏上的渐变,可进入编辑状态。

WinXP在地址栏添加小图标的方法和步骤

  3、在下方的颜色条处,有前后两个条按键,选择其中一个,然后点下方的颜色,然后进入颜色选区,然后再选择其中一个颜色,然后再点确定。另一个按键也是同样操作,如果想达到渐变效果,建议不要选择一样的颜色。完成后,选择确定即可。

WinXP在地址栏添加小图标的方法和步骤
 
WinXP在地址栏添加小图标的方法和步骤

  4、退回到背景画布,鼠标点画面任务处,按着拖动,然后放开,就会填充背景颜色。

WinXP在地址栏添加小图标的方法和步骤
 
WinXP在地址栏添加小图标的方法和步骤

  5、然后添加文字:选择文字工具,然后插入文字,选择好字体大小与颜色。

WinXP在地址栏添加小图标的方法和步骤

  6、然后再选择菜单栏上的“图像”选择“图像大小”,设置图像大小为16*16(标准尺寸)确认即可。

WinXP在地址栏添加小图标的方法和步骤
 
WinXP在地址栏添加小图标的方法和步骤

  7、然后再保存为PNG格式(此处格式没有很大限制,可以是JPG,GIF,PNG)

WinXP在地址栏添加小图标的方法和步骤

  二、制作favicon.ico与编辑代码

  1、接着搜索“favicon.ico在线制作”,点击进入。

  2、进入到在线生成,选择浏览,然后选择尺寸,然后输入验证码,生成ICO图标即可。

WinXP在地址栏添加小图标的方法和步骤

  3、然后下方就会出一下制作好的链接,点击下载。(有些网站是会直接跳出下载文件)

WinXP在地址栏添加小图标的方法和步骤

  4、如果您选择是保存在桌面,此时您的桌面会多一个如下图的ICO文件。

WinXP在地址栏添加小图标的方法和步骤

  5、然后把ICO文件的文件名修改成“favicon.ico”,并通过FTP把它上传到网站根目录下,就是同您的Index.asp文件所在的目录下。

WinXP在地址栏添加小图标的方法和步骤

  6、并在相应的网页里添加一句代码:(通常就是在您的抬头页面里,如:top,head),并上传。

  《head》

  《link rel=“shortcut icon” href=“favicon.ico” /》

  《/head》

WinXP在地址栏添加小图标的方法和步骤

  7、此时浏览一下该网页,就可以看到地址栏上会出现小图标。

WinXP在地址栏添加小图标的方法和步骤

  关于WinXP在地址栏添加小图标的方法和步骤就给大家详细介绍到这里了。如果你也想在自己的网站也增加一个这样的小图标,有了这个小图标,你的网站就会比别人的网站更加醒目,更能引起其他人的注意。有兴趣的用户,可以去试一下啊!


Windows XP服役时间长达13年,产生的经济价值也较高。据评测机构StatCounter的统计,2017年1月,在中国范围内,该系统的占有率为17.79%。主要原因是“习惯XP系统”而不愿意对其升级。 部分杀毒软件推出了诸如“XP盾甲”之类的服务,以提高系统安全性。