找回密码
 加入
搜索

[代码] 如何制作网页URL的图标(Icon)

[复制链接]
发表于 2006-1-8 16:46:47 | 显示全部楼层 |阅读模式
如果您使用的 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 部分加入下面的内容:


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


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

马上行动,让您的网站也拥有一个“收藏夹”图标吧!
————————————————————————————————
  问:我将有些网站添加到收藏夹时,会看到这个图站在收藏夹中会显示出特别的图标。我也想在网页上加入代表我个人主页的标志,请问这种图标是如何实现的?

  答:Internet Explorer 5.0提供了一个新的功能,就是可以让网页设计者自己设计网站URL的图标。也就是在Internet Explorer地址栏前面,以及在收藏夹里面,显示的是你自己设计的图标,而不是默认的Internet Explorer图标。要能够在网址栏中显示自己的图标,要以下几个步骤:
首先要做出你自己的图标。你可以用任何一种图形设计程序来制作你的图标,或是你可以从图库、网络等地方找到你要的图标,这个图标的大小必须是16×16像素,否则可能会显示不出来。虽然Internet Explorer规定是一定要用16×16的大小,但是笔者发现用32 x 32的大小也可以。

  接下来,就要把图标链接到网页中了,链接图标可以有两种方法来实现。

  第一种方法:你把你的图标文件名取为favicon.ico,并且放在你网页所在的根目录下,就是跟你首页文件(一般是index.htm、index.html、default.htm或default.html放在一起)。这样Internet Explorer 5.0就会自动读取这个favicon.ico,从而将这个图标显示出来。

  第二种方法:在首页HTML文件中,加入link命令,<link>是放在<head>与</head>之间,例如下面这样:

<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://www.7dspace.com/favicon.ico">
<TITLE>七度空间网页教学网--专业的网页教学站点</TITLE>
</HEAD>

  其中的"HREF=http://www.7dspace.com/favicon.ico>"只是一个例子,你只要将"http://www.7dspace.com"替换成你的网址,将"favicon.ico"替换成你制作的ICO文件名即可。这样只有当网友把你的网站加到Internet Explorer的收藏夹中,并重新打开Internet Explorer浏览器之后,你自行制作的图标才会显示出来。

  小提示:如果你不要你的Internet Explorer在收藏夹中出现这些网站自行制作的图标,在加入收藏夹之后,做清除History的操作。然后再重新打开Internet Explorer浏览器之后,这些自行制作的图标就会消失,恢复成Internet Explorer默认的图标。
 楼主| 发表于 2006-1-8 17:02:31 | 显示全部楼层

MicroAngelo V5.59c 汉化版(修正版)

Microangelo 是一套功能强大的图标相关编辑软件。使用它可以创建或编辑图标(.ico)、静态指针(.cur)、动画指针(.ani)以及图标库(.icl)文件,编辑功能十分强大且很容易上手。该软件还有一个功能就是可以直接修改可执行程序中的图标(请注意图像格式一定要匹配)。
    除上述外,还可以使用附带的 microangelo On Display 修改系统中的各种图标,使你的系统更漂亮,更具个性化。
    这是汉化安装版,无需原始英文版。


http://www.skycn.com/soft/2478.html  下载
http://www.chami.com/html-kit/services/favicon/  在线制作

Archiver|手机版|小黑屋|乱弹琴|重庆网址之家|多来米发 |

GMT+8, 2026-10-14 03:41 AM

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表