1、 1 课程：课程： 网站规划设计 授课教师：授课教师： 王悦 总第总第 24、25 课时课时 授课时间授课时间 2013 年 10 月 14 日 专业、班级专业、班级 网络三(2)班 授课地点授课地点 实训基地 课题名称课题名称 绘制汽车网站美工图首页主体部分 课程介绍课程介绍 本课程是网站建设与管理专业的专业核心课程，是由“网站规划设计”典 型职业活动直接转化的课程。任务是使学生掌握网站链接结构、网站主题形象 和网站规划设计技术，提高使用图像处理软件制作网站美工图的能力。 单元分析单元分析 本单元以制作金属风格汽车网站美工图的工作项目为载体，学生通过 完成工作任务学习、掌握 PHOTOSHO
2、P 图层蒙版、矢量工具等相关技术，加强 综合应用各种技术制作美工图的能力，提高领会客户需求的能力，增强知识产 权的保护意识。 网站网站规划设规划设 计工作计工作过程过程 实际的制作流程是：客户提供需求-签署合同-根据合同要求制作美工图，基本 分为制作 LOGO、BANNER、MENU、MAIN 和广告这几个部分。 教学目标教学目标 知识目标：知识目标： 1. 掌握钢笔工具绘制平滑曲线的方法。 2. 掌握使用图层蒙板柔滑边缘的方法。 能力目标：能力目标： 1. 能根据图像效果中对渐隐、平滑曲线等要求，合理选择使用图层蒙 板、钢笔工具等技术。 2. 能使用图层蒙板和钢笔实现图像渐隐、平滑过度等效果
3、。 3. 能够遵守制作规范完成符合行业标准的作品。 情感、态度、价值观：情感、态度、价值观： 通过完成课堂任务，学生感悟按客户的需求评价作品的方式。 教学重点教学重点 掌握钢笔工具绘制平滑曲线、使用图层蒙板柔化边缘的方法。 教学难点教学难点 根据图像效果要求合理选择工具。 学生情况学生情况 学生在此前已经了解了 Photoshop 基本工具的使用方法， 并且学习网站链接设计 的方法，本课前学生已经制作了这个网站的 LOGO、BANNER 和 MENU。 基本策略基本策略 将网站规划设计典型职业活动的工作流程引入教学活动，通过教学平台模 拟工作环境，由美工师提供多个备选方案，客户筛选定稿的行业习
4、惯。首先以 教学平台中对首页主体部分的要求作为课程引入，引导学生分析需求，提取需 求中的关键词，规划完成方案，制作两个备选方案，其中第一个备选方案通过 学生尝试、教学平台辅助的形式完成，第二个备选方案由学生自主完成。最后 以客户筛选备选方案的形式进行评价。 2 第一课时 教学方法及手段教学方法及手段 任务驱动教学法 教学过程教学过程 教师活动教师活动 学生活动学生活动 教学意图教学意图 时间时间 分配分配 创设情境创设情境 一、导入一、导入 1. 项目介绍： 2. 介绍网站美工图设计流程 打开教学网站中 的金属风格汽 车网站 回顾项目内容及 制作目标 整体了解网站美 工 图 的 制 作 流 程
5、。 内容回顾 认识该项目： 整 个流程共需要 5 个步骤。 2 2 明确任务明确任务 二、二、 明确任务：明确任务： 展示美工图，明确要制作的部分 制作页面主体上部 要求： 1. 完成图像制作 2. 遵守行业规范 三、三、 工作分析工作分析 1. 仔细观察美工图 2. 小组讨论并填写工作分析 表 ： 明确任务 填写教学网站中 的工作分析表 让学生严格遵 守 ps 的行业制 作规范， 养成良 好的职业习惯 加强学生分析 信息、 应用能力 1 5 3 教学过程教学过程 教教师活动师活动 学生活动学生活动 教学意图教学意图 时间时间 分配分配 明确任务明确任务 提取需求说明书中对 MAIN 上部提出
6、的关键 词 思考用什么技术完成需 求内容？ 使用什么工具完成？ 协作学习协作学习 四、四、 完成任务完成任务 （1） 学生制作时间10分钟 （2） 学生交流心得：请做完的 学生介绍制作心得。 （3） 预计问题：在蒙板上使用 渐变工具拖动距离不准确，绘制 路径时曲线不平滑，右侧车轮边 缘不匀称。 （4） 解决方法：教师提示学生 通过调整图层的不透明度，可以 使用蒙板完成图片融合效果，提 示使用钢笔时的快捷键【ctrl】和 【alt】的妙用，使用选区的布尔 运算，快速得到右侧选区。 （5） 完善作品，组内互帮互助， 要求学生帮助他人时，只能用语 言，不能动手。 学生根据教学网 站中的任务书上 的步
7、骤，完成任 务 优秀学生讲解制 作方法和心得 遇到钢笔问题的 学生在教学平台 上进行“钢笔训 练” ，参考 4a 学 习网 3.3、4.7 的 内容 学习教师介绍的 操作技巧 互帮互助 初步掌握钢笔 工具绘制平滑 曲线、 使用图层 蒙板柔滑边缘 的方法 锻炼学生的表 达能力 知识强化 25 4 第二课时 效果评价效果评价 （6） 组内评价 填写教学网站中 的课堂评价单 检测效果 10 教学方法及手段教学方法及手段 项目教学 教学过程教学过程 教师活动教师活动 学生活动学生活动 教学意图教学意图 时间时间 分配分配 项目分析项目分析 五、制作备选样式五、制作备选样式 （1）展示样图： （2）展示
8、素材： 素材一共为5组，每个小组一组图片 （3）提出制作要求 图片要有渐隐效果 图片尺寸合适 动感十足 可以适当进行创意设计 观看样图 了解素材 明确要求 提 出 制 作 项 目 明确资源 1 1 2 制定计划制定计划 （4）工作分析 提取关键词 确定方法 确定工具 分析工作 制定策略 3 5 检查评价检查评价 教师活动教师活动 学生活动学生活动 教学意图教学意图 时间时间 分配分配 （6）组内评价 学生上交作品，并填写教学网 站中的课堂评价单 六、六、 教师点评与小结教师点评与小结 1. 点评学生作品的完成情况 2. 总结蒙板的制作和钢笔的使用 3. 进度回顾，介绍下节课内容 作业：完成本节
9、课内容，预习图层 样式的使用方法。 组内评价 展示最终效果图 评选最优作品 按客户的需求 评价作品 让学生感悟按 客户的需求评 价作品的方式 8 10 课后作业课后作业 在因特网中寻找可应用图层蒙版、钢笔工具实现的网站图像效果 预习图层样式的使用方法 课后反思课后反思 1. 通过本课的学习，学生在制作项目的过程中，体验了实际的工作流程，实现 了本课的教学目标。 2. 通过钢笔测试程序和 4a 学习网解决了教学中的重点和难点。 让学生掌握了钢 笔工具的使用方法。 3. 进一步养成了规范图层名称，合理使用智能对象的职业习惯。 4. 通过评价环节体验并认识到客户的需求才是最终的标准。 实施合同实施合同 （5）制作完成 设计制作 强 化 钢 笔 工 具 和 图 层 蒙 板的使用 30
