IE地址栏显示网站图标制作方法

作者:刘敬兵 来源:17tech 时间:2007-10-13 11:08:00 

时下,个性ico图标却成为一些主流大牌网站提高用户体验(UE)的一个“时髦”玩法,那么,是如何在IE地址栏显示出网站的个性图标的呢?

常浏览网站的你,是否注意到打开一些网站时,IE地址栏会显示一些网站的小图标呢?传统的IE地址栏的图标都是“e”字标,而时下,个性ico图标却成为一些主流大牌网站提高用户体验(UE)的一个“时髦”玩法,那么,是如何在IE地址栏显示出网站的个性图标的呢?


不知道你有没有注意到,在打开国家教育网的网址http://www.inen.cn的时候,地址栏的前面是一个“i”变形的火炬图标,这就是国家教育网的个性ico图标,当把国家教育网添加到收藏夹后,你会发现这个“小火炬”仍然存在。其实,要实现网站的个性cio图标非常简单。

首先你必须制作一个ico图标,并把它命名为“favicon.ico”,把它传到你的网站目录下面。

然后,在想展现该个性图标的页面代码head部分中,添加一段描述代码,比如国家教育网的head中<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />,就是控制个性图标的描述代码。

这样就完成了设置,那么如何制作ico图标呢?有两种方法:

一是针对不懂设计的朋友来说,可以使用在线生成工具 。


二是针对懂得ico设计的朋友,可以自行利用制图软件自主设计,不过记得将成品文件命名为“favicon.ico”。

这样,就可以轻松实现网站的个性地址栏ico图标显示了,愿你的网站,也拥有一个属于自己的个性图标。

标签:图标,ie,地址栏,ico
0
投稿

猜你喜欢

  • 在SQL Server数据库开发中的十大问题

    2008-12-18 14:39:00
  • Alexa排名数据xml接口及其参数说明

    2008-11-07 13:03:00
  • 如何在Mac OS X中安装MySQL

    2009-09-01 10:16:00
  • Win7或Windows server 2008中IIS7支持ASP+Access解决方法

    2012-03-27 18:31:27
  • 解释FCKeditor样式的工作原理

    2007-10-11 13:34:00
  • [ASP]提高数据显示效率--缓存探幽

    2008-05-18 13:51:00
  • PS中执行N遍选定动作的脚本

    2008-02-22 21:33:00
  • 如何禁止搜索引擎收录你的网站

    2008-10-20 12:57:00
  • JavaScript程序执行顺序问题总结

    2010-01-29 13:06:00
  • 从8个方面优化ASP代码

    2007-09-16 18:01:00
  • SQL Server 对表的主键设计问题及解决办法

    2010-06-07 13:29:00
  • Sub-Pixel Bug?!

    2010-03-24 18:09:00
  • 超级链接中MailTo的语法

    2008-08-29 13:00:00
  • asp常用的SQL命令操作

    2007-09-29 12:21:00
  • [原创][分享]数字格式化转换

    2011-07-04 12:20:15
  • 优化代码 改善CSS文件可读性

    2008-06-13 13:50:00
  • Asp Object 之:AddHeader

    2008-05-05 12:58:00
  • xhtml+css页面制作过程中问题的解决方案

    2008-08-05 18:00:00
  • ASP+Access数据库安全设置方法小结

    2011-04-02 11:09:00
  • RDFa介绍——构建更友好的web页面

    2009-09-19 17:01:00
  • asp之家 网络编程 m.aspxhome.com