Photoshop+IIlustrator平面设计实战 第13章　网页设计.ppt

本章介绍： 网页是构成网站的基本元素，是承载各种网站应用的平台。它实际上是一个文件，存放在世界某个角落的某一台计算机中，与互联网相连并通过网址来识别与存取信息。当输入网址后，浏览器快速运行一段程序，将网页文件传送到用户的计算机中，解释并展示网页的内容。本章以生活家具类网页设计为例，讲解网页的设计方法和技巧。 第13章　网页设计 学习目标 掌握网页的的设计思路和过程。 掌握网页的的制作方法和技巧。 技能目标 掌握“生活家具类网页”的制作方法。 掌握“教育咨询类网页”的制作方法。 掌握“电商类手机网页”的制作方法。 13.1 生活家具类网页设计 在Photoshop中，使用移动工具添加素材图片，使用横排文字工具、字符控制面板、矩形工具、椭圆工具制作banner和导航条，使用直线工具、渐变叠加命令、矩形工具和横排文字工具制作网页内容和底部信息。 效果图 13.2 课堂练习—教育咨询类网页设计 在Photoshop中，使用直线工具和创建剪贴蒙版命令制作铅笔导航条，使用横排文字工具添加文字，使用添加图层样式按钮添加图形效果，使用移动工具添加栏目内容。 效果图 13.3 课后习题—电商类手机网页设计 在Photoshop中，使用移动工具、添加图层蒙版按钮、渐变工具制作产品展示区，使用圆角矩形工具、多边形工具和添加图层样式按钮制作头部和导航栏，使用横排文字工具、字符控制面板和自定形状工具制作宣传语和内容文字。 效果图