`

如何在地址栏中显示网站的图标

 
阅读更多
http://hi.baidu.com/langyanqi/blog/item/3316544e9bdb640bb3de05ac.html

如何在地址栏中显示网站的图标

 

      <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 语法的页面加入书签的时候才会有作用。

 

1、选择icon制作软件，可以选择MicroAngelo V5.59c（http://www3.skycn.com/soft/2478.html）

         Microangelo 是一套功能强大的图标相关编辑软件。使用它可以创建或编辑图标(.ico)、静态指针(.cur)、动画指针(.ani)以及图标库(.icl)文件，编辑功能十分强大且很容易上手。该软件还有一个功能就是可以直接修改可执行程序中的图标（请注意图像格式一定要匹配）。
         除上述外，还可以使用附带的 microangelo On Display 修改系统中的各种图标，使你的系统更漂亮，更具个性化。

2、设计自己网站的图标，要代表网站的风格和个性

      注意：图标的规格大小为 16 * 16（以像素为单位），所使用的颜色不得超过16 色；

第二步 发布到网站

1、第一种方式：可以直接把制作的图标命名为favicon.ico，上传到网站根目录即可；

2、第二种方式：如果希望不同的栏目（或页面）显示不同的图标，则需要在该网页文件的 HEAD 部分加入以下内容： <link REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.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" />，就可以在收藏夹中你网页链接前显示出你自定义的图标。
分享到：
| 十五种CSS鼠标样式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics