网店商品主图制作教学设计电子商务专业信息化教学.docx

网店商品主图制作教学设计电子商务专业信息化教学.docx

《网店商品主图制作教学设计电子商务专业信息化教学.docx》由会员分享，可在线阅读，更多相关《网店商品主图制作教学设计电子商务专业信息化教学.docx（15页珍藏版）》请在冰豆网上搜索。

网店商品主图制作教学设计电子商务专业信息化教学

课题名称

网店商品主图制作

科目

网上开店

使用教材

高等教育出版社《网站建设与维护》

课时

1课时

（45分钟）

授课对象、人数

14级电子商务3+2，33人

授课专业

电子商务

一、设计理念

本课基于“学生主体、能力本位”的教学理念，以电商企业岗位需求及工作流程为导向，借助丰富的现代信息化教学资源，以信息技术为支撑，构建中职电子商务专业实训课堂，营造轻松、自主、合作探究型学习环境，以任务驱动带动学生主动学与做；以岗位需求为依托，以工作流程为导向，学生在工作需求中学中做；整合教学资源，引导学生接轨企业用人需求的现代职业教育教学理念。

二、教材分析

网上开店是我校电子商务专业的核心课程之一，教材选自高等教育出版社出版由许宝良老师主编的《网站建设与维护》，根据中职生的特点，结合电子商务企业实际岗位需求，教材通俗易懂、图文并茂、以项目能力拓展训练为主，以适应“理论与实践一体化”的新型教学模式。

本课选自项目十一处理网店商品图片任务三的拓展部分。

任务三根据行业发展需要，结合项目需求和行业特点，利用软件工具将图片进行相应处理以利于商品的宣传和推广，为接下来的项目网店的装修和管理打好基础。

学生通过本课了解主图制作的行业要求、能合理运用PS软件创作精美的网店商品主图。

传统教材教学形式单一，基本上以文字、图表和图片为主，符号抽象，难以理解，局限性较大，因此，在课前教师需要根据课本的知识点，开发出对应的数字化学习资源和一体化教学、评价平台，从而对现有纸质教材形成补充，激发学生求知兴趣，创设教学情境，在主动积极的思维和情感活动中，加深感悟和理解。

三、学情分析

本课授课班级为电商1402班，全班33人，通过调查问卷结合SWOT分析，情况如下：

S（优势）：

学生均为90后，已有一定的PS软件操作基础，个个都是互联网的弄潮儿，热爱手机和电脑，乐于接受新事物，平时没事就爱逛贴吧论坛。

W（劣势）：

因审美和学习能力的差异而导致主图图片精美程度会有所不同。

O（机会）：

学生对于信息化的教学手段充满好奇，且乐于接受新的教学模式。

T（威胁）：

学生对PS软件掌握的程度不同，学习出现分层。

四、教学目标与重难点

根据以上教材和学情特点，结合实际教学内容，本课的三维教学目标及重难点设计如下：

（一）知识与技能

1．了解主图制作的流程以及像素、尺寸、大小和行业要求；

2．完成网店商品主图的制作。

（二）过程与方法

1．通过主图的制作过程提高学生观察、分析及操作能力；

2．提升学生利用信息化手段自主学习的能力。

（三）情感态度与价值观

1.提升学生对电商专业的职业认同感和自豪感；

2.养成独立、严谨、细心的工作态度，实现“教、学、做”合一的目的。

教学重点：

学生掌握处理主图图片的基本步骤，做出符合行业标准的图片

教学难点：

学生能根据要求，做出精美的网店商品主图

五、教学策略

信息技术的飞速发展，改变了我们的学习方式。

传统的课本教学客观存在一些弊端，影响了教学效果。

从职业教育教学理念出发，由于中职学生思想活跃但自控能力不足，在进行课堂学习时，往往对原理分析、讲解等偏理论知识不感兴趣，他们更喜欢通过具体的案例、微视频等生动的教学媒体作为载体来学习课堂知识。

为此，我们自主开发了一体化的电商教学平台，平台集成了讨论交流、在线测试、互动点评、视频点播、网络直播等多种信息化功能，电商教学平台还提供了海量数字化电商教学资源供学生进行在线点播和下载，积分制的引入实现了学生评价的定量考核。

学生可以通过手机、电脑、平板等多种终端随时随地远程无缝访问平台资源，突破了教学时空限制。

借助电商教学平台开展信息化教学的优点：

1．创建了“信息化”教学环境：

教学从原来单一的机房操作环境，转变为创设工作场景式的信息化学习环境，以电商教学平台为支撑，通过情境创设，营造环境，逐步实现任务，实现学校电商专业的全面信息化。

网络直播的功能还可以将企业和课堂对接，让学生和企业专家一起完成任务，增强学生对于电商专业的职场体验。

2．构建了“数字化”教学资源：

电商专业教师借助教学平台将自己制作或者收集的微课视频、教学资源上传上来，学生可通过手机、电脑等多种终端在线下载或点播电商教学资源，便于他们在任何时间、任何地点开展自主学习。

3．营造了“开放式”互动氛围：

学生课前课后的讨论交流都可以在此平台上进行。

积极活跃的学生还可以成为平台的管理员，帮助老师打理平台、上传资源等日常维护工作。

4．开展了“多元化”教学评价：

利用电商教学平台多元化评价系统对学生课前、课中、课后进行评价反馈。

利用互联网实现校企对接，请企业专家远程点评。

平台提供的点赞互评功能利于学生交流学习，优化网络学习环境，提升学生的学习动力。

六、教法学法

教法：

情景创设法、任务驱动法

学法：

头脑风暴法、自主探究法

七、教学准备

（一）环境准备：

自主开发的电子商务一体化教学平台、配备一体机的电子商务机房、耳机、连通互联网、PhotoShop、电子白板、极域电子教室、企业专家QQ视频聊天

（二）资源准备：

数字化教学资源：

上课所需素材、微课、电子任务书、主图属性思维导图等

八、教学过程

教学环节

教师活动

学生活动

设计意图

课前

点“精”

1.教师准备好数字化教学资源，包括上课所需素材、微课、电子任务书、思维导图

2.将资源上传到电商教学平台上，教学平台设置三个栏目：

课前预学、课中任务、课后作业

3.设置课前寻找“最美淘宝主图”任务，通过教学平台，让学生讨论这些上传上来的主图都精美在哪里

通过学生和老师的开放式讨论，总结出决定主图精美的三大要素：

（1）版式（尺寸1：

1，像素800*800，分别率90dpi）

（2）装饰图形（价格、运费、促销、规格等商品标签信息）

（3）色彩整体明亮度（背景优美、符合产品定位）

1.前往电商教学平台在线观看课前视频，预学本课知识

2.根据导学单要求，独立完成在线测试题目。

3.学生课前在淘宝网上搜索查找自己认为最精美的淘宝主图，上传到教学平台上，和其他学生进行讨论这些选中的主图都精美在哪里

利用多媒体、电商教学平台等信息化手段，完成课前知识的预学，让学生提前明确淘宝主图的尺寸、比例、像素要求，提前感知行业标准。

师生通过课前的头脑风暴，利用教学平台，总结出影响主图精美的三大要素：

版式、装饰文案、色彩。

情景创设

1.教师引入BabyCare公司一款双肩包产品作为真实案例，让学生按照任务要求，完成最终任务，作品被采纳后可以领取公司原款背包礼物

2.指导学生前往电商教学平台下载本课所有数字化教学资源

1.认真听取老师的任务布置

2.明确本课教学目标

3.下载数字化教学资源（包含本课素材）

将BabyCare公司的任务单细化为三个子任务，难度层层递进，知识点环环相扣，引导学生有信心学完本课后，能够做出符合商业化要求、紧抓消费卖点的主图作品。

通过任务奖励：

“作品采纳后可获得原款背包”的方式，调动学生参与热情

任务驱动

一：

巧用资源

初步构图

1.指导学生打开“任务一”文件夹，观看其中的微课，结合任务单要求，完成主图基本框架的搭建（尺寸、像素、比例、是否透明背景等）

2.指导PS基础薄弱的学生

3.观看学生完成的作品和学生间的点评，做好任务一小结

1.学生打开素材包，根据微课自主操作，完成选图、改变图片大小和尺寸，将主图素材的背景抠成透明

2.将完成后的作品上传到电商教学平台上

3.上传完毕的同学可以相互间进行在线浏览并以文字点评

培养学生在学习微课的时候观察、分析、理解、模仿能力。

同时，微课还有利于分层教学的开展，学生可以反复观看微课，直到学会为止。

任务一意在解决影响主图精美的第一个关键因素：

尺寸规格，一个比例和谐、尺寸符合行业标准的主图是迈出精美的第一步

任务驱动二：

整合资源

紧抓卖点

1.利用思维导图图解知识结构，梳理主图中所要包含的商品学、市场营销学等隐含信息。

2.讲解标签的重要性：

紧抓消费者对于产品的需求，即产品的卖点通过文案的方式表达出来

3.要求学生为任务一完成的图片进行添加标签（价格、促销、规格等）

1.沿着思维导图的分支积极思考，在老师未点开下一级分支时能主动回答其中的内容。

2.借助思维导图，理清思路，选择几个常用重点便签，添加到主图当中。

3.利用图形+文字的方法，使得主图内容更加丰富

4.上传任务二完成后的作品

利用思维导图突破学科间的资源整合，解决学生不能全面整合资源的困难。

帮助学生梳理和记忆主图中所要包含哪些商品信息。

任务二意在帮助学生解决影响主图精美的第二个关键因素：

装饰。

一张优秀精美的主图需要包含很多营销学、商品学的信息，要能抓住消费者对于商品需求的心理，即商品的卖点。

任务驱动三：

拓展资源

塑造精美

1.强调精美主图的重要性：

让你的产品在琳琅满目的商品列表中脱颖而出

2.介绍智能主图评分插件的评分指标：

尺寸（30%）、文字（20%）、色彩饱和度（50%）

3.要求学生根据评分插件的提示，不断修改自己的作品，直到评分达到合格后才可以上传第三张图片到教学平台中

1.在线搜索与书本相搭配的相关背景图片

2.利用PS新建图层，为之前两个任务完成后的图片添加好背景

3.利用平台评分插件，在线测试自己完成的作品获得多少分，结合给出的修改意见，进行不断修改，直到评分合格或者优秀

4.上传最终完成的主图

任务三意在帮助学生解决影响主图精美的最后一个关键因素：

色彩，一张精美的主图需要整体色彩亮丽，背景突出产品特色，整体色彩和谐。

而通过智能主图评分插件，在线测试学生完成的图片质量，系统自动给出修改建议，学生反复修改，直到合格。

而在此过程中，其实就像是一个闯关游戏，学生不断地按照插件的要求修改自己的作品，直到符合要求，才算闯关成功。

校企互联

1.QQ在线连接BabyCare天猫美工设计师进行点评

2.设计师从中挑选出符合企业要求的作品，老师将该作品PSD源文件QQ在线发送过去【设计师也可以选择一件都不采纳】

PS：

本堂课有被选取了此作品

3.为“被企业采纳的学生”发放奖品

4.维持好课堂纪律

1.认真听取设计师的专业性意见

2.对于设计师提到的问题，做好笔记

3.可以主动向设计师互动提问

4.关注被采纳的作品的市场数据

除了计算机硬性的评判主图好坏外，感性的评价至关重要。

视频连接具有多年工作经验的企业设计师，进行在线点评，让学生了解企业是如何评价主图是否精美的，以及主图的好坏如何影响一件商品的销售量。

同时，学生可以向设计师提问，帮助解答更加专业性的问题，使得实体课堂不再仅仅局限于课堂之内。

课后拓展

1.电商教学平台上传课后作业

2.查看学生课后作业提交情况

3.将企业设计师的YY频道页面接入电商教学平台，学生只需在教学平台上就可以在线观看设计师的工作现场

1.根据老师、设计师的点评，课后修改书包主图直到满意

2.根据本课所学知识，完成运动鞋的主图课后练习

3.在线观看设计师的直播，通过弹幕的方式与在线设计师互动

课后作业的布置，让学生巩固本次课的知识，借鉴课堂经验教训，完成课后精美主图作品，教学平台提供开放的交流空间。

同时，借助视频直播功能，让学生能够近距离观看企业设计师的工作场景，上课不再仅限于教室，学生也不再仅仅只有一个任课老师，双师制让校企合作更加紧密！

多元考评

1.教师和企业设计师利用空余时间对课堂和课后的每一幅作品做好点评已经修改意见

2.登陆教学平台后台，查看学生整堂课的表现以及输入课后作业评价

1.学生间作品的相互评价

2.根据老师和设计师的修改意见修改好课后作业

3.利用多次课所累计的平台积分兑换道具和勋章，获得平台更多开放权限

电商教学平台实现了学生间互评（贯穿整堂课）、老师和设计师对于学生的点评（课上：

典型性点评；课后：

全体学生单独点评）功能，真正将学生这一主体地位得到提升，有利于实现教育的公平性。

而平台的积分机制，调动了学生的参与热情，让学生不再为了完成任务而去做任务

九、教学反思

本次课堂的三个任务由浅入深，知识点环环相扣，难点层层递进。

利用企业实效的项目教学，提升了学生的学习动力。

借助信息化的“图片自动评分”插件、在线企业设计师点评和同学间互动点评，帮助学生理解和掌握精美主图设计的要点，从而突破了本课难点。

自主开发的电商一体化教学平台将信息和资源深度聚合，提高了课堂教学效率，使教学目标逐级达成，突破了重难点，使得实体课堂得到真正延伸。

信息化的教学，使得学生的专业技能得到了快速的提升，逻辑思维能力和分析思考能力也不同程度地提高。

教学平台积分和勋章机制，让学生的参与热情也得到了提高。

当然，信息化的道路任重而道远，我将继续砥砺前行，不断加强教学经验，更好地教出符合企业需求的学生！

附件一

课前学习学生任务单

一、环境配置（ftp:

//172.16.12.250用户名：

姓名密码：

班级学号）

二、完成任务单

请浏览淘宝

京东商城、

当当

1号店

查看你觉得好看的主图，搜集并进行收藏，至少收集两张风格不同的主图图片并存放于ftp:

//172.16.12.250服务器

根目录下创建以学号、姓名命名的文件夹下。

2.进入平台课程资源项目十一目录下寻找到课前任务，在线观看“淘宝常用主图制作.mp4”。

4.观看视频后请完成下面的问题（单项选择题）

（1）当拿到相机中导出的商品图片文件夹，我们应该选择（）的图片作为我们的主图。

A.商品全貌的图片B.商品的反面C.商品的局部图片D.商品的侧面

（2）若想让商品照片上传至淘宝网店中，我们的大小要求是（）

A.大于500KB.小于500KC.大于700KD.小于700K

（3）我们对商品的图片进行剪裁或调整大小，那我们平台需要的图片的形状是（）

A.1:

1正方形B.1:

2长方形C.4:

3长方形D.3:

4长方形

（4）在淘宝平台上现在的主流大小是（）

A.500px*500pxB.700px*700pxC.800px*800pxD.600px*600px

（5）在淘宝平台上，多少像素以上才有放大镜功能？

（）

A.500px*500pxB.700px*700pxC.800px*800pxD.600px*600px

4．自我检测（电子商务一体化教学平台）

（1）主图显示在网页的哪个区域？

（2）处理商品照片过程中你需要用的软件是什么？

（3）简单叙述主图在网店中的作用?

（4）主图制作过程中有哪些基本要求？

附件二：

一、商品基本属性说明

自由兵沙漠迷彩双肩户外包

容量:

40L材质:

牛津纺

背负系统:

生理曲线背板

适用性别:

男女通用

适用场景:

一般野营/徒步

背负系统结构:

软包

商品系列:

双肩包

功能：

防泼水防磨耐划品牌拉链

重量：

1.5kg

网上零售价：

￥369

二、《处理网店商品图片—主图制作》任务一微视频脚本，具体操作步骤

1.新建一个背包处理后文件夹

2.打开PSCS5

3.新建白色画布，大小为800PX×800PX，1:

1，正方形

主图在购物平台上只有>700PX×700PX才有放大镜功能，有放大镜功能才可以在第一屏上实显产品细节，平台要求图片大小<500K，现阶段行业最常用的尺寸是800PX×800PX

4.打开背包文件夹，选择其中一张能展现商品全貌的作为主图，导入至PS软件中

5.、Ctrl+j，复制商品图层，并移动复本至新建画布中

6.Ctrl+T（自由变换），→ctrl+0自由缩放。

按住shift，调整图片尺寸，将商品放至画面主体位置，ctrl+1恢复到原来大小（使用快捷键有利于大家今后提高操作速度）

（或者选择剪裁工具先进行正方形剪裁，将商品展现于图片的主体位置，后选择图片大小调整，将图片调整为800PX×800PX）

7.保存图片，使用JPEG格式，画面质量12，图片大小<500K

8.注意文件保存的位置和文件命名，方便后期上传，提高工作效率