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

《电子商务网页设计与制作 教案项目三 搭建电子商务网店页面（任务单）.docx》由会员分享，可在线阅读，更多相关《电子商务网页设计与制作 教案项目三 搭建电子商务网店页面（任务单）.docx（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、项目三搭建电子商务网店页面项目编号：WYSJ-03学时：指导老师：日期：项目简介电子商务网店，是现阶段电子商务网站最为广泛也是最受学生欢迎的应用。前面项目一任务三知 识分析中提过，绝大多数运行在淘宝、易趣等电子商务平台上的网店页面版面布局基本是固定的。这 类模板主要有不同模块的图像素材构成，在转换为相应的网页代码后可插入到网店各模块的对应位 置，最后形成网店整体效果。网店模块主要由店招部分、店铺左侧模块(网店告示区、分类列表区等)、 店铺促销区域、店铺橱窗区(商品图片)等构成。而这类模块则常运用photoshop图像处理软件来制 作的图像构成。另外淘宝、易趣等电子商务平台提供的最基本店铺则是由

2、平台生成，只需添加对应的 店招图片、商品图片、文字分类等即可。总体而言，搭建电子商务网店的基础主要是通过运用photoshop 设计与制作的图像素材来完成的。本项目将通过完成网店的主要模块来使学生掌握photoshop的基本 应用。项目目标1、能力目标学习完本项目后，学生应当能够依据项目要求完成网店各构成模块的设计与制作，包括:(1)对商品照片进行处理以适应电子商务网店(2)对图片进行色调色泽的美化调整(3)给图片加上水印(4)抽取图像素材用来修饰网店模块(5)制作网店的店标(6)制作网店的侧边分类列表区(7)制作网店的促销区域2、知识目标(1) Photoshop基本操作命令(2) Phot

3、oshop新建文件的设置、图像和画布的调整(3) Photoshop图像模式和调整(4) Photoshop层的概念图标式分类列表区之上，作为热门商品，特价商品等分区入口。用大的图片，主要是为 了更好的吸引访问网店的客户注意。效果如图所示。二、任务分配三、任务实施要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。四、任务小结请写出在制作过程中遇到的问题及解决办法。五、任务执行评价：（根据任务完成的质量、及时度、报告的编写质量给出成绩（100制），作为本项目总成绩评定时的依据之一）成绩：日期： 年 月 日六、任务拓展1.完成下列网店图标按钮的制作。届健袅翁hrfigzhoiLXflunt

4、ry2.收集相关素材完成类似布局的网店介绍区域，如图所示。任务四“制作网店的促销区域”任务单任务编号：WYSJ-03-04实训地点：学 时:日 期:小组成员:姓名：班级：学号:一、任务描述本任务目标是通过对素材的收集，对电子商务网店中占显目位置的促销活动区进行 制作。促销活动区域一般在网店页面顶部banner的下方，占整个页面的核心位置，类似 传统商城的促销海报，展示当前网店的最新活动和最吸引人的资讯。在制作过程中能够 对抽取的素材进行修复，通过蒙版进行处理，借助辅助工具对编辑元素进行定位和制作, 完成效果如图所示。二、任务分配三、任务实施要求按照任务执行流程的要求分要点来描述任务的具体实施步

5、骤。四、任务小结请写出在制作过程中遇到的问题及解决办法。五、任务执行评价：（根据任务完成的质量、及时度、报告的编写质量给出成绩（100制），作为本项目总成绩评定时的依据之一）成绩:日期： 年 月 日六、任务拓展1.创建网站整体布局2 .完成类似促销区域的制作FREEGINE牛啜+ 管号和旦斗?!会磬国叫”q(5) Photoshop图像复制粘贴、自由变换和导航器使用(6) Photoshop滤镜的使用(7) Photoshop裁剪工具(8) Photoshop橡皮擦工具(9) Photoshop的选区创建和修改(10) Photoshop 文字工具(11) Photoshop图层的使用、样式修

6、饰、混合和蒙版(12) Photoshop 渐变工具(13) Photoshop 形状工具(14) Photoshop 辅助工具(15) Photoshop修饰与修复图像3、素质目标(1)对标准和规范严谨与认真的态度(2)团队协作能力(2)交际和沟通能力(3)创新和解决问题能力项目内容任务一处理修饰商品图片任务二制作网店的店标任务三 制作网店的侧边分类列表区任务四制作网店的促销区域教学形式1、学生2人一组进行讨论、分工及制作2、各任务的实施(过程中教师进行分析指导，并讲解所涉及的相关知识)3、小组交流汇报任务一 “处理修饰商品图片”任务单任务编号:WYSJ-03-01学 时：实训地点：日 期：

7、小组成员：姓名：班级：学号：一、任务描述本任务目标通过对所要搭建的网店中袜子商品图片为例完成该网店所用图片素材 的处理，来展示一般网店图片处理美化的流程。二、任务分配三、任务实施要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。四、任务小结请写出在制作过程中遇到的问题及解决办法。五、任务执行评价：（根据任务完成的质量、及时度、报告的编写质量给出成绩（100制），作为本项目总成绩评定时的依据之一）成绩：日期： 年 月 日六、任务拓展1.处理类似商品图片，说明步骤A任务二“制作网店的店标”任务单学 时:日 期:学 时:日 期:任务编号：WYSJ-03-02实训地点：小组成员：学号:姓名：班

8、级:、任务描述本任务目标将通过对图像素材和文字处理来制作完成网店店标。效果如图所示。二、任务分配三、任务实施要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。四、任务小结请写出在制作过程中遇到的问题及解决办法。五、任务执行评价：（根据任务完成的质量、及时度、报告的编写质量给出成绩（100制），作为本项目总成绩评定时的依据之一）成绩：日期:六、任务拓展L根据素材完成类似抠图制作素材:VANC BIBI完成:VANG BIBI素材:完成:任务三“制作网店的侧边分类列表区”任务单任务编号：WYSJ-O3-O3学 时：实训地点：日 期：小组成员：姓名：班级：学号：一、任务描述本任务目标将通过对图像素材的处理、添加文字、增加图层样式来制作网店的分类 列表区。该分类列表区可由网店的通告、热卖信息和主要商品分类构成。往往列在小的