制作浏览器地址栏&收藏夹里的小图标
2012-08-09 14:12
435 查看
如果您使用的 WEB 浏览器是 IE5 或以上版本,那么当您将某些网站(如:网易、Yahoo等等)加入到“收藏夹”后,您是否注意到在这些网站标题的旁边还有一个独具个性的图标呢?这就是“收藏夹图标”(F avorites Icon)。就拿“网易”来说,在标题“Welcome to netease !” 的左边,IE5 默认的图标被换成了一个红色的变体中文“易”字。非但如此,如果您正在浏览“网易”,这时 IE5 的地址栏中的图标也同样是一个红色的“易”字。也正是因为这些个性化的图标使得他们在您的“收藏夹”众多的白底蓝
e 中显得格外的醒目。
您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢?其实要实现这一目的非常简单。
第一步,准备一个图标制作软件。
首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http://www.favicon.com/,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。
第二步,确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。 (为了清晰)
第三步,设计一个属于您自己的图标。
您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:f avicon.ico。
最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改,IE5 会自动的不停的搜索您的网站的根目录,只要它一发现了 favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。
如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的 HEAD 部分加入下面的内容:
<linkrel="bookmark"href="favicon.ico">
注意:该图标的路径一定要使用绝对路径。
还有一点需要说明的是:有些 Web 站点的主机服务器(如:Geocities )不支持图标文件格式,这时您就需要与管理员联系,要求他开通图标文件格式的支持。
马上行动,让您的网站也拥有一个“收藏夹”图标吧!
e 中显得格外的醒目。
您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢?其实要实现这一目的非常简单。
第一步,准备一个图标制作软件。
首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http://www.favicon.com/,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。
第二步,确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。 (为了清晰)
第三步,设计一个属于您自己的图标。
您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:f avicon.ico。
最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改,IE5 会自动的不停的搜索您的网站的根目录,只要它一发现了 favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。
如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的 HEAD 部分加入下面的内容:
<linkrel="bookmark"href="favicon.ico">
注意:该图标的路径一定要使用绝对路径。
还有一点需要说明的是:有些 Web 站点的主机服务器(如:Geocities )不支持图标文件格式,这时您就需要与管理员联系,要求他开通图标文件格式的支持。
马上行动,让您的网站也拥有一个“收藏夹”图标吧!
相关文章推荐
- 制作浏览器地址栏&收藏夹里的小图标
- 制作浏览器地址栏&收藏夹里的小图标
- 制作浏览器地址栏&收藏夹里的小图标
- 网页制作小技巧------如何在浏览器地址栏中显示网站的图标?
- 设为首页&&加入收藏夹&&禁止复制&&地址栏显示自己的图标&&去掉超链接的下划线&&jsp页面调用在线播放器
- 为制作的网站指定浏览器显示和收藏的图标
- 关于浏览器地址栏和标题栏显示的小图标
- 可添加至收藏夹并在浏览器地址栏运行的JS代码
- tomcat与地址栏图标之研究(多浏览器)
- 网页在地址栏和收藏夹中图标显示效果
- 关于浏览器地址栏和标题栏显示的小图标
- favicon图标介绍,也就是在浏览器最上面的地址栏前的图标
- Tomcat发布项目时,浏览器地址栏图标的问题
- 制作地址栏中的小图标
- Tomcat浏览器地址栏图标
- Favicon.ico---浏览器的地址栏的小图标
- 修改tomcat浏览器地址栏图标
- 网站地址栏图标制作
- 转载:Tomcat发布项目时,浏览器地址栏图标的问题
- 设为首页、添加到收藏夹、更改地址栏前小图标、按下回车键事件、关闭窗口