转至繁体中文版　　　  | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告：     敏韬网|教学资源学习资料永久免费分享站！  [mintao  2008年9月2日]        
您现在的位置： 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
创造收藏夹中的个性化图标    热     ★★★★

创造收藏夹中的个性化图标

作者：闵涛 文章来源：闵涛的学习笔记 点击数：625 更新时间：2009/4/23 11:13:36
　　现在在浏览网页的时候，你会发现很多网站都会有“将我加入收藏夹”的选项，也许你的网站中同样有这样的选项，因为这确实是让浏览者记住网站的一个好方法。但是，当收藏夹中的网站越来越多，所有的网站都是一个丑丑的蓝色 IE 小图标加上一个网站名，让人感到无所适从。怎样才能在这众多的网站中脱颖而出呢？正当你麻木地盯着那堆看起来一模一样又毫无生气的书签的时候，忽然发现其中一个书签看起来很不一样，有个让人眼睛一亮的logo！没错，如果能把那个IE小图标换成一个个性化的Logo，一定能够吸引人注意。现在就让我们进入正题，看看怎样做出这样的效果。
请注意：这招只对 Windows平台的 IE 5.0 或者更新版本的浏览器才能奏效。不过请放心，在其他版本或者作业系统的浏览器上面并不会有任何不良副作用，只不过没有效果而已。

第一步：首先你必须要制作一个看起来既清楚又容易辨识的小图示，为了使做出来的图标与原来的图标风格相似，我们将图标的大小定义为16x16 像素。要制作这种图标文件，你必须要使用相关的图形编辑软件才行。你可以自己从一大堆这样的Icon制作软体里面挑一个来用。这些软件多半可以汇入一些常见的图形格式，例如 BMP 或者 GIF 格式，好让你可以不一定要在里面从无到有重新制作一个图形文件。此外在制作图形文件的时候，你可能需要把色盘设定成只使用标准的 16 色 Windows 色盘，这样做出来的图形才会在各种配置的机器上看起来都是一样的。还有一点很重要：为了显示你的特色，最好不要偷懒！虽然可以直接从一大堆别人已做好的图形拿来用，但想要别人对你的网站留有印象，图标的原创性就显得比较重要了。所以还是自己来做吧，然后把你的作品储存成 ICO 格式，记得文件名要叫做“favicon.ico”。

第二步：把刚刚制作好的 favicon.ico 文件上传到你的网站根目录去。如果你的网址是：http://www.webjx.com 那么你的 favicion.ico 就应该被放在下面这个URL下http://www.webjx.com/favicion.ico
每当有网友要把你的网站（不管是网站中的哪一页）加入“我的最爱”的时候，IE 浏览器便会到你的网站根目录去寻找看看有没有favicon.ico这个文件，如果有的话，这个文件就会被用来当作书签上面的图示了。但是如果你没办法把文件上传到上面所说的根目录怎么办（比方说你的网页空间是和其他人共享的）？或者你只是要为网站中的某个特定页面设定书签图示，甚至你希望网站中不同页面可以有不同的图片呢？没关系，这时候你可以在网页原始码的 <HEAD>标签里区里面加上下面的设定：
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://www.webjx.com/favicon.ico">
<TITLE>My Title</TITLE>
</HEAD>
记得要把上面的http://www.webjx.com/favicon.ico代换成你自己的 URL 。使用这个做法的话，就不一定要把图形文件放在网站的根目录下面了，你可以放在任何位置，甚至直接连结到其他网站上面的图形文件也可以，而且图形文件的文件名也不一定要叫做 favicon.ico，可以自己随便取。不过要注意的是使用这个做法的话，只有在网友把有加入上面 HTML 语法的页面加入书签的时候才会有作用。
下面是一个Script代码，将它加入到你的网页中，则会提示网友将本页加入收藏夹。
<SCRIPT>
<!--
if ((navigator.appVersion.indexOf("MSIE") > 0)&& (parseInt(navigator.appVersion) >= 4))
{
var sText = "<U><SPAN STYLE='color:blue;cursor:hand;'";
sText += "onclick='window.external.AddFavorite(location.href,";
sText += "document.title);'>添加进收藏夹</SPAN></U>";
document.write(sText);
}
//-->
</SCRIPT>

大功告成！只要有网友将你的网站加入收藏夹中，你的 logo 就会出现在收藏夹目录里面了。不过有一点请记住：你的 logo 在网友还没将你的网站加入书签以前是不会被看见的，而且有些免费网页空间并不支援 ico 图形格式。


[网页制作]创造收藏夹中的个性化图标  
教程录入：mintao    责任编辑：mintao 
  • 上一篇教程：

  • 下一篇教程：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　 注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]
    　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
    		•
    赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题，因而无法显示。
    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长：MinTao ICP备案号：鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网。A打造B、C、D……
    		咸宁网络警察报警平台