如何在地址栏中显示网站的图标
http://hi.baidu.com/langyanqi/blog/item/3316544e9bdb640bb3de05ac.html
如何在地址栏中显示网站的图标
<linkrel="shortcuticon"href="MyImg.ico">
<linkrel="Bookmark"href="favicon.ico">可以在收藏夹中显示出你的网站图标,图标可以是16*16、24*24、32*32、48*48的都可以。
第一步,准备一个图标制作软件。
首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http://www.favicon.com/,这里提供一个免费的在线“收藏夹”图标生成器,如果您E文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。
第二步,确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格:图标的大小为16*16(以像素为单位);所使用的颜色不得超过16色。
第三步,设计一个属于您自己的图标。
您可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:favicon.ico。
最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。注意:您不需要对您的网页文件作任何的修改,IE5会自动的不停的搜索您的网站的根目录,只要它一发现了favicon.ico这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了
<HEAD>
<LINKrel="SHORTCUTICON"href="http://网站地址/favicon.ico">
<TITLE>MyTitle</TITLE>
</HEAD>
使用这个做法的话,就不一定要把图形文件放在网站的根目录下面了,你可以放在任何位置,甚至直接连结到其他网站上面的图形文件也可以,而且图形文件的文件名也不一定要叫做favicon.ico,可以自己随便取。
不过要注意的是使用这个做法的话,只有在把有加入上面HTML语法的页面加入书签的时候才会有作用。
1、选择icon制作软件,可以选择MicroAngeloV5.59c(http://www3.skycn.com/soft/2478.html)
Microangelo是一套功能强大的图标相关编辑软件。使用它可以创建或编辑图标(.ico)、静态指针(.cur)、动画指针(.ani)以及图标库(.icl)文件,编辑功能十分强大且很容易上手。该软件还有一个功能就是可以直接修改可执行程序中的图标(请注意图像格式一定要匹配)。
除上述外,还可以使用附带的microangeloOnDisplay修改系统中的各种图标,使你的系统更漂亮,更具个性化。
2、设计自己网站的图标,要代表网站的风格和个性
注意:图标的规格大小为16*16(以像素为单位),所使用的颜色不得超过16色;
第二步发布到网站
1、第一种方式:可以直接把制作的图标命名为favicon.ico,上传到网站根目录即可;
2、第二种方式:如果希望不同的栏目(或页面)显示不同的图标,则需要在该网页文件的HEAD部分加入以下内容:<linkrel="SHORTCUTICON"href="http://www.mydomain.com/myicon.ico">
注意:该图标的路径一定要使用绝对路径
在地址栏显示网站的图标
做法:
制作一个图标文件,大小为16*16像素。文件名为favicon.ico,然后上传网站根目录中。
在HTML源文件“<head></head>”之间添加如下代码:
<linkrel="ShortcutIcon"href="favicon.ico">IE地址栏前换成自己的图标
<linkrel="Bookmark"href="favicon.ico">可以在收藏夹中显示出你的图标
如果是myie不用加以上代码地址栏也可以显示,自己的图标,文件名必须是favicon.ico。
?
------------------------------------------------------------------------------------
方法一:
直接在站点根目录下放入名为:favicon.ico的图标文件就行了(必须要为ICO文件,BMP及其他格式的图片文件不行)。并且我已经测试过如用这种方法的话,其实在站点根目录放入的ICO文件不一定必须命名为:favicon.ico,将favicon.ico中的favicon命名为你网站域名的名称同样可行,例如你网站的域名为:blueidea.com,你可以将该ICO文件命名为:blueidea.ico(注意ICO文件的文件名只能是域名的名称:blueidea,而不是域名:blueidea.com,即不要将域名中的.com后缀也加进去);
方法二:
在网页的<head>...</head>区加入代码:<linkrel="ShortcutIcon"href="favicon.ico"/>,如果用这一种方法的话,其中ICO文件的文件名就不一定要用favicon.ico了,可以用任意的名字来命名,如:qwwqqwwq.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是必须做到图标文件的链接地址要正确。另外,在<head>...</head>区加入代码:<linkrel="Bookmark"href="favicon.ico"/>,就可以在收藏夹中你网页链接前显示出你自定义的图标。
在地址栏显示网站的图标
做法:
制作一个图标文件,大小为16*16像素。文件名为favicon.ico,然后上传网站根目录中。
在HTML源文件“<head></head>”之间添加如下代码:
<linkrel="ShortcutIcon"href="favicon.ico">IE地址栏前换成自己的图标
<linkrel="Bookmark"href="favicon.ico">可以在收藏夹中显示出你的图标
如果是myie不用加以上代码地址栏也可以显示,自己的图标,文件名必须是favicon.ico。
------------------------------------------------------------------------------------
方法一:
直接在站点根目录下放入名为:favicon.ico的图标文件就行了(必须要为ICO文件,BMP及其他格式的图片文件不行)。并且我已经测试过如用这种方法的话,其实在站点根目录放入的ICO文件不一定必须命名为:favicon.ico,将favicon.ico中的favicon命名为你网站域名的名称同样可行,例如你网站的域名为:blueidea.com,你可以将该ICO文件命名为:blueidea.ico(注意ICO文件的文件名只能是域名的名称:blueidea,而不是域名:blueidea.com,即不要将域名中的.com后缀也加进去);
方法二:
在网页的<head>...</head>区加入代码:<linkrel="ShortcutIcon"href="favicon.ico"/>,如果用这一种方法的话,其中ICO文件的文件名就不一定要用favicon.ico了,可以用任意的名字来命名,如:qwwqqwwq.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是必须做到图标文件的链接地址要正确。另外,在<head>...</head>区加入代码:<linkrel="Bookmark"href="favicon.ico"/>,就可以在收藏夹中你网页链接前显示出你自定义的图标。