如何在地址栏中显示网站的图标
<link rel="shortcut icon" href="MyImg.ico">
<link rel="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>
<LINK REL="SHORTCUT ICON" HREF="http://网站地址/favicon.ico">
<TITLE>My Title</TITLE>
</HEAD>
使用这个做法的话,就不一定要把图形文件放在网站的根目录下面了,你可以放在任何位置,甚至直接连结到其他网站上面的图形文件也可以,而且图形文件的文件名也不一定要叫做 favicon.ico,可以自己随便取。
不过要注意的是使用这个做法的话,只有在把有加入上面 HTML 语法的页面加入书签的时候才会有作用。
Microangelo 是一套功能强大的图标相关编辑软件。使用它可以创建或编辑图标(.ico)、静态指针(.cur)、动画指针(.ani)以及图标库(.icl)文件,编辑功能十分强大且很容易上手。该软件还有一个功能就是可以直接修改可执行程序中的图标(请注意图像格式一定要匹配)。
除上述外,还可以使用附带的 microangelo On Display 修改系统中的各种图标,使你的系统更漂亮,更具个性化。
2、设计自己网站的图标,要代表网站的风格和个性
注意:图标的规格大小为 16 * 16(以像素为单位),所使用的颜色不得超过16 色;
第二步 发布到网站
1、第一种方式:可以直接把制作的图标命名为favicon.ico,上传到网站根目录即可;
注意:该图标的路径一定要使用绝对路径
在地址栏显示网站的图标
做法:
制作一个图标文件,大小为16*16像素。文件名为favicon.ico,然后上传网站根目录中。
在HTML源文件“<head></head>”之间添加如下代码:
<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
<link rel="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> 区加入代码:<link rel="Shortcut Icon" href="favicon.ico" />,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用 favicon.ico 了,可以用任意的名字来命名,如:qwwqqwwq.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是必须做到图标文件的链接地址要正确。另外,在 <head>...</head> 区加入代码:<link rel="Bookmark" href="favicon.ico" />,就可以在收藏夹中你网页链接前显示出你自定义的图标。
在地址栏显示网站的图标
做法:
制作一个图标文件,大小为16*16像素。文件名为favicon.ico,然后上传网站根目录中。
在HTML源文件“<head></head>”之间添加如下代码:
<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
<link rel="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> 区加入代码:<link rel="Shortcut Icon" href="favicon.ico" />,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用 favicon.ico 了,可以用任意的名字来命名,如:qwwqqwwq.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是必须做到图标文件的链接地址要正确。另外,在 <head>...</head> 区加入代码:<link rel="Bookmark" href="favicon.ico" />,就可以在收藏夹中你网页链接前显示出你自定义的图标。