5.4活动页面切图处理(课件）-《网店视觉营销》同步教学（电子工业版）

任务4.活动页面切图处理 《项目五. 承接页设计》 1 在完成了专题活动页面的优化设计后，通常需要根据电商平台需求对活动页面进行切片处理，完成活动页面的上传及发布工作，本项目我们将在了解保存切片文件的方法的基础上，进一步掌握切片工具的使用，运用切片工具对专题活动页面进行切图处理，完成专题活动页的制作。 项 目 描 述 2 （1）了解保存切片文件的方法。 （2）掌握切片工具的使用。 通过项目引领、任务驱动的方法，运用切片工具对专题活动页面进行切图处理，完成专题活动页的制作。 培养学生基于视觉表达，实现营销目的的工作思维。 教学 目标 教学目标及重难点 知识 与技能 过程 与方法 情感 与价值 能根据版面需求运用切片工具 对专题活动页进行切图处理。 切片工具的应用。 教学 重点 教学 难点 Instructional Objectives And Difficult Points 在以“对接工作岗位的任务驱动，强化ＰＳ基本工具地综合应用，并最终服务于商务活动”这一教学目标的引导下，本课设计了以下五个教学环节： “创设情境，下达任务 > 任务剖析，梳理步骤 > 任务实践，感知体验 > 任务评价，对比分析 > 模拟验收，能力提升”；特别是在剖析任务环节，引导学生分析任务、解构任务，逐步形成工作思维。 教学流程 03 01 02 04 05 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 Teaching Steps 4 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 1.创设情境 2.下达任务 教学过程 请你仔细查看这两个活动页图片， 分别包含了哪些内容？又有什么区别呢？ Q1 只有images文件… Teaching Process 包含images图片文件夹、html文件… 5 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 1.创设情境 2.下达任务 教学过程 Teaching Process 文件菜单栏下选择存储为web和设备所用格式 选择png格式 提供三种格式选择：仅限图像、html和图像、仅限html 通常我们选用html和图像对切图进行保存 保存切片文件的方法 6 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 1.创设情境 2.下达任务 教学过程 Teaching Process 7 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.梳理步骤 2.填写分析单 01 明确专题活动页排版 02 依据活动提炼待切图版块 03 依据版块切图处理 Teaching Process 活动页面切图的工作步骤 8 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.梳理步骤 2.填写分析单 Teaching Process 依据工作步骤与思维，对课堂任务进行分析，将分析的结果填写到下表中。 9 Add the title here 任务实践 根据任务分析单的步骤及决策，完成主图的设计与制作任务。遇到PS的操作问题时，可利用锦囊包获得帮助。 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.任务实践 2.操作锦囊包 Teaching Process 10 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.任务实践 2.操作锦囊包 Teaching Process （1）切片工具的使用方法 11 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.任务实践 2.操作锦囊包 Teaching Process （2）保存文件的方法 12 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.个人自评 2.对比分析 3.教师总结 Teaching Process 作品完成后，依据评价表进行自我评价。 13 随机抽取学生作品进行对比，分析其优缺点。 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.个人自评 2.对比分析 3.教师总结 Teaching Process 学生作品1 学生作品2 14 1.个人自评 2.对比分析 3.教师总结 1） 分析实践中的共性问题； 2）