1、1 绘制汽车网站美工图绘制汽车网站美工图首页主体部分首页主体部分教学设计教学设计 北京国际职业教育学校北京国际职业教育学校 王王 悦悦 今天我主讲的课题是绘制汽车网站美工图首页主体部分 ，该课题选自 网站建设与管理专业的核心课程网站规划设计 ，从 8 个方面来介绍这节课的 教学设计。 一、课程分析一、课程分析 画面左侧网站开发运营的实际工作流程，我们按照工作过程导向的思路，将 实际工作流程的典型职业活动进行了教学化处理， 开发了网站建设与管理专业的 核心课程体系， 网站规划设计就是该专业的专业核心课程。 二二、教材、教材分析分析 课程的主要目标就是提高学生使用图像处理软件制作网站美工图的能力，
2、 因 此我选择了高等教育出版社的Photoshop CS3 平面设计案例教程这本书作为 教材，在授课过程中，采取行动导向、理实一体的教学方法，打破了原有的学科 体系，以实际项目为载体支撑整个课程。本课将完成项目制作金属风格汽车网 站的 7、8 课时，为了完成本科任务，我们需要学习 3.3 钢笔组工具这个小节 的内容，同是巩固 4.7 图层蒙版这节的内容。 三三、学情分析、学情分析 授课的班是计算机网络技术三年级的学生。这个班的发展方向是网页制作 和网站开发。学生已经学习了网页制作这门课程，已经对制作网页有了一定 的了解，但是学生并不知道怎样设计制作网站的美工图，在网站规划设计这 门课程中，学生
3、已经了解 ps 基本工具的使用方法，并且学习网站链接设计的方 法，本课前学生已经制作了这个网站的 LOGO、BANNER 和 MENU。 四四、教法和学法、教法和学法 教法： 将网站规划设计典型职业活动的工作流程引入教学活动， 通过教学平台模拟 工作环境，首先和客户确定制作需求，与客户签订合同，学生制作美工图，最终 由客户进行确认。本节课要制作的内容是美工图中 body 部分，首先以教学平台 中对首页主体部分的要求作为课程引入，引导学生分析需求，提取需求中的关键 词，规划确定方案，制作两个备选方案，其中第一个备选方案通过学生尝试、教 2 学平台辅助的形式完成，第二个备选方案由学生自主完成。最后
4、以客户筛选备选 方案的形式进行评价。主要是采用任务驱动的形式，通过学生尝试、教学平台辅 助和教师点拨完成任务。 学法： 针对学生特点，采用的学法是：通过教学平台，让学生自主完成学习过程， 自主解决遇到的问题， 让学生自己动起来， 教师主要引领完成备选方案一的制作， 第二个备选方案让学生通过使用教学平台所提供的资源， 模仿第一个方案的制作 过程进行制作，教室以监管为主。 五五、教学目标及、教学目标及 根据教材和学生的情况结合教法和学法，制定了如下教学目标： 知识目标： 1. 能从需求中提取渐隐效果、过渡平滑、有动感的信息 2. 掌握钢笔工具绘制平滑曲线的方法 3. 掌握使用图层蒙板柔滑边缘的方法
5、 能力目标是： 1. 能根据图像效果中对渐隐、平滑曲线等要求，合理选择使用图层蒙 板、钢笔工具等技术 2. 能使用图层蒙板和钢笔实现图像渐隐、平滑过度等效果 3. 能够遵守制作规范完成符合行业标准的作品 情感、态度、价值观：通过完成课堂任务，让学生感悟按客户的需求评价作 品的方式 六、重点和难点六、重点和难点 根据教学任务和教学目标，将教学重点定为掌握钢笔工具绘制平滑曲线、使 用图层蒙板柔化边缘的方法。这是完成任务的基本要素。 根据教学任务和学生情况，将教学难点定为根据图像效果要求合理选择工 具。这是完成任务的核心要素。 七七、教学过程教学过程 1导入 教师打开教学平台，首先整体回顾这个项目，
6、在教学平台中，学生可以看 3 到自己当前制作的项目，以及即将要完成的项目，同时平台会伴随着学生学习的 过程，不断地在“知识园地”更新一些相关知识和最新动态新闻。在平台中间会 显示当前正在制作的项目，学生可以回顾之前所做的内容，可以在“小贴士”版 块中回顾以往学过的技巧。随后教师引领学生点击本节课要制作的区域，开始本 节课的学习之旅。 2分析任务。 教师展示教学网站中的网站设计需求单 ，让学生通过教学网站从需求单 中提取说明书中对 body 部分的提出的关键词。 教学网站会展示设计样图，让学生思考用什么技术完成需求内容，怎样完 成。整个过程学生以小组为单位展开讨论和分析。教学目的是提取任务点。
7、3. 确定方案 学生通过分析完成工作分析表，确定对应关键词的实现方法和选用工具。 在后面的评价中，将会以关键词是否实现来进行打分。 4制作备选方案 1 我们将通过 5 个环节来完成备选方案的制作。动手制作、交流问题、解决 问题、完善作品、小组评价，在动手制作时，让学生根据教学网站的步骤要求制 作美工图， 教学网站设计了问题收集的专题，可以通过采集系统让教师了解到哪 些问题比较集中，方便教师进行针对性的解决，同时也会将结果反馈给每组的小 组长，方便组内进行内部处理并讨论相关问题的解决放法。学生遇到了问题，可 以通过教学网站查看操作视频，也可以在讨论的时间进行组内交流解决问题。 同时为了更好地解决
8、教学重点、难点，针对钢笔工具这个问题，教学网站 提供了一个“水平测试” ，学生必须通过水平测试才能进入下一步的学习，如果 4 学生遇到困难，可以点击下面的“过关攻略” ，里面会给出钢笔工具的操作方法， 便于学生过关。 在制作完成之后，由组长组织组内交流，时间大约是 10 分钟，然后由做完 的同学介绍制作心得， 根据教学网站的提示有针对性的询问学生如何解决遇到的 问题，预计问题：在蒙板上使用渐变工具拖动距离不准确，绘制路径是曲线不平 滑，右侧车轮边缘不匀称。解决方法：教师提示学生通过调整图层的不透明度， 可以使用蒙板完成图片融合效果，提示使用钢笔时的快捷键【ctrl】和【alt】 的妙用，使用选
9、区的布尔运算，快速得到右侧选区，点拨学生度过难关。点拨之 后学生完善作品，并通过教学网站进行组内的打分，从而突破教学难点。 5. 制作备选样式 2 美工在设计页面时，会多设计一些内容供用户选择，因此让学生制作备选 样图，向学生提供备选样图，并为每组学生提供不同的素材，学生仿照样图进行 设计制作，在制作前，提出制作需求，让学生再次提取关键词，分析关键词，制 作美工图，达到强化知识的目的，过程全部有学生自主完成。最后学生将作品上 传至教学网站，进行组内打分。 6总结评价 通过教学网站展示学生上交的作品，明确评价标准，在教学网站上进行组 间评价， 教学网站会根据好评数和总分评选出最优作品，同时让学生总结制作经 验，强调评价标准以客户为准，最后教师评选出另一个作品为最优作品，告之学 生作重要的评价不是自己的审美，而是用户的需求。 作业：预习图层样式的使用方法。 八、课后反思八、课后反思 通过本课的学习，学生在制作项目的过程中，体验了实际的工作流程，实 现了本课的教学目标，通过钢笔测试程序和 4a 学习网解决了教学中的重点和难 点。让学生不但掌握了钢笔工具的使用方法，而且还进一步养成了职业习惯，最 终通过评价环节体验并认识到客户的需求才是最终的标准。
