大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标,在浏览器的标签位置也有一个小图标,例如 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浏览器的缓存清理掉,清理完缓存之后即可看到小图标。
小图标的存放位置一定要和代码里的存放位置一致,否则无法显示。
标签:
浏览器,小图标,网站
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
白云城资源网 Copyright www.dyhadc.com
暂无“让网站在浏览器网址前面显示小图标的方法”评论...
更新日志
2024年05月29日
2024年05月29日
- 鸣潮安可角色培养材料大全 安可突破材料清单汇总
- 《我推的孩子》第2季全新PV公开!今年7月3日开播
- 外媒:下一代Xbox与前代截然不同 或能运行Steam
- 曝索尼正在开发新动作冒险游戏:以突厥神话为主题
- 黄莺莺【黄莺莺精选1-2】2CD[WAV+CUE]
- 群星《寂寞の诱惑HQ》wav分轨
- 群星《测耳聆听》[LPCD]3CD[WAV]
- 鸣潮桃祈角色培养材料大全 桃祈突破材料清单汇总
- 鸣潮卡卡罗角色培养材料大全 卡卡罗突破材料清单汇总
- 鸣潮维里奈角色培养材料大全 维里奈突破材料清单汇总
- 群星《红歌汇》HQ黑胶2CD[WAV分轨]
- 发烧名盘《超级名作3·寂静仙境HQ》2CD[DTS-WAV]
- 【古典天碟】(XRCD24)桑多尔·韦格《莫扎特-小夜曲、嬉游曲》1987[WAV/分轨]
- 请愿发起人庆祝《剑星》取消服装审查:玩家的胜利!
- 身陷桃色丑闻!70岁声优古谷彻承认出轨致其节目关停