6.2 爱上厨房美食网页设计（教案）-高一《图形图像处理：Photoshop CC》同步精品课堂（高教版2018）

课 题 模块六 爱上厨房美食网页设计 课 型 理实一体 课 时 1 授课班级 授课时间 授课教师 教材分析 《图形图像处理——Photoshop CC》是为了适应职业教育教学改革和创新需要编写的。本书重点的介绍了使用Photoshop CC进行程序设计时应具备的基础知识、专业知识和使用技巧，详略得当、难度适中有利于初学者快速掌握必备的知识。 本节课内容为教材中“模块六 的第二部分 爱上厨房美食网页设计” 学情分析 知识储备：了解爱上厨房美食网页设计基础知识以及相关案例的实施； 能力水平：熟悉爱上厨房美食网页设计基础知识和案例实施中的各项操作步骤，以及其中的相关知识。 学习目标 知识目标：了解爱上厨房美食网页设计基础知识以及相关案例的实施； 能力目标：使用爱上厨房美食网页设计基础知识和案例实施中的各项操作步骤，以及其中的相关知识。 素质目标：熟悉爱上厨房美食网页设计基础知识和案例实施中的各项操作步骤，以及其中的相关知识。 学习重难点 教学重点：了解爱上厨房美食网页设计基础知识以及相关案例的实施； 教学难点：熟悉爱上厨房美食网页设计基础知识和案例实施中的各项操作步骤，以及其中的相关知识。 教学方法 讲授法、演示法 课前准备 教师准备：讨论主题、学生任务书 学生准备：在线讨论、完成任务书 教学媒体 多媒体教室 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1.操作引出主题 提前对本节课的主要教学任务进行提前告知学生。 提问：对本节课的爱上厨房美食网页设计基础的预习情况？ 2.分发学习任务书 引导学生分析任务书，明确本节课的学习内容。 3. 展示学习目标 1.提前对本节课要将的知识点传达给学生，提前传达学生本节课的学习目标，以此设置问题进行互动。 2.接收并查看本节课堂任务书 3.查看并记住本节任务的学习目标 1.提前将所学的知识传达给学生，对知识点进行深度掌握。 2.下发和展示任务，让学生明确课堂任务，学习课堂知识。 活动二： 调动思维 探究新知 爱上厨房美食网页设计 设计如图6一41所示的“爱上厨房"美食网页效果图。 1.逐步对爱上厨房美食网页设计案例所涉及到的知识点进行学习和重点分析。 通过讲授和罗列框架等形式对知识进行学习，并完成课后练习。 1. 细化课程知识点设计，让每一位学生都能被关注到。 2. 知识点在学生心理更清晰明了。 案例解析 本案例中，需要完成以下操作： 熟练掌握使用图层组管理网页元素的方法． 掌握在网页中插入图片、文字。 熟练运用剪贴蒙版 2.案例解析 （1）讲解每个知识点，并结合实际操作形式和操作方法的形式进行讲授。 （2） 听课、理解；针对不明白知识点提问、讨论，询问学生是否对知识理解透彻。 （3） 对例题进行解答。 1.按学生的学习规律，循序渐进引入本课重点知识学习 2.通过课件、实操截图等多媒体方式讲解，易于学生理解和实战。 活动二： 调动思维 探究新知 案例实施 （1）选择“文件新建"命令，新建如图6一42所示的空白文件。选择菜单“视图标尺"命令，显示标尺，从垂直标尺中拖曳出4条垂直参考线，分别放置在水平标尺的2．72厘米、44．06厘米、46．3厘米、64．7厘米处，从垂直标尺中拖曳出6条水平参考线，分别放置在垂直标尺的7．58 厘米、36．17厘米、55．53厘米、76，27厘米、106．43厘米、134．10厘米处，用于网页的布局，效果如图6一43所示。 （2）选择工具箱中的“矩形工具"，工具模式设置为“形状"，填充为灰色，无描边，在文档中按照图6一44所示的尺寸及分布绘制多个矩形。将“美食l.jpg "拖入文档，并置于尺寸为宽61.98cm、高23．65cm的“灰色矩形1 "图层上方，在“图层"面板中运用剪贴蒙版将“美食I.jpg" 置于灰色矩形的形状中，效果如图6一45所示；将以上图层拖至图层面板下方的“创建新组"按钮上，并命名为"banner"o按照以上方法，运用剪贴蒙版将页面上所有美食图片置入对应的灰色矩形中，效果如图6一46所示。 （3）制作页顶“导航栏" （4）制作"banner"版块 （5）制作“精品菜谱"版块 （6）制作“一日三餐"版块 （7）制作“今日早餐"版块。新建“今日早餐"图层组，利用“圆角矩形工具"绘制圆角矩形，工具选项栏如图6一57所示。利用“横排文字工具"输入“今日早餐1 314人记录"，设置字体为幼圆、字号为70点、黑色。拖入图片“美食18•jpg"、“美食19.jpg"至圆角矩形上，利用“椭圆选框工具"框选想要部分，反选将多余部分删除；双击“美食18"图层打开“图层样式"对话框，给图层添加3