多语言展示
当前在线:1418今日阅读:11今日分享:15

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

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

Photohsop CC2018

2

Dreamweaver CC2018

设计制作icon图标
1

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

2

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

3

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

4

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

给网页添加icon图标
1

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

2

在head标签中输入【】,在井号位置按一下空格,选择【浏览】按钮。

3

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

注意事项
1

存储icon图标时建议使用png格式

2

但如果不是背景透明的图标,使用jpg格式也是可以的哦

推荐信息