课题7- 设计商品详情页.docxVIP

电子教案 任课教师 专业 日期 年 月 日 教学课题 设计商品详情页 课时 8课时 所选教材 《网店开设与运营实战教程（慕课版）》 教学班级 一、教学目标 1. 知识目标 （1）掌握确定商品详情页风格和框架的方法； （2）了解商品详情页的组成； 2. 技能目标 （1）能够根据商品确定详情页风格和框架； （2）能够设计出美观、有吸引力的商品详情页。 3. 职业素养 （1）提高信息的整理和呈列水平； （2）提高图片设计水平和审美水平。 二、教学方法与资源 教学方法：讲授法、同步演练法、分组学习法； 教学资源（媒体和平台）：一体化教室、外网、 PPT、微博、微信、快手、抖音。 三、教学重难点 教学重点：制作商品详情页； 教学难点：制作商品详情页。 四、教学问题预测及方案 问题预测：学生无法很好地将理论和实际相结合； 解决方案：多举例启发学生思考。 五、教学结构流程设计 教学过程 教师活动 学生活动 【课前准备】（ 5分钟） 1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态； 2.安全教育 考勤 检查卫生 清点学生人数 问好 卫生整理 准备书本 上交手机 【教学实施】 1.教学导入（5分钟） 介绍本节将要学习的内容，明确需要为猫条商品设计商品详情页。 2.提问引入（10分钟） 在浏览商品时会查看商品详情页吗？ 有喜欢的详情页风格吗？可以举例说明。 3.本节内容介绍 （1）确定商品详情页的风格和框架（45分钟） 第一步：确定商品详情页的风格 商品详情页的风格表现在商品详情页的色彩上，从行业特性和商品卖点等方面寻找合适的商品详情页色彩。从行业特性来看，宠物食品主打健康、营养。从具体的商品卖点来看，该款猫条也主打健康、营养。围绕“健康”主题来设计商品详情页风格，淡绿色可体现健康，淡橘红色与猫条商品相符。 第二步：确定商品详情页的框架 将商品详情页划分为开头、中间(展示猫条的营养)、高潮（展示猫条商品信息）、结尾（展示消费者关注的问题）4个部分。 （2）制作商品详情页（290分钟） 商品详情页主要由焦点图、商品卖点图、商品信息展示图、商品问答图4部分组成，主要体现商品的美味、自然、安全等特点。 第一步：设计焦点图 设计工具：Phohotoshp CC 2020 主要涉及操作：新建文档、打开素材文件、调整图像位置、添加图层、创建曲线图层、输入横排文字工具并设置字体格式、使用钢笔工具绘制图形、复制图形、翻转图形 第二步：设计商品卖点图 设计工具：Phohotoshp CC 2020 主要涉及操作：设置画布大小、绘制圆角矩形、设置投影、绘制正圆、拷贝投影图层、拖动图标、调整图标的大小和位置、输入横排文字并设置字体格式、置入素材并创建剪贴蒙版、绘制直线 第三步：设计商品信息展示图 设计工具：Phohotoshp CC 2020 主要涉及操作：设置画布大小、绘制矩形、置入素材、调整素材大小和位置、创建剪贴蒙版、绘制圆角矩形、设置投影、调整素材大小和位置、输入横排文字并设置字体格式、绘制直线、复制并修改内容 第四步：设计商品问答图（100分钟） 商品问答图的作用时增加消费者对商品的了解，解答消费者的常见困惑，以促进销售。 设计工具：Phohotoshp CC 2020 主要涉及操作：设置画布大小、修改矩形尺寸、绘制圆角矩形、输入横排文字并设置字体格式、绘制矩形、添加素材、调整图片的大小和位置、绘制直线、保存图像 老师介绍本节学习的知识点，并板书 老师提问 老师发布任务 老师讲解知识点 老师讲解知识点，并现场展示 老师讲解知识点，并同步演练 老师讲解知识点，并同步演练 老师讲解知识点，并同步演练 老师讲解知识点，并同步演练 学生接收 学生回答 学生认真听讲 学生认真听讲 学生认真听讲 学生认真听讲 学生认真听讲 学生认真听讲 【课后作业】（5分钟） 1.本小节学习体会 2.下一堂课的预习 布置作业 完成作业 六、课后教学反思（教师填写）