《中文版Photoshop CS6案例教程》电子教案（仅供参考） 第9章 网页制作.doc

第9章 综合案例制作 课题 第一节 按钮制作 课时 教学内容 1、掌握Photoshop制作按钮的方法 2、了解网站首页的组成内容 教学目标 掌握Photoshop制作按钮的方法；了解网站首页的组成内容 教学重点 网站首页的组成内容 教学难点 掌握Photoshop制作按钮的方法 教学活动及主要语言 学生活动 一、创设意境，导入新课（设疑法、提问法） 导入： 网站首页是一个网站的门面，要想设计出一个优秀的网站，就必须让它能引人入胜，能吸引每一个来访者的注意力，引起人们的好奇心。优秀的首页是一个好的网站必须具备的要素。在网页制作过程中，Photoshop软件起到了重要的作用。本章课程将学习网页的总要组成内容的制作方法。 提出疑问： 老师现在有个问题,请一位同学来回答： 网站首页包含了那些元素？ 由同学做答，老师补充并引入新课题： 总要组成内容：按钮、GIF动画、网页LOGO、网页导航、网站首页排版等。 接下来看本节课案例效果图： 二、新课教学（讲解法、提问法、示范法、练习法） 1、新建文件，使用“圆角矩形”工具在工具属性栏中设置参数，固定大小值为（W:20,H:6）、半径为30像素。绘制圆角矩形。 2、制作圆角矩形选区，创建一个新图层。点击“图层1” 3、填充颜色，打开工具箱中“拾色器”对话框，设置前景色淡蓝色RGB为（149.197.217）。将圆角矩形填充为淡蓝色，得到如图所示的效果。 4、为圆角矩形添加立体效果单击图层面板中的 【添加图层样式】按钮。分别设置斜面和浮雕、内发光、光泽、渐变叠加、外发光、投影，如图所示。 5、设置效果图如图所示。 6、添加文字并设置效果使用工具箱中的 “横排文字工具”，字体大小为80点，英文字体（Eras Bold ITC），颜色为纯白色，输入内容为Homepage，如图所示。 7、为文字添加效果，单击“文字图层”，将其置为当前层。单击图层面板中的 “添加图层样式”按钮。分别设置内阴影、渐变叠加、投影，弹出“图层样式”对话框，如图所示，进行设置。 8、最终效果图如图所示。 三、课堂小结（讲解法） 教师结合学生完成实例的情况，对本节课的教学过程进行小结，强调重点、难点和学生操作中的普遍错误。 四、课后作业（讲解法） 任务实践 利用前面所学例子，再制作另一按钮效果，显示效果如图所示，将结果以“按钮制作2.jpg”为名保存。 观察学生反映(对导入是否产生兴趣),并随着教师的讲解，引导出本节课要学习的内容。 此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题 学生听课状态: 此时学生应该注意听教师的讲解，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考 学生听讲，笔记 学生思考、讨论 学生听课状态: 此时学生应该注意听教师的讲解，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考 学生听讲，笔记 观察学生反映(对导入是否产生兴趣),并随着教师的讲解，引导出本节课要学习的内容。 此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题 学生听课状态: 此时学生应该注意听教师的讲解，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考 学生听讲，笔记 学生思考、讨论 学生听课状态: 此时学生应该注意听教师的讲解，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考 学生听讲，笔记 小结学生练习情况 学生思考 学生操作 课题 第二节 简单动画的制作 课时 教学内容 Photoshop软件制作动画的效果 网页动画效果分类 教学目标 掌握Photoshop软件制作动画的方法；了解网页动画效果分类。 教学重点 掌握Photoshop软件制作动画的方法 教学难点 网页中动画效果的应用 教学活动及主要语言 学生活动 一、创设意境，导入新课（设疑法、提问法） 导入： 看本节课案例效果图： 动画效果非常多，在本节课讲解一种比较常见的效果以供大家学习，希望大家能掌握Photoshop软件制作动画的效果。 二、新课教学（讲解法、提问法、示范法、练习法） 1、新建一个空白的图像。输入文字，选择“横排文字工具”，输入内容为WELCOME，单词中的O字母用4个空格代替，如图所示。 2、设置文字效果，按住Ctrl键，点击【图层缩览图】选取文字，建立选区。创建一个新图层，命名为文字高光。如图所示。打开工具箱中“拾色器”对话框，设置前景色淡粉色RGB为（253.181.202），按Alt+Del。按快捷键Ctrl+D取消选区。得到如图所示效果。 3、按Ctrl+T组合键，进行自由变换，在【属性】栏中设置宽W，比例为95.00%，将文字缩小些，如图所示。 4、绘制花纹并设置效果，绘制花纹创建一个新图层并将图层命名为花朵1。选择工具箱中的 “自定形状