初学网页设计的朋友,可能不知道怎么设计制作一个网页标题图标,并添加到网上中,具体方法步骤我来分享给大家
工具/原料
Photohsop CC2018
Dreamweaver CC2018
设计制作icon图标
1、打开PS,并新建一个16×16px,分辨率为72dpi的文档。
2、然后给背景层填充一个红色。再使用左侧文字工具输入一个你想作为logo图标的文字,设置为白色,并调整大小到背景层的中间位置。
3、然后依次点击【文件】-【导出】-【存储为Web所用格式】。
4、在右上角设置为【JPEG】,质量为最佳,然后点击【存储】。就可以把做好的文件导出为兔脒巛钒图片了。(如果是背景透明的图标,要保存为png格式哦)
给网页添加icon图标
1、现在我们开始给网页添加icon图标,打开DW并新建一个html页面。
2、在head标签中输入【<link rel="icon" type="image/x-icon"稆糨孝汶; href="#" />】,在井号位置按一下空格,选择【浏览】按钮。
3、在本地找到你刚才设计保存的图标,并点击【打开】。
4、这样图标地址就输入完成了,我们可以再把title名字修改成你的网站名称,如【百度经验】,保存后刷新网页可以看到我们网页的标题和图标都制作好啦