返回

长沙博为峰教育

网页中如何制作icon

网页设计学习网更新时间:2023-01-10 浏览:157

其中的href="/favicon.icon只是一个例子,只需将它替换成你的网址,并用您创建的ico文件名替换favICOn.ico即可

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

首先,你必须明白所谓的图标(Icon)是一种特殊的图形文件格式,以.ico作为扩展名,常见的图像设计软件不能使用这种格式,所以需要下载ico图标工具,建议使用功能强大的Microangelo来制作ico图标。

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

在收藏夹出现16*16,使用的颜色不应超过16种,如果不清楚可以在c盘上找*.ico格式的图标,应该可以在IE缓存中找到那些网站图标,你可以像其他人一样打开这些图标就可以知道使用什么格式了。

第三步:设计自己的图标

可以制作网站LOGO的缩略图,或者设计另一个独特的设计作为“收藏夹”图标。 总之,它必须属于你自己的个人作品,并且能够很好地代表你的网站风格和个性。 然后命名图标文件:favicon.ico,可以做得更醒目些。

例如,使用本地图标文件来更改它,在电脑上搜索一个文件,并将其复制到桌面上,用Microangelo打开,修改为16*16,使用256色,保存为favicon.ico,,把这个图标文件上传到你的网站所在服务器的根目录。(也就是说,你的主页index.html所在的文件夹),不需要对网页文件进行任何更改,IE5会连续自动搜索你网站的根目录,一旦找到favicon.ico文件,它将在地址栏和访问者收藏夹列表中显示该图标。

如果你想为不同的页面设置不同的“收藏夹”图标,那么需要将以下内容添加到网页文件的HEAD部分:

注意:图标的路径必须使用路径。

2第二种方法:在首页HTML文件中,加入link命令,是放在与之间,如下所示:

其中的href="/favicon.icon只是一个例子,只需将它替换成你的网址,并用您创建的ico文件名替换favICOn.ico即可,这样只有当用户把你的网站加到Internet Explorer的收藏夹中,并重新打开Internet Explorer浏览器之后,你自行制作的图标才会显示出来。


相关资讯

美工和设计都有哪些区别
2021-11-10 463
针对很多人而言,没法无别美工设计与UI设计师,在绝大部分人印像中,二者是一样的。美工设计和UI设计他们有一个相同点便是他们用的手机软件通常是一样的如Photoshop,CorelDRAW ,AI等手机软件,但实际上彼此之间差别非常大...
什么是网页制作中alt
2020-12-18 449
网页制作中的alt是一种参数属性,alt的作用就是当HTML元素本身的物件无法被渲染时,就可以显示alt文字作为一种补救措施;alt属性...
网页设计如何设计字体颜色
2023-02-14 408
网页设计如何设计字体颜色1、html页面中设置color 字色这是我的段落2、style应用3、CSS中定义html样式在这里定义:p{color:blue}...
网页制作中hr是什么代码
2021-07-15 389
网页制作中hr是什么代码?下面小编给大家介绍一下。在HTML中,hr有“水平线”的意思,是用于在页面中创建一条水平线的一种标签。...
dw怎么制作网页框架
2020-12-17 364
dw怎么制作网页框架?下面小编给大家介绍一下。DW设置框架结构的教程:设置好站点,建立新文件,类型为HTML,选择“新建”下的“...
网页制作中bottom是什么
2021-06-22 335
网页制作中bottom是什么:bottom是css定位属性中的一种属性。属性定义:对于肯定定位元素,bottom属性设置单位高于/低于包含它的...
如何用dw制作网页
2023-02-14 324
如何用dw制作网页1、点击软件主界面中间的“新建”按钮,启动DW。2、在弹出的“新建文档”窗口中,选择“HTML文档”,点击“创建...
网站页面底部信息应该放哪些内容
2023-02-14 298
网站页面底部信息应该放哪些内容?1、底部考虑做子导航就是在底部放一些网站核心关键词的链接以及友情链接或者将网站的常见问题也...

相关课程

栏目导航