让网站在浏览器网址前面显示小图标的方法
来源:互联网 发布:无线上网卡淘宝 编辑:程序博客网 时间:2024/06/05 11:01
大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标,在浏览器的标签位置也有一个小图标,例如 Baidu 、腾讯等网站都有这样的图标。你的网站上想不想也增加一个这样的小图标呢?有了这个小图标你的网站就会比别人的网站更加醒目,更能引起其他人的注意。
PHOTOSHOP、FLASHFXP、记事本
需要制作一个ico格式的小图标
步骤/方法:
1.使用PHOTOSHOP制作一个宽高均为32像素的小图标,制作完成后存储为ico格式的即可。
2.使用FLASHFXP下载网页到本地,并备份一份以防万一,使用记事本打开网页的源代码。
3.找到网页源代码的head部分,并在head部分插入下面这句代码,注意href里的地址是你存放ico图标的地址,根据你网站上存放的位置来写。
<link rel="shortcut icon" type="image/x-icon" href="http://www.iswweb.com/images/favicon.ico" media="screen" />
4.把修改过的网页文件上传到虚拟主机上,然后把做好的ico文件存放到虚拟主机的images这个网站目录里面。
5.大功告成!打开IE浏览器,输入你的网址试试看?是不是已经有了小图标了?
小图标的格式一定要是ico格式的,宽度和高度都是32个像素值
如果按照上面的步骤做完后无法看到小图标,请把IE浏览器的缓存清理掉,清理完缓存之后即可看到小图标。
小图标的存放位置一定要和代码里的存放位置一致,否则无法显示。
PHOTOSHOP、FLASHFXP、记事本
需要制作一个ico格式的小图标
步骤/方法:
1.使用PHOTOSHOP制作一个宽高均为32像素的小图标,制作完成后存储为ico格式的即可。
2.使用FLASHFXP下载网页到本地,并备份一份以防万一,使用记事本打开网页的源代码。
3.找到网页源代码的head部分,并在head部分插入下面这句代码,注意href里的地址是你存放ico图标的地址,根据你网站上存放的位置来写。
<link rel="shortcut icon" type="image/x-icon" href="http://www.iswweb.com/images/favicon.ico" media="screen" />
4.把修改过的网页文件上传到虚拟主机上,然后把做好的ico文件存放到虚拟主机的images这个网站目录里面。
5.大功告成!打开IE浏览器,输入你的网址试试看?是不是已经有了小图标了?
小图标的格式一定要是ico格式的,宽度和高度都是32个像素值
如果按照上面的步骤做完后无法看到小图标,请把IE浏览器的缓存清理掉,清理完缓存之后即可看到小图标。
小图标的存放位置一定要和代码里的存放位置一致,否则无法显示。
0 0
- 让网站在浏览器网址前面显示小图标的方法
- 怎么让网站在浏览器网址前面显示小图标?
- 怎么让网站在浏览器网址前面显示小图标?
- 怎么让网站在浏览器网址前面显示小图标?
- 怎么让网站在浏览器网址前面显示小图标?
- 怎么让网站在浏览器网址前面显示小图标?
- 让网站在浏览器网址前面显示小图标
- 网址前面加小图标的方法
- dedeCMS 一个小技巧,浏览器网址前面显示小图标的制作方法
- 如何使网站图标Icon显示在浏览器地址前面
- 使网站logo小图标显示在网页标题前面
- 网站图标Icon显示在浏览器地址http前面-(几个问题的小结)
- 如何使网站图标Icon显示在浏览器地址http的前面?
- 网站加入到收藏夹,前面显示的是小图标
- 更改网址前面的ICON小图标
- 浏览器显示网站小图标
- 如何在网址前面显示个性图标?(比如csdn的博客网址)
- 在浏览器的标签页显示网站标志图标(或指定图标)的方法
- 第16周 点结构体
- Java基础 - 树状数组Java版
- java opts基本参数设置
- SyntaxError: non-keyword arg after keyword arg
- GitHub for windows出现Failed to sync this branch错误
- 让网站在浏览器网址前面显示小图标的方法
- RPC实践(四)Dubbo实践
- 谷歌中国开发者网站地址
- PMI-ACP敏捷实战落地说明会
- C++学习(5)
- 由 bind_mismatch 引起的 大量 version_count 问题
- Java_面向对象(1)_续
- centos7下安装Anaconda
- (十一)Shell基本命令 Linux文件系统 Linux网络配置管理