Flash课件网 - 您身边的课件制作专家
Flash课件网官方,专业代做课件、定制原创Flash动画或参赛课件、修改Flash、制作演讲或汇报幻灯片PPT课件。联系QQ:4318100或搜索微信号:flashkj

如何让网站在浏览器网址前面显示小图标?

本站提供Flash课件代做和PPT幻灯片定制业务,联系QQ/微信:4318100

    大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标,在浏览器的标签位置也有一个小图标,例如百度 、淘宝等网站都有这样的图标。这个图标没有特别的意义,但有了这个小图标后,网站就会比别人的网站更加醒目,更能引起其他人的注意。

    今天也是无间间发现,自己的网站升级之后,这个小图标竟然没有了,于是重新制作了一个,并添加进来。

    这个是添加之前的情况,和其他网站相比,网址的前面只有一个新页面的标签,毫不起眼,下面是添加后的情况。

    看到没,在浏览器网址下拉列表中,网址的前面和浏览器标题栏的前面都多了一个红色的小标签,立马就醒目了。那么,这个小标签是如何添加进来的呢,下面介绍一下方法:

    首先使用photoshop制作一个宽高均为32像素的小图标,制作完成后存储为ico格式备用。第二步,用FTP软件下载网页到本地备份,以防万一,用记事本或其他网页编辑工具打开index文件,如你使用的cms等内容管理系统,就在head模板中添加以下代码,注意href里的地址是你存放ico图标的地址,根据你网站上存放的位置来写。
<link rel="shortcut icon" type="image/x-icon" href="http://www.flashkj.com/images/favicon.ico" media="screen" />
    把修改过的网页文件上传到服务器上,然后把做好的ico文件存放到服务器的images这个网站目录里面。好了,现在重新打开IE浏览器,输入你的网址试试看?是不是已经有了小图标了?好吧,再欣赏一下:)

标签:网站浏览器网址图标icon
分类:资讯转载| 发布:huagui| 查看: | 发表时间:2015-6-21
原创文章如转载,请注明:转载自Flash课件网 http://www.flashkj.com/
本文链接:http://www.flashkj.com/tuijian/favicon.html

相关文章

已经有 ( 1 ) 位网友发表了评论,你也评一评吧!

在浏览器网址下拉列表中
Design By Flashkj.Com | Login | Power By Chen Feiyang.