win7之家
当前位置:主页 > 系统教程 >

如何在windows xp系统地址栏下添加小图标

  • 作者:shs
  • 来源:互联网整理
  • 更新时间:2019-04-14 08:30:42
  • 浏览数:

  不知道使用windows xp系统浏览器的用户有没有发现,在浏览器的地址栏出现了这样一个小图标,在浏览器标签的位置也会有一个小图标,刚刚使用电脑的用户可能对此都比较好奇,为什么每打开一个不同的网站就会出现一个这样的小图标呢?能不能直接手动添加呢?关于这个问题,小编整理了具体的操作方法来教大家如何添加地址栏小图标,以下是具体的方法步骤。


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

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

如何在windows xp系统地址栏下添加小图标

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


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


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


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


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


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


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

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


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


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


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


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


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

  《head》

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

  《/head》


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


  关于在windows xp系统下浏览器上添加地址栏小图标的详细步骤了。其实为网站添加一个这样的小图标会更加有吸引力,更能引起其他人的注意,所以感兴趣的朋友不妨按照本教程来进行添加,这样你的网站就会有一个专属又醒目的小图标了,希望通过本教程能够帮助到大家,更多资讯请持续关注本站。

版权声明:本站收录的文章及教程都是本站小编精心制作,仅供学习交流之用,如转载请注明出处。劳动最光荣,请尊重!

  • 猜你喜欢
 分类

如何在windows xp系统地址栏下添加小图标

作者:shs

来源:互联网整理

更新时间:2019-04-14 08:30:42

浏览数:

文章内容

  不知道使用windows xp系统浏览器的用户有没有发现,在浏览器的地址栏出现了这样一个小图标,在浏览器标签的位置也会有一个小图标,刚刚使用电脑的用户可能对此都比较好奇,为什么每打开一个不同的网站就会出现一个这样的小图标呢?能不能直接手动添加呢?关于这个问题,小编整理了具体的操作方法来教大家如何添加地址栏小图标,以下是具体的方法步骤。


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

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

如何在windows xp系统地址栏下添加小图标

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


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


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


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


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


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


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

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


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


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


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


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


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

  《head》

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

  《/head》


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


  关于在windows xp系统下浏览器上添加地址栏小图标的详细步骤了。其实为网站添加一个这样的小图标会更加有吸引力,更能引起其他人的注意,所以感兴趣的朋友不妨按照本教程来进行添加,这样你的网站就会有一个专属又醒目的小图标了,希望通过本教程能够帮助到大家,更多资讯请持续关注本站。

猜你喜欢的系统教程

本站所有软件来自于互联网,
版权属原著所有,如有需要请购买正版。
如有侵权,敬请来信联系我们,我们立刻删除
Copyright © 2004-2016
Win7系统之家(www.win764.org).All Rights Reserved