怎么给网页标题设计并添加一个icon图标logo?

 时间:2024-10-13 07:42:45

初学网页设计的朋友,可能不知道怎么设计制作一个网页标题图标,并添加到网上中,具体方法步骤我来分享给大家

怎么给网页标题设计并添加一个icon图标logo?

工具/原料

Photohsop CC2018

Dreamweaver CC2018

设计制作icon图标

1、打开PS,并新建一个16×16px,分辨率为72dpi的文档。

怎么给网页标题设计并添加一个icon图标logo?

2、然后给背景层填充一个红色。再使用左侧文字工具输入一个你想作为logo图标的文字,设置为白色,并调整大小到背景层的中间位置。

怎么给网页标题设计并添加一个icon图标logo?

3、然后依次点击【文件】-【导出】-【存储为Web所用格式】。

怎么给网页标题设计并添加一个icon图标logo?

4、在右上角设置为【JPEG】,质量为最佳,然后点击【存储】。就可以把做好的文件导出为兔脒巛钒图片了。(如果是背景透明的图标,要保存为png格式哦)

怎么给网页标题设计并添加一个icon图标logo?

给网页添加icon图标

1、现在我们开始给网页添加icon图标,打开DW并新建一个html页面。

怎么给网页标题设计并添加一个icon图标logo?

2、在head标签中输入【<link rel="icon" type="image/x-icon"稆糨孝汶; href="#" />】,在井号位置按一下空格,选择【浏览】按钮。

怎么给网页标题设计并添加一个icon图标logo?

3、在本地找到你刚才设计保存的图标,并点击【打开】。

怎么给网页标题设计并添加一个icon图标logo?

4、这样图标地址就输入完成了,我们可以再把title名字修改成你的网站名称,如【百度经验】,保存后刷新网页可以看到我们网页的标题和图标都制作好啦

怎么给网页标题设计并添加一个icon图标logo?
  • css如何实现鼠标移至图片上显示遮罩层及文字
  • css如何设置表格只有底部线
  • 兔展免费Html5场景制作之视频太大怎么办
  • 如何使用CSS3对HTML元素进行移动、转动、缩放
  • CSS3如何设置DIV阴影
  • 热门搜索
    健康教育手抄报 四年级手抄报 关于清明的手抄报 手抄报版面设计图 平安校园手抄报 节约用水手抄报一等奖 小学生手抄报 读书小报手抄报 法制手抄报内容 关于党的手抄报