平面设计基础与应用教程第15章-网页设计课件.ppt

《平面设计基础与应用教程第15章-网页设计课件.ppt》由会员分享，可在线阅读，更多相关《平面设计基础与应用教程第15章-网页设计课件.ppt（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、课程描述：课程描述：Photoshop的的图图形形绘绘制制功功能能非非常常地地强强大大。本本课课详详细细讲讲解解了了Photoshop的的绘绘图图功功能能和和应应用用技技巧巧。学学员员通通过过学学习习要要能能够够根根据据设设计计任任务务的的需需要要，绘绘制制出出精精美美的的图图形形，并并能能为为绘绘制制的的图形添加丰富的视觉效果。图形添加丰富的视觉效果。第15章网页设计 本章简介本章简介:一个优秀的网站，必定有着一个优秀的网站，必定有着独具特色的网页设计。漂亮的网独具特色的网页设计。漂亮的网页页面更能吸引浏览者的目光。页页面更能吸引浏览者的目光。网页的设计要根据网络的特殊性，网页的设计要根据网

2、络的特殊性，对页面进行精心的设计和编排。对页面进行精心的设计和编排。本章以多个类型的网页为例，讲本章以多个类型的网页为例，讲解网页的设计方法和制作技巧。解网页的设计方法和制作技巧。课堂学习目标 了解网页设计的概念了解网页设计的概念了解网页的构成元素了解网页的构成元素了解网页的分类了解网页的分类掌握网页的设计思路掌握网页的设计思路掌握网页的表现手法掌握网页的表现手法掌握网页的制作技巧掌握网页的制作技巧15.1网页设计概述 网页是构成网站的基本元素，是承载各种网站应用的平台。它实网页是构成网站的基本元素，是承载各种网站应用的平台。它实际上是一个文件，存放在世界某个角落的某一台计算机中，而这台计际上

3、是一个文件，存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页通过网址（算机必须是与互联网相连的。网页通过网址（URL）来识别与存取，）来识别与存取，当在浏览器输入网址后，运行一段复杂而又快速的程序，网页文件会当在浏览器输入网址后，运行一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后通过浏览器解释网页的内容，最后展示到被传送到你的计算机，然后通过浏览器解释网页的内容，最后展示到你的眼前。你的眼前。15.3 流行音乐网页 效果过程图本例将使用圆角矩形工具、渐变工具和图层样式命令制作宣传板，本例将使用圆角矩形工具、渐变工具和图层样式命令制作宣传板，使用文字工具和画

4、笔工具制作排行榜和导航条。使用文字工具和画笔工具制作排行榜和导航条。15.4 婚纱摄影网页 效果过程图本例将使用自定形状工具、描边命令制作标志图形，使用文字工本例将使用自定形状工具、描边命令制作标志图形，使用文字工具添加导航条及其他相关信息，使用移动工具添加素材图片，使用添加具添加导航条及其他相关信息，使用移动工具添加素材图片，使用添加图层样式按钮为文字制作文字叠加效果，使用旋转命令旋转文字和图片，图层样式按钮为文字制作文字叠加效果，使用旋转命令旋转文字和图片，使用矩形工具、创建剪切蒙版命令制作图片融合效果，使用去色命令、使用矩形工具、创建剪切蒙版命令制作图片融合效果，使用去色命令、不透明度选

5、项调整图片色调。不透明度选项调整图片色调。课堂练习1电子产品网页 效果图使用混合模式选项和不透明度选项添加图片叠加效果，使用圆角使用混合模式选项和不透明度选项添加图片叠加效果，使用圆角矩形工具、添加锚点工具和直接选择工具绘制装饰图形，使用多种图矩形工具、添加锚点工具和直接选择工具绘制装饰图形，使用多种图层样式添加立体效果，使用画笔工具绘制虚线。层样式添加立体效果，使用画笔工具绘制虚线。课后习题写真模板网页 效果图使用渐变工具、染色玻璃滤镜命令制作背景效果，使用圆角矩形使用渐变工具、染色玻璃滤镜命令制作背景效果，使用圆角矩形工具、创建剪切蒙版命令制作图片剪切效果，使用添加图层样式按钮工具、创建剪切蒙版命令制作图片剪切效果，使用添加图层样式按钮为图片和文字特殊效果。为图片和文字特殊效果。