电子商务网页设计与制作 教案 项目三 搭建电子商务网店页面（任务单）.doc

项目三 搭建电子商务网店页面 项目编号：WYSJ-03 学 时： 指导老师： 日 期： 项目简介 电子商务网店，是现阶段电子商务网站最为广泛也是最受学生欢迎的应用。前面项目一任务三知识分析中提过，绝大多数运行在淘宝、易趣等电子商务平台上的网店页面版面布局基本是固定的。这类模板主要有不同模块的图像素材构成，在转换为相应的网页代码后可插入到网店各模块的对应位置，最后形成网店整体效果。网店模块主要由店招部分、店铺左侧模块（网店告示区、分类列表区等）、店铺促销区域、店铺橱窗区（商品图片）等构成。而这类模块则常运用photoshop图像处理软件来制作的图像构成。另外淘宝、易趣等电子商务平台提供的最基本店铺则是由平台生成，只需添加对应的店招图片、商品图片、文字分类等即可。总体而言，搭建电子商务网店的基础主要是通过运用photoshop设计与制作的图像素材来完成的。本项目将通过完成网店的主要模块来使学生掌握photoshop的基本应用。 项目目标 1、能力目标 学习完本项目后，学生应当能够依据项目要求完成网店各构成模块的设计与制作，包括： （1）对商品照片进行处理以适应电子商务网店 （2）对图片进行色调色泽的美化调整 （3）给图片加上水印 （4）抽取图像素材用来修饰网店模块 （5）制作网店的店标 （6）制作网店的侧边分类列表区 （7）制作网店的促销区域 2、知识目标 （1）Photoshop基本操作命令 （2）Photoshop新建文件的设置、图像和画布的调整 （3）Photoshop图像模式和调整 （4）Photoshop 层的概念 （5）Photoshop 图像复制粘贴、自由变换和导航器使用 （6）Photoshop 滤镜的使用 （7）Photoshop 裁剪工具 （8）Photoshop 橡皮擦工具 （9）Photoshop的选区创建和修改 （10）Photoshop 文字工具 （11）Photoshop 图层的使用、样式修饰、混合和蒙版 （12）Photoshop 渐变工具 （13）Photoshop 形状工具 （14）Photoshop 辅助工具 （15）Photoshop 修饰与修复图像 3、素质目标 （1）对标准和规范严谨与认真的态度 （2）团队协作能力 （2）交际和沟通能力 （3）创新和解决问题能力 项目内容 任务一 处理修饰商品图片 任务二 制作网店的店标 任务三 制作网店的侧边分类列表区 任务四 制作网店的促销区域 教学形式 1、学生2人一组进行讨论、分工及制作 2、各任务的实施（过程中教师进行分析指导，并讲解所涉及的相关知识） 3、小组交流汇报 任务一 “处理修饰商品图片”任务单 任务编号：WYSJ-03-01 学 时： 实训地点： 日 期： 小组成员： 姓名： 班级： 学号： 一、任务描述 本任务目标通过对所要搭建的网店中袜子商品图片为例完成该网店所用图片素材的处理，来展示一般网店图片处理美化的流程。 二、任务分配 三、任务实施 要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。 四、任务小结 请写出在制作过程中遇到的问题及解决办法。 五、任务执行评价： （根据任务完成的质量、及时度、报告的编写质量给出成绩 （100制），作为本项目总成绩评定时的依据之一） 成绩： 　　　　　　　　　 　日期：　　年　　月　　日 六、任务拓展 1.处理类似商品图片，说明步骤 任务二 “制作网店的店标”任务单 任务编号：WYSJ-03-02 学 时： 实训地点： 日 期： 小组成员： 姓名： 班级： 学号： 一、任务描述 本任务目标将通过对图像素材和文字处理来制作完成网店店标。效果如图所示。 二、任务分配 三、任务实施 要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。 四、任务小结 请写出在制作过程中遇到的问题及解决办法。 五、任务执行评价： （根据任务完成的质量、及时度、报告的编写质量给出成绩 （100制），作为本项目总成绩评定时的依据之一） 成绩： 　　　　　　　　　 　日期：　　年　　月　　日 六、任务拓展 1.根据素材完成类似抠图制作 素材： 完成： 素材： 完成： 任务三 “制作网店的侧边分类列表区”任务单 任务编号：WYSJ-03-03 学 时： 实训地点： 日 期： 小组成员： 姓名： 班级： 学号： 一、任务描述 本任务目标将通过对图像素材的处理、添加文字、增加图层样式来制作网店的分类列表区。该分类列表区可由网店的通告、热卖信息和主要商品分类构成。往往列在小的图标式分类列表区之上，作为热门商品，特价商品等分区入口。用大的图片，主要是为了更好的吸引访问网店的客户注意。效果如图所示。 二、任务分配 三、任务实