1、第一步,准备一个图标制作软件。 首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的制作ico图标.汉化修正版下载地址:http://www.skycn.com/soft/2478.html 第二步,确定“收藏夹”图标的规格。 在收藏夹里出现的是16*16;所使用的颜色最好成绩不要超过16色。(为了清晰),如果你不清楚可以在C盘查找*.ico格式的图标,应该能在IE缓存里找到那些网站的图标,你可以打开这些图标就可以知道该用什么格式的了,跟人家的一样就行。 第三步,设计一个属于您自己的图标。 你可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:favicon.ico(注意,需要命名为这个文件名方可)。可以制作的醒目些。 例如用一个本机上的图标文件改一下吧。从本机上搜索一个文件,复制到桌面。用Microangelo打开,修改成16*16,使用256色吧,另存为favicon.ico。 最后,只需要将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。(也就是你的主页index.html所在的那个文件夹)您不需要对您的网页文件作任何的修改,IE5会自动的不停的搜索您的网站的根目录,只要它一发现了favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。 如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的HEAD部分加入下面的内容:
<link rel=\"shortcut icon\"href=\"http://www.net/myicon.ico\"> 注意:该图标的路径一定要使用绝对路径。2、第二种方法:在首页HTML文件中,加入link命令,<link>是放在<head>与</head>之间 例如下面这样: <HEAD>
<link rel = "Shortcut Icon" href=http://www.fsyk.net/favicon.ico>
</HEAD> 其中的href="http://www.fsyk.net/favicon.ico(只是一个例子,你只要将他替换成你的网址)将favicon.ico替换成你制作的ICO文件名即可这样只有当网友把你的网站加到Internet Explorer的收藏夹中并重新打开Internet Explorer浏览器之后,你自行制作的图标才会显示出来。

如何使网站图标Icon显示在浏览器地址http的前面?相关推荐

  1. 如何使网站图标Icon显示在浏览器地址前面

    概要:首先要了解浏览器到底是如何识别icon图像,并将其显示在浏览器网址框前面的.浏览器有两种识别形式:1.使用link标签形式2.浏览器自动识别 首先要了解浏览器到底是如何识别icon图像,并将其显 ...

  2. 网站favicon图标(网站标志,显示在浏览器地址栏或标签上)

    一.获取favicon图标 方法一 1.PS工具将想要的图片剪切下来,保存为PNG格式 2.将PNG图片转换为ico格式的图标,借助第三方转换网站,比特虫:http://www.bitbug.net/ ...

  3. (PHP开发)thinkphp5 换网站图标icon无法显示问题

    选择自己喜欢的图片(jpg.png都行) 前往在线生成icon生成网站: https://www.bejson.com/ui/icomaker/ 将选择的图片生成图标,然后将图标放到public目录下 ...

  4. favicon.ico网站图标不显示问题

    <link rel="Shortcut Icon" href="images/favicon.ico"> 是因为你在本地测试的,而不是在服务器端测试 ...

  5. favicon.ico网站图标不显示

    <link rel="Shortcut Icon" href="images/favicon.ico"> 是因为你在本地测试的,而不是在服务器端测试 ...

  6. html背景图适应div_体验css+div 之 三种使网站背景图片自动适应浏览器大小的方法...

    不管你怎么变化浏览器窗口大小,背景图始终会自动调节大小. 1 . 第一次方法: 我第一个想法是需要使用一个 css 背景图,如果这张图够大,就能填充整个屏幕.当浏览器窗口大小没有图片大时,它将自动隐藏 ...

  7. cnblogs修改网站图标icon

    以下修改网络地址即可 <script type="text/javascript" language="javascript">//Setting ...

  8. 基于flask让图标显示在浏览器的标签中(例3-10)

    对应<Flask Web开发:基于Python的Web应用开发实战 > P30 例3-10 hello.py #-*- encoding:utf-8 -*- import sys relo ...

  9. Android 自动抓取网站图标实现分享样式的定制

    分享是一个app产生用户数据的重要来源,也是app宣传拉新的重要途径,所以对于稍微成熟一点的app分享是必不可少的模块.相信稍微接触过分享的人都清楚,分享到外部app很简单,只要接入微信.微博.QQ等 ...

最新文章

  1. Java 多线程之单例设计模式
  2. 微信小程序:一个json帮你完成分享朋友圈图片
  3. selenium java 断言_Java+Selenium+Testng自动化测试学习(三)— 断言
  4. android手机打电话src,【SPILL 百科】SRC:Android 系统的 48kHz 音讯输出限制
  5. 构建一个文本搜索系统
  6. DirectX11 With Windows SDK--12 深度/模板状态、平面镜反射绘制
  7. javascript判断文件是否存在
  8. 如何从零开始整一个高颜值 GitHub 小程序客户端?
  9. android编译make错误——javalib.jar invalid header field”、classes-full-debug.jar 错误 41 ...
  10. Java购物车前端代码_JavaWeb后台购物车类实现代码详解
  11. ZooKeeper 的监控
  12. java util什么意思_java.util中,util是什么意思
  13. 卷积神经网络案例:中文字体识别——隶书和行楷
  14. 网络通信学习笔记之——计算机网络基础知识
  15. 【Developer Log】ProGuard扰码web项目(WAR)
  16. 尝试使用sklearn自动进行多模型预测并计算权重
  17. Linux rz命令安装失败解决方法
  18. [渝粤教育] 西北农林科技大学 成本会计学 参考 资料
  19. 「人物特写」清华大学教授、IEEE Fellow王志华:几乎所有的AI,到现在为止都是胡扯...
  20. Qt quick性能提升[通俗易懂]

热门文章

  1. 相同点安卓和iosui的相同点_9个Android和iOS之间的交互差异点
  2. MYSQL按月对收款金额进行统计
  3. ntpd与ntpdate
  4. 哪款耳机适合华为手机?华为手机无线耳机推荐
  5. 实习笔记 C#创建excel表格并且学会使用NPOI
  6. access可以连接mysql数据库吗_JDBC连接Access数据库的几种方式介绍
  7. 爱拍录制出现“黑屏”情况的解决方法
  8. 《网页设计与制作》课程设计要求 基于web在线餐饮网站的设计与实现
  9. 7-5 辛苦的搬运工
  10. 便利店O2O大跃进 顺丰嘿店未过“烧钱期”