定制网站的收藏夹图标

在今天，人们越来越提倡个性化，处处强调自身的与众不同，Windows要有个性化的桌面主题，QQ要有个性化的皮肤，甚至连Windows的开、关机画面都要个性化的图片。网站本身也强调个性化，我们可以设计网页独特的页面样式，可以制作网站专有的logo，还可以策划几张新颖的Banner，当然我们也可以采用各种多媒体技术，使整个站点鹤立鸡群。但是Internet Explorer在收藏夹中总是白底蓝e的老面孔，如果我们让它换一张脸，那么我们的网站将在收藏夹中显得格外的醒目。
　　不知道您是否注意到当您将网易、Yahoo、E书时空和某些个人网站加入到“收藏夹”后，在这些网站标题的旁边还有一个独具个性的图标呢？这个图标我们称之为“收藏夹图标”（Favorites Icon）。就拿“E书时空”来说，在标题“E书时空” 的左边，Internet Explorer默认的图标被换成了一个带有红色边框的书法体“e书”图标，而且，当您浏览“E书时空”时，Internet Explorer的地址栏中的图标也同样是一个带有红色边框的书法体“e书”图标。
　　所谓的图标（Icon）并不是普通的图片，而是一种特殊的图形文件格式，它是以.ico作为扩展名，我们不能用.jpg或.gif来定制网站的收藏夹图标。它虽然看起来和图片没有什么区别，但却和普通的图片有很大的不同，它最初的作用就是作为软件和操作系统的图形化显示，查看.ico文件不需要任何软件（当然ACDSee 3.0可以用来查看图标文件）。所以如果您想制作一个图标，普通的图像设计软件并不支持这种格式，您需要到一个软件下载站点去下载一个图标制作软件，在这里笔者推荐大家使用Microangelo 98这个经典的图标制作和抓取软件。如果您不想自己来制作一个图标，我们也可以背靠互连网这棵大树，从网上直接下载，笔者向大家推荐国内一个不错的图标专业网站——图标集中营（http://www.51icon.net/）。当然您也可以访问http://www.favicon.com/，这里提供一个免费的在线“收藏夹”图标生成器，如果您英文不错的话，在这里您还可以了解到更多的关于“收藏夹”图标的知识。
　　您是否也希望有这样一个体现您的主页的风格和个性的图标呢？现在我们就来按部就班的进行定制：
　　在定制之前，我们必须清楚一些基本的概念。
　　首先，“收藏夹”图标有着它特有的规格：图标的大小为16*16（以像素为单位），所使用的颜色不得超过16色，这是Internet Explorer规定的“收藏夹”图标大小和颜色数。特别是不能使用真彩色来制作“收藏夹”图标，因为真彩色图标Internet Explorer根本就不支持。
　　其次，您使用的必须是Internet Explorer 5以上的版本，才可以看到定制的“收藏夹”图标。如果是Internet Explorer 5以下的版本，将看不到定制的“收藏夹”图标，显示的仍然是Internet Explorer的传统图标，但不会有任何副作用，它对页面的其他显示效果不会有任何影响。
　　定制网站收藏夹图标的方法有两种，都相当容易：
　　第一种方法：
　　第一步，当然是准备一个能体现您的主页的风格和个性的图标。比较简便的办法除了下载，就是将您的网站的logo做成一个图标。
　　第二步，将这个图标文件命名为：favicon.ico。
　　第三步，将favicon.ico上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改，Internet Explorer 5会自动的不停的搜索您的网站的根目录，它一旦发现了favicon..ico这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。
　　使用这种方法来定制收藏夹图标，有一个明显的缺陷，就是收藏夹图标只能在网站的首页中显示。
　　第一种方法：
　　第一步，还是准备一个能体现您的主页的风格和个性的图标。
　　第二步，将这个图标文件命名为任意的文件名，如myicon.ico。
　　第三步，在网页文件的head部分加入下面的内容：
　　<link rel="shortcut icon" href="http://www.mysite.com/myicon.ico">。
　　注意：图标文件的路径一定要使用绝对路径。
　　这种方法就可以使所有的页面都能显示收藏夹图标了。
　　最后还有一点需要说明的是，有些Web站点的主机服务器（如：Geocities）不支持图标文件格式（.ico），这时您就需要与系统管理员联系，要求他开通对图标文件格式的支持。