一唯网

财经 生活 互联网

« 揭密出现崩盘的庄股:庄家到底赚不赚钱巧用黄金分割线判断压力位或支撑位 »

添加网站ICON图标的方法

    网站的ICON图标与Logo、Banner图标一样,也是一个网站的标志。与Logo、Banner不同的是,ICON图标将显示在IE的收藏夹里——如果用户收藏有你的网站的话。拥有一个与众不同的ICON图标,你的网站将在用户的IE浏览器的收藏夹里非常醒目,用户一眼就能够看得出来,从而达到提高网站访问率的目的。此外,在诸如Maxthon这类第三方浏览器当中,网站的ICON图标将显示在地址栏和标签栏的左边,既加深用户对你的网站的印象,又可以令用户在已经打开的众多子页面里迅速找到属于你网站的页面,好处实在不少。

    那么,ICON图标是什么东东呢?我们又如何做才能拥有网站的ICON图标呢?

    ICON图标其实大家并不陌生:Windows桌面上的那些图标,就是集成于软件里的ICON图标,它可能是放在EXE程序文件里,也可能是放在 DLL链接库文件里。这些桌面图标是程序在制作的时候程序员将ICON图标放进去的。ICON图标后缀名为.ico,很多图形处理软件都可以制作,比如,用抓图软件SnagIt的图形处理软件就可以制作ICON图标,也可以在网上下载相关资源,很多资源网站都提供有成套的ICON图标下载。

   【小技巧一】也可以用“画图”程序制作一个BMP文件,然后在DOS下把它改名为.ico文件,这样,它也是ICON图标,但图片的体积过大。

   【小技巧二】用其他图形处理软件制作时ICON图标时,可先把图片制作成png或gif文件,这样,可以设置透明背景,做完后再另存为.ico文件。背景是否透明的ICON图标其显示效果是不同的,大家在Windows桌面上可能会发现这一点。

    网站ICON图标对尺寸有要求,通常16×16,单位为像素。文件命名也有要求,只能是favicon.ico,不能是别的。注意,如果你的图标已经是ICON图标,它已经有后缀名.ico了,不要再加上。

    准备好ICON图标文件后,把它上传到网站的根目录下(通常为public_html目录),就一切OK了。这样,IE浏览器是5.0以上版本的用户收藏你的网站后,你的网站在该用户的收藏夹里就会有你上传的ICON图标,而当用户是用Maxthon之类的浏览器打开你的网站,只要Maxthon是默认设置的,Maxthon的地址栏和标签栏的最左边都将显示你的ICON图标。

    对于不支持favicon.ico图标的服务器(应该很少),以及对于没有根目录权限的网站,以上方法自然无效,但还有补救方法:代码法。代码法不要求ICON图标的文件名一定为favicon.ico,可以是其他的.ico文件。不过此法不会改变用户的IE收藏夹里你网站的图标(除非用户专门设置其图标属性),但可以在Maxthon中的地址栏和标签栏有效。

    以下代码放在</head>之前(当然也可以放在其他地方):

    <link rel="shortcut icon" href="ICON 图片" type="image/x-icon">

    其中,“ICON 图片”的路径、文件名要正确,不能有误。建议使用绝对路径。

    如果你的网站所有文件都用到一个JS文件,那么,你可以一劳永逸地让你的网页都拥有ICON图标。打开你的JS文件,在最开头或最末尾加入如下代码:

    document.write('<link rel="shortcut icon" href="ICON图标" type="image/x-icon">');

   【小技巧三】Maxthon的地址栏要能显示网站的ICON图标,必须确保Maxthon选项里以下两项设置为√选状态:其一,“收藏夹-使用系统图标”;其二,“高级-在标签上显示网站图标”。[作者:黑马 出处:黑马在线动力]

  • 文章排行:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

本站搜索

最新评论及回复

最近发表

Powered By Z-Blog 1.7 Laputa Build 70216

Copyright 2007 easeview. Some Rights Reserved. 苏ICP备07019698号