WindowsXP系统如何在地址栏上添加小图标

WindowsXP系统如何在地址栏上添加小图标

发布时间:2016-08-23 14:18发布者:番茄花园-小群浏览数:275
  我们在windowsxp系统电脑中浏览网站时,会发现浏览器的地址栏上都有一个小图标。那么,这样的小图标是怎么做上去的呢?下面,番茄花园小编就为大家详细介绍WindowsXP在地址栏添加小图标的具体方法。
WinXP在地址栏添加小图标的方法
  步骤如下:
  一、地址栏上小图标的制作
  1、首先,我们要制作好一个图标,就是图标图片,下面我们先用PS制作。PS新建文件,制作时请保持好宽度与高度,设置为正方形为佳,此处小编把背景设置为透明。设计时,可以选择大一点尺寸。
WinXP在地址栏添加小图标的步骤1
  2、然后制作底色,选择渐变工具,然后点工具栏上的渐变,可进入编辑状态。
WinXP在地址栏添加小图标的步骤2
  3、在下方的颜色条处,有前后两个条按键,选择其中一个,然后点下方的颜色,然后进入颜色选区,然后再选择其中一个颜色,然后再点确定。另一个按键也是同样操作,如果想达到渐变效果,建议不要选择一样的颜色。完成后,选择确定即可。
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、此时浏览一下该网页,就可以看到地址栏上会出现小图标。
制作favicon.ico与编辑代码的步骤7
  WindowsXP在地址栏添加小图标的方法就介绍到这里了。如果你也希望在网站上增加一个可爱的小图标的话,不妨按照上述小编介绍的方法去试一下啊!
xp系统

网友评论

Win10系统下载 | Win11系统下载 | 软件合集

本站发布的系统与软件仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持购买微软正版软件!

如侵犯到您的权益,请及时通知我们,我们会及时处理。

Copyright @ 2023 番茄花园 版权声明 网站导航

赣公网安备 36112202000171号 赣ICP备20009800号-2