`
zhangchengchao
  • 浏览: 16433 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

网页地址栏图标的实现

    博客分类:
  • WEB
阅读更多

网页中如何设置在网页地址栏中的小图标:

通常做法是:

要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。

在源文件“<head></head>”之间添加如下代码:

<Link Rel=\"ICON NAME\" href=\"http://图片的地址(注意与刚才的目录对应)\">

收藏夹:

favicon.ico

你随便用一种画象素的工具,画一个图标,然后起成这个名字,上传到你所有网页文件的那个文件夹里就行了。

一般都会自动找这个favicon.ico的文件,只要有,就会显示。

并且是根目录下

地址栏的方法:

只是在网页中多加入下面一条代码就行了。

<link rel=”shortcut icon” href=”sample.png” type=”image/x-icon” />

如果手头没有合适的工具制作图片,也可以选择一个自己喜欢的图片,然后到这个网站去自动生成一个。

Favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。

您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢?其实要实现这一目的非常简单。

第一步,准备一个图标制作软件。

首 先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http: //www.favicon.com/,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。

第二步,确定“收藏夹”图标的规格。

“收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。 (为了清晰)

第三步,设计一个属于您自己的图标。

您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:favicon.ico。

最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。

 

http://fq0531.blog.163.com/blog/#m=0&t=1&c=fks_087068086087088070083084085095080086083074082086095066

分享到:
评论

相关推荐

    网页经典代码

    码来实现,当别人登陆你的站点时,地址栏里使用的就是你自定义的图标了。很PP哦。 6.可以在收藏夹中显示出你的图标 在网页的〈head〉〈/head〉间加入以下语句: 〈link rel="shortcuticon" href="http://…/icon....

    jquery实现很酷的网页顶部图标下拉菜单效果

    本文实例讲述了jquery实现很酷的网页顶部图标下拉菜单效果。分享给大家供大家参考。具体如下: 兼容IE和火狐的顶部菜单栏,带图标的图文菜单,还有右上角的下拉导航效果,一个演示包括了两种菜单,都是很实用的效果...

    C#简单浏览器(修改)

    添加了一些小功能 全屏,脱机浏览,测试的网速,htmL源文件解析, 网页保存为图片,用了下,解决了一些异常,或许有点用 想要实现地址栏图标,实在能力不行,希望会的大侠发份源码给我 实在谢谢

    谷普浏览器 1.8 绿色中文版

     按钮栏图标主题  您可以选择kde,vista,icandy,icandy2,crystal,small等主题。同时您可以自己制作不同尺寸的透明PNG 主题替换默认主题。  标签置底  可根据您的喜好和使用习惯随意设置标签置上或置底。  ...

    谷普浏览器 1.8 正式版

     按钮栏图标主题  您可以选择kde,vista,icandy,icandy2,crystal,small等主题。同时您可以自己制作不同尺寸的透明PNG 主题替换默认主题。  标签置底  可根据您的喜好和使用习惯随意设置标签置上或置底。  ...

    mx_2.5.12.4586cn

    为喜欢的网页起个名字, 直接在地址栏输入这个名字即可打开对应的网页, 既个性又便捷. 通过标签的右键菜单, 您可以方便的为网页取名字. 外部工具 您可以在傲游浏览器中添加自己最常用的工具和软件的快捷方式. ...

    JavaScript网页特效范例宝典源码

    实例011 弹出全屏显示的网页模式对话框 16 实例012 网页拾色器 18 实例013 日期选择器 21 1.3 窗口的动画效果 26 实例014 页面自动滚动 26 实例015 打开窗口特殊效果 27 实例016 动态显示窗口 29 实例017 慢慢放大的...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    9.JS精简网页音乐播放器 浮动在页面顶部像工具栏 10.超强JS网页版泡泡龙游戏下载 11.兼容各浏览器JS+CSS水平和垂直无缝图片滚动效果代码 12.漂亮暖色调js+flash平滑过渡大屏图片切换的广告代码 13.实用国外...

    IE 助手

     对网络实名进行增强,可以实现在地址栏输入实名后直接进入实名标识的网站,实名查找数据分别来自3721、百度搜索以及CNNIC网络中心。但没有找到实名时会采用用户定义的搜索引擎进行搜索。IE助手允许用户定义...

    智慧云浏览器国际版 2.5.exe

    二、智能秒出地址栏 打开位置:主页面上方的地址栏下拉框区域 下拉菜单中包含了已浏览网页,并进行“联想”——Wise浏览器会自动记录曾访问过的类似网站(见第①区域),还能推荐其相关热门站点(见第②区域)。...

    C#简单浏览器(再次修改了)

    添加了 一个html解析的 小东西 测试了 所有的功能 实现 网页保存为 JpG 图片 也有个小的收藏夹, 因为用大浏览器不习惯就自己做了个 ,想实现地址栏图标 实在能力有限找了很久也没找到办法,不知道怎么去搜网站根...

    Wa0Desktop 快捷桌面

     在蛙灵的这款软件中,最大的亮点在与其同类型文件的收缩功能,例如桌面上有很多WORD文档、图片、常用网页等等,如果在平时,桌面上的图标量一定是相当惊人的,默认情况下,蛙灵也没有将这些文件整合,只是整齐的一...

    31计算机应用基础.doc

    5、下列 D:每次浏览网页时在地址栏输入相应的网址 方式不能有效提高网页浏览的效率。 6、下列哪种方法不能启动IE浏览器 D:双击桌面上的"网上邻居"图标 。 7、下列关于Internet Explorer浏览器收藏夹的叙述,错误...

    Google Chrome 6.0.451.0 Dev 版(一个由Google公司开发的网页浏览器)

     无论您什么时候访问特定类型的网页,此类扩展程序都会检测出来,并在地址栏中显示一个图标。点击该图标可对网页执行相应的操作。例如,RSS Subscription Extension(仅提供英文版)只要检测到您访问的网页上存在...

    Lunascape v6.15.0 多国语言版.zip

    如需切换,请单击左下角的图标或右键单击地址栏旁边的图标。 您可为所有标签以及特定网站设置默认引擎。 可从其他浏览器导入书签、设置等信息 转换非常简单。 您可以继续使用自己喜欢的所有插件、书签和其他设置...

    JSP动态网页制作基础培训教程源代码.rar

    启动SQL Server服务和Tomcat服务器,打开浏览器,在地址栏中输入: http://localhost:8080/news/index.jsp 按回车键,进入系统。 注意:网站新闻管理系统管理员的用户名和密码分别为:“admin”和“8888”。 表...

    网际畅游 MyIE 3.0 源代码

    拖动链接到地址栏:可将页面上的连接拖动到地址栏上,从而在新窗口中打开这个连接。 拖动链接到标签栏:可将页面上的连接拖动到标签栏上的某个标签上, 在这个指定的窗口中打开链接 设置双击和中键击标签的...

    抓图神器2016

    2. 主界面进度条和任务栏动态显示下载进度(抓取图片时),根据下载任务状态(如下载失败,下载完成,取消等),任务栏图标上的颜色随之变化,同时弹出提示对话框。 若已最小化到托盘,以右下角气泡通知的形式提示...

    Visual C++编程技巧精选500例.pdf

    277 如何清除IE地址栏历史记录? 278 如何添加IE浏览器收藏夹内容? 279 如何使用默认浏览器打开指定网页? 280 如何清除上次登录用户历史记录? 281 如何强制操作系统只执行规定的程序? 282 如何在系统“控制面板/添加...

    vc++ 应用源码包_1

    实现了 清楚internet临时文件、Cookie的清除、游览器地址栏历史地址的清除、清楚表单自动完成历史记录、清楚自动密码历史记录、清除收藏夹中的内容、清除RAS自动拨号历史记录、清除系统临时文件夹、清空回收站、清除...

Global site tag (gtag.js) - Google Analytics