`
zhkac
  • 浏览: 52708 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

制作浏览器地址icon图标

阅读更多

第一步,准备一个图标制作软件。 首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要下载一个ico图标工具,常用软件有Microangelo,可以方便的制作ico图标。

第二步,确定“收藏夹”图标的规格。在收藏夹里出现的是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.uncco.com/favicon.ico>

注意:该图标的路径一定要使用绝对路径。

第二种方法:在首页HTML文件中,加入link命令<link rel = "Shortcut Icon" href=http://www.uncco.com/favicon.ico> ,是放在<HEAD>

</HEAD> 与之间 例如下面这样:其中的href="http://www.uncco.com/favicon.ico(只是一个例子,你只要将他替换成你的网址)将 favicon.ico替换成你制作的ICO文件名即可 这样只有当网友把你的网站加到Internet Explorer的收藏夹中并重新打开Internet Explorer浏览器之后,你自行制作的图标才会显示出来。

分享到:
评论

相关推荐

    ICO转换工具网页中如何设置在网页地址栏中的小图标:

    在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置? 通常做法是: 要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。 在源文件“&lt;head&gt;&lt;/head&gt;”之间添加如下代码...

    @font-face制作Web Icon

    鱼和熊掌不能兼得嘛,我们就不在为这个问题说太多的话了,不过我今天要与大家分享的主题和这个@font-face还是有很在关系的,使用他配合一定的字体来制作Web页面中的Icon图标。初一看有点不实际,以前的Icon都是依靠...

    iconfont字体图标.pdf

    iconfont介绍 (1)意义:使用字体用HTML代码以文本的...(6)兼容性:字体图标支持所有现代浏览器(包括IE6)。 (7)本地使用:通过添加定制字体到你的本地系统,你可以在各种不同的设计和编辑应用程序中使用它们。

    PHP在线生成ICO图标完整源码

    PHP在线生成ICO图标完整源码。在多浏览器下测试可用。一个icon制作小工具。

    meteor-icon-splash-maker:使用 SVG、HTML、CSS 制作图标和启动画面,并以移动 Web 应用程序所需的所有尺寸呈现它们

    这个怎么运作在private/IconSplashMaker有一个脚本可以查看您的icon和splash路线,使用 SlimerJS 在 Firefox 浏览器窗口中呈现它们,并获取适当的屏幕截图。 我使用 SlimerJS 而不是 PhantomJS,因为 PhantomJS 尚不...

    TQIco v1.0 PHP在线生成ICO透明图标完整源码

    PHP在线生成ICO图标完整源码。在多浏览器下测试可用。一个icon制作小工具,支持生成背景透明的ico图标。(之前有上传过一个,但不支持背景透明,这个可以。不愿付资源分可以去TQ官网下载)

    在网页标题栏上和收藏夹显示网站logo的实现方法

    首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的...

    Django添加favicon.ico图标的示例代码

    所谓favicon,即Favorites Icon的缩写,让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。 默认情况下,浏览器访问一个网站的时候,同时还会向服务器请求“/favicon.ico”这个URL,目的是获取...

    DICOM3DSDK.rar

    DICOM_IconBar 图标栏 把影像浏览器和胶片打印联系起来 DICOM_3DDataStore 体数据容器 存放经过预处理的影像数据 DICOM_VR 体绘制 通过光线投射法重建,提供了三种光线投射法 DICOM_SSD 面绘制 通过三角片重建 ...

    《Delphi 6灵感设计》范例源代码

    学习单34 文件复制程序 学习单35 实现JPG与BMP的互相转换 学习单36 实现BMP到ICON的转换 学习单37 实现图像的飘动效果 学习单38 图像的翻转 学习单39 装入、保存、复制图像 学习单40 制作图像浏览器ACDSee 学习单41 ...

    经典Dreamweaver插件

    v1 插入.icon图标效果 addToFavoritesBH 制作加入收藏夹的链接 Anchors 建立扩展的命令锚点 BustFrames 让其他网页无法将你的主页加载入框架页中 Calendar 为指定月份建立日历 ClosePopupWindow...

    Dreamweaver 扩展

    MX95982_shortcutIconOB_v1 插入.icon图标效果 addToFavoritesBH 制作加入收藏夹的链接 Anchors 建立扩展的命令锚点 BustFrames 让其他网页无法将你的主页加载入框架页中 Calendar 为指定月份建立日历 ...

    Twitch Icon Clicker-crx插件

    语言:English (United States) 该扩展名自动单击抽搐声明按钮。 这些点击会显示在聊天下方,并存储在您的浏览器中。 聊天中弹出的抽搐声明按钮让您烦恼吗?...:copyright:phatplus制作的图标,来自www.flaticon.com

    BrowserNotes-crx插件

    语言:English (United States) 一个简单的记笔记应用程序,可覆盖浏览器以方便...由Kiranshastry从www.flaticon.com制作的Oath Icon应用程序和设计-------------------------------更新日志- -----------------------

    70款经典Dreamweaver插件

    MX95982_shortcutIconOB_v1 插入.icon图标效果 addToFavoritesBH 制作加入收藏夹的链接 Anchors 建立扩展的命令锚点 BustFrames 让其他网页无法将你的主页加载入框架页中 Calendar 为指定月份建立日历 ...

    Dreamweaver 插件集

    插入.icon图标效果 addToFavoritesBH 制作加入收藏夹的链接 Anchors 建立扩展的命令锚点 BustFrames 让其他网页无法将你的主页加载入框架页中 Calendar 为指定月份建立日历 ClosePopupWindow 制作关闭弹出的窗口 ...

    VB编程资源大全(源码 API)

    所有关于Internet的API函数的详细介绍,小聪明将其制作成帮助文件并对常用的函数加入了在VB中的声明(API浏览器中没有)。英文 (71KB) 32,swinapi.zip 你还在用API浏览器吗?快扔掉它吧,用这个雪冰灵制作的小工具吧...

Global site tag (gtag.js) - Google Analytics