[分享]制作浏览器地址栏&收藏夹里的小图标 - 外贸网站建设,SOHO英文网页制作,网站设计公司--伊路网络工作室 - 建站知识库 - 网站建设专题

登陆

资料

在线

排行

帖子

文件

查询

收件箱

风格

加入收藏

使用帮助


首页 >> 建站知识库 >> 网站建设专题 >> 『网站维护教程\|网页设计经验交流』 >> [分享]制作浏览器地址栏&收藏夹里的小图标


新帖新投票回复帖子讨论区精华区	上篇刷新树型下篇

帖子主题: [分享]制作浏览器地址栏&收藏夹里的小图标

头衔：论坛总管理员

Admin

荣誉：管理员
职务：总版主
级别：圣骑士
积分：547
经验：3330
文章：271
注册：03-01-20 23:27

发表: 2006-11-02 11:48:03 人气:20244

楼主

[分享]制作浏览器地址栏&收藏夹里的小图标

如果您使用的 WEB 浏览器是 IE5 或以上版本，那么当您将某些网站（如：网易、Yahoo等等）加入到“收藏夹”后，您是否注意到在这些网站标题的旁边还有一个独具个性的图标呢？这就是“收藏夹图标”（F avorites Icon）。就拿“网易”来说,在标题“Welcome to netease !” 的左边，IE5 默认的图标被换成了一个红色的变体中文“易”字。非但如此，如果您正在浏览“网易”，这时 IE5 的地址栏中的图标也同样是一个红色的“易”字。也正是因为这些个性化的图标使得他们在您的“收藏夹”众多的白底蓝 e 中显得格外的醒目。
您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢？其实要实现这一目的非常简单。

第一步，准备一个图标制作软件。
首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问 http://www.favicon.com/ ，这里提供一个免费的在线“收藏夹”图标生成器，如果您 E 文够好的话，在这里您还可以了解到更多的关于“收藏夹”图标的知识。

第二步，确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格：图标的大小为 16 * 16（以像素为单位）；所使用的颜色不得超过 16 色。 (为了清晰)

第三步，设计一个属于您自己的图标。
您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：f avicon.ico。

最后，将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改，IE5 会自动的不停的搜索您的网站的根目录，只要它一发现了 favicon.ico 这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。

如果您希望为不同的页面设置不同的“收藏夹”图标，那么您就需要在该网页文件的 HEAD 部分加入下面的内容:
<INK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico";>

注意：该图标的路径一定要使用绝对路径。

还有一点需要说明的是：有些 Web 站点的主机服务器（如：Geocities ）不支持图标文件格式，这时您就需要与管理员联系，要求他开通图标文件格式的支持。

马上行动，让您的网站也拥有一个“收藏夹”图标吧！

专业外贸英文网站建设｜多语种网站建设(点击查看方案)

头衔：论坛总管理员

Admin

荣誉：管理员
职务：总版主
级别：圣骑士
积分：547
经验：3330
文章：271
注册：03-01-20 23:27

发表: 2006-11-02 11:48:30

第2楼

如何制作网页URL的图标(Icon)favicon.ico 的用法

<link rel="Bookmark" href="/forum_images/ffico.png" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />

1.IE 会自动发请求给www服务器，所以favicon.ico直接丢到站点根目录即可（如果是16色16x16大小的话）。

2.也可以是*.gif的格式。只要不是16色16x16大小的ico，都必须写上这句

<link rel="shortcut icon" href="ofavi.gif" type="image/x-icon" />

3.没有这个 favicon的WWW服务器端，会汇报404错误。

4.从WWW服务器日志中，可以大略了解有多少人加了浏览器收藏夹

专业外贸英文网站建设｜多语种网站建设(点击查看方案)

9 7 1 8 : 此主题共有2帖此页2帖每页100帖

回复帖子注意: *为必填项

*用户名和密码

用户名密码注册新用户

*帖子名称

长度不得超过255字

内容(最大16K)
是否是UBB代码

内容支持插入UBB标签
使用方法请参考帮助

其它选项:

显示签名

不允许回复

- UBB标签

- 颜色表 Alt+S或Ctrl+Enter快速提交