首页 · 设计视角 · 平面设计 · 网站设计 · 工业设计 · 建筑环境· CG动漫 · UI界面 · 设计创意 · 色彩设计 · 网络编程 · 设计欣赏 · 广告欣赏 · 软件教程
推荐栏目:PhotoShop教程 平面设计教程 平面设计作品 字体设计 推荐文章:非主流照片处理教程 photoshop抠图 photoshop照片合成
您现在的位置: 平面设计资源网 >> UI设计 >> ICON设计 >> 文章正文 >> 如何制作网页URL的ICON图标

如何制作网页URL的ICON图标

如何制作网页URL的ICON图标
   问:我将有些网站添加到收藏夹时,会看到这个图站在收藏夹中会显示出特别的图标(ICON图标)。我也想在网页上加入代表我个人主页的标志,请问这种图标(ICON图标)是如何实现的?

  答:Internet Explorer 5.0提供了一个新的功能,就是可以让网页设计者自己设计网站URL的图标(ICON图标)。也就是在Internet Explorer地址栏前面,以及在收藏夹里面,显示的是你自己设计的图标(ICON图标),而不是默认的Internet Explorer图标(ICON图标)。要能够在网址栏中显示自己的图标,要以下几个步骤:

首先要做出你自己的图标(ICON图标)。你可以用任何一种图形设计程序来制作你的图标(ICON图标),或是你可以从图库、网络等地方找到你要的图标(ICON图标),这个图标的大小必须是16×16像素,否则可能会显示不出来。虽然Internet Explorer规定是一定要用16×16的大小,但是笔者发现用32 x 32的大小也可以。

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

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

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

<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://www.webjx.com/youricon.ico">
<TITLE>网页教学网--专业的网页教学站点</TITLE>
</HEAD>

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

  小提示:如果你不要你的Internet Explorer在收藏夹中出现这些网站自行制作的图标(ICON图标),在加入收藏夹之后,做清除History的操作。然后再重新打开Internet Explorer浏览器之后,这些自行制作的图标(ICON图标)就会消失,恢复成Internet Explorer默认的图标。

 

2007-6-30 21:55:47 作者:佚名 阅读点击: 责任编辑:admin
关于 ICON设计,ICON图标 的文章
频道精彩推荐
阅读排行
赞助商链接
作品推荐
设为首页 | 加入收藏 | 今日更新 | 欢迎投稿 | 关于我们 | 版权说明 | 设计服务 | 网站地图 | 友情链接
Copyright © 2003-2008 www.AD020.com All Rights Reserved 版权所有 平面设计资源网