广东省创新杯说课大赛计算机类一等奖作品《店招设计》教学设计doc.docx

广东省创新杯说课大赛计算机类一等奖作品《店招设计》教学设计doc.docx

《广东省创新杯说课大赛计算机类一等奖作品《店招设计》教学设计doc.docx》由会员分享，可在线阅读，更多相关《广东省创新杯说课大赛计算机类一等奖作品《店招设计》教学设计doc.docx（28页珍藏版）》请在冰豆网上搜索。

广东省创新杯说课大赛计算机类一等奖作品《店招设计》教学设计doc

中等职业教育课程改革教材高等教育出版社

店招设计

——《网店装修与管理》

教学设计

职业岗位需求引领教学

引入团队竞争课堂活动

促使学生学习持续发展

“店招设计”教学设计

设计摘要

教学题目

《店招设计》

课程

计算机类

学时安排

2课时（90分钟）

年级

高二级

人数

39

所选教材

高等教育出版社，陈显龙总主编，杨波，王卫华主编

《网店装修与管理》

设计依据

依据计算机课程标准、现代教育技术理论及建构主义学习理论，课程是有生命力的，应

该以就业为导向，以职业为载体，促进人的全面发展；中职课程以工作经验为学习过程，以人才培养为核心，结合信息技术课程“开放、多元、动态”的特征，学生的学习要体现“主动、开放、个性、持续”的特点；营造良好的信息环境，为信息技术教学活动提供先进的学习平台。

教材分析

木节课教材选自高等教育出版社出版的《网店装修与管理》，教学内容为项目四“淘宝普通版整页设计”的任务二“店招设计”。

网店装修模块是这门课程的重要模块，是承接图片处理和网店整页设计的关键部分，对于本模块内容教学来说，有着丁分重要的意义。

网店装修课程是我校与“小脚丫童鞋”企业合作项目，本次课是该项目的第二个教学内容。

为了让教学内容与职业岗位需求紧密结合，直接选用学生的口有网店进行教学实践，达到“教中学.教中做”的岗位实践效果。

学情分析

木节课的授课对象是电子商务专业的二年级的学生，进行网站建设与管理专业知识学习,刚完成网站装修的图片美化及页面布局学习任务，他们具冇一定的图像处理技能，具备一定的审美能力。

喜欢竞争、有好胜心理，也喜欢信息化媒体，乐于接受感性的、直观的学习方式。

总体来说，学生主要表现如下:

1.自学能力差：

学生对知识的学习往往是被动的,

课堂中习惯于老师的言传身教,

自主

探究能力不足，学习内容难于突破课本范

2.水平参差不齐：

部分学生软件操作能力较差，对于利用图像处理软件进行店招设计仍

有较大的困难。

3.学生对理论知识理解不够到位，理论和实践往往岀现脱轨的情况。

教学目标

（1）知识目标：

了解店招的定义和作用，店招的组成耍素、设计方法。

（2）能力目标：

能够利用photoshop进行丿占招设计，掌握丿占招设计的要点；掌握网丿占装修中口定义店招的操作要点。

（3）情感口标：

培养学生观察、思考、分析、解决问题能力，增强学生的团队合作精神;激发学生的职业梦想，提升学生职业索养。

教学重点及难点

教学重点：

1.了解网店装修岗位的职业岗位技能。

2.掌握店招设计中为突出主体而进行文字、图片等的表现手法。

教学难点：

1•掌握丿占招的设计方法，营造产品营销视觉效果。

2.掌握店招的结构、色彩和整体网页效果的搭配

教学方法

项目教学法:

学生在教师的引导下，以优生搭配屮差生为原则分成13个小组，以小组形式完成静态店招设计任务。

穿插“找亮点”、“店招投票评比”、“店招搭配秀”、“发布点赞”等活动，让学生在实践任务中找到学习的乐趣。

活动法：

学生作品的匿名投票排名赛、网络点赞，以竞赛的方式促进学生的学习。

探究法：

教师通过设问解疑，通过店招模拟设计器，动画演示等启发学生，在自主探究、讨论交流小等突破本次课的重难点。

教学策略

1、以“贴近职业、激活课堂”的为教学理念，引导学生从课木的网店装修设计入手，采用校企合作淘宝网店“小脚丫鞋店”作为教学实战平台，以网店装修项冃为引领，实现与职业岗位需求无缝衔接。

2、结合目前智能手机普及的情况，推出了电脑端、手机端的“banner设计网“专题学习网站，提供任务介绍、素材下载、留言板、作品投票等实用功能，让学生能够随时随地预习课程内容、跟踪作业情况等，增加教学的交互性，提高学习积极性。

3、设计基于网络的“店招设计模拟器”，让学生可以脱离photoshop软件尝试在线设计,熟悉店招设计技巧。

4、利用现时使用率较高的QQ、微信等平台转发学习作品，让学生通过网络平台获得作品票数、点赞和评价意见，从而达到集思广益的作用，让学生逐步完善作品，保持学习的持续性。

课前准备

本节课的授课地点为多媒体机房，具备广播教学、互联网访问功能，安装了photoshop图像处理软件，通过店招模拟设计器、在线投票系统、多媒体课件等资源辅助教学。

1、发布“网店装修（banner设计）专题学习网”，提供任务简介、视频演示、上传

手机端二维码

http:

//m.ebanner.icoc.in

电脑端二维码

作业、作品投票、知识拓展、索材下载等模块，让学生能够通过网站了解到与教学知识相关的内容。

http:

//ebanne匚

2、以班级QQ群、微信群发布任务学习公告，让学生可以通过手机端、电脑端在课

样式

于机端浏览学习网

QtOGO

Banner®计

作Bunsffl

■Sts

2012・旳《^布色丿

余时间自行预习上课内容。

»52

网店店招是爸先映入消费

awm且IS初视堂冲击力的那

分・在网上，萤客只能通过网上的文孚以及图片了解产吕•因此.一个好的网店店招设计至关更要.好的店招除了號增加用户的（S任

6住）00Q1CX

电脑端浏览学习网

3、通过店招设计模拟器学生可以在课余时间利用手机或电脑在线尝试练习，熟悉图文排

版、色彩搭配等操作。

店招设计模拟器

店招搭配测试

banner

装修风络一

装修风络二

装修风络三

装修风络四

L结果分析」

I使用说明：

；K选择网店风格:

：

2・选择辭；

3・・■'••—•■■■•

I上亠—u・亠m

|店招位豐试用

；4.完成所有题

后，才能童看成绩

Ibyoyj

JE招拖放到I

得分：

!

店招A店招B店招C

请把I：

而的店招拖到这个位置试试

装修风络五

Ett划同款小日段千口版厅阳功核荘女顽步休闲拄牡衣及巾

■»店跆配夷2

文件（F）视图（V）技制（C）调试（D）

□X

金Ifc丈家

再传行

P2.M

5®宝阿

TuobooxoTn

仕的走上魅丿」

J

r■

•■<«*14*wiAeMl*•・■

■

、798.0C

旳巨"少

+律（未Q2"4；ft：

立§£血买

OZ,>■

W加入购物午

4T.计

¥108.00

<壮（\归叫

7070

Si>•>

55690

交矗4

咏•手

史、•斗收姑JS

畑Omua.

蛍严LQ^'»I

丿占招搭配测试工具

备注：

1、在教学过程中，通过天寓电子教室，将课程专题学习网站和淘宝网网址加入网络白名单，限制学生访问其它网站。

教学过程

教学流程图

创设情境

尝试设计

提升设计

分析引导

评价总结

教学结构流程的设计

环节

说明

内容

1.“设”环节

创设情境导入新课

引入网店装修师年入约百万案例，引导学生分析案例，搭建做为一名网店装修师装修女鞋网店的工位岗位环境。

2.“析”环节

浏览店招分析要点

分析网店店招，进入“找亮点”活动，理解丿占招之意。

以“店招模拟设计器”演示设计要点。

3.“试”环节

尝试创作静态店招

店招初创作，通过photoshop软件尝试店招设计，结合设计要点，体验设计过程。

4.“比”环节

评比店招提炼技巧

“店招在线投票”评比活动，分析店招之魂

5.“拓”环节

拓展应用搭配测试

将设计好的店招发布到校企合作淘宝店，“店招搭配秀”，提高设计能力。

6.“评”环节

网络点评完善设计

“丿占招作品秀”活动，通过朋友圈、微信群等平台进行转发，扩散到互联网，进行“店招点赞”活动。

磐评比归纳

教学环节

教学内容课件展示

师生互动教法学法

设计意图媒体资源

一、创设网店装修师岗位

生：

（案例分析）

【设计意图】根据学生

创设情境

工作环境

从《网店装修师年入

专业特点和兴趣，向学

导入

帐约百万》案例屮，分析

生渗透电子商务专业岗

（5分钟）

工作室成功的关键点

位就业渠道，激起学生

“设”环节

分析引导

（15分钟）

“析”环节

二、感悟“店招之意”

*WniItmts3八

任务驱动

（20分钟）

“试”环节

三、尝试店招设计

设计任务提示

kRttt

•wav*.■・・・

师：

（启发教学法）

介绍项目任务，通过案例让学生明确本节课的内容是网店装修之静态店招设计。

师：

（示范）

1.播放儿组不同类型店招图片，引导学生分析丿占招组成元索，寻找丿占招亮点。

2.店招设计模拟演示，讲解操作要领，演示上机操作过程。

生：

（讨论）

1.每组一张店招图片，组员分析思考，参与

“找亮点”活动。

2.每组选派代表，说出本组的观点。

师：

巡视课堂

1•简要介绍任务内容要点。

2、讲解任务完成过程生：

按照分工合作完成任务

1、小组讨论设计方案，填写任务书。

2、组员分工协作完成心中的好奇心和求知欲，调动学习积极性。

创设网店装修师网店设计的学习环境。

【媒体资源】电子报刊截图

【设计意图】分析店招样图，从小总结设计者欲传达的信息，从而得出所需要元素。

通过

“找亮点”活动加强小组协作能力，讨论店招设计技巧。

【媒体资源】准备几组不同类型的优秀店招设计作品图片。

为本课开发店招设计模拟器辅助教学软件，实现图文布局、图层叠放、色彩搭配等演示。

【设计意图】让学生明确实验任务要求，合理分工，结合教师的操作演示，完成店招的初次设计。

同时反思设计过程，提炼设计理念。

【媒体资源】

1、提供产品图片、文字索材、店招样例和操作

评比归纳

（10分钟）

“评”环节

拓展迁移

（30分钟）

“拓”环节

五、网店搭配测试

店招尝试设计任务。

3、反思设计。

4、修改、完善设计。

师：

（启发点拨法）

1、通过广播系统收取学生作业，导入在线投票系统中，展示学生作品的同时,让学生参加作品投票活动

2、点评较有代表性的作品。

分析店招的文字和图片的表现手法，公布评选结果

生：

（小组讨论法）

1、学习其它组作品的表现手法和设计理念。

2、结合设计要点，讨论其它组作品的不足之处，提出改进建议。

师：

1・请学生思考：

你觉得小组设计的店招跟网店装修风格一致吗？

2.介绍网丿占发布到淘宝网店的操作流程。

3、根据不足，提出改进建议。

生：

1、熟悉网店装修中，口定义店招的操作方法。

视频。

2、学生任务书，按照工作页的形式将学生的整个实验过程记录下来。

【设计意图】加强学生的竞争意识，通过在线匿名投票，使小组之间形成竞争关系。

作品名称以设计理念命名，利用“他山Z石，可心攻玉”的原理，加强对作品的设计理念理解。

【媒体资源】利用专题学习网的在线投票功能，让学生进行作品匿名投票，系统限制每个IP每个作品只能投一票。

能够实时统计票数和人气。

【设计意图】针对单一店招设计的不足，将店招上传到淘宝网店进行效果测试，使学生能够更好地理解色彩搭配、结构设计等知识，使所学知识应用扩展到互联网。

【媒体资源】

店招搭配测试结果反嵋

（2）对丿占招在网丿占装修屮的使用效果进行口评。

评价总结

（10分钟）

“评”环节

六、“发布总结”

师：

（总结归纳）

1.发布作品，进行评选“最受欢迎店招”活动，多元评价学生的学习表现。

2.让学生将“专题学习网”作品评比网址通过微信、QQ等发布到网络，通过好友点赞、收集意见等，以便进一步提高色彩搭配、图文排版能力。

课程小结

店招的设计技巧理解。

作业：

服装网丿占丿占招设计71;.：

1、对比店招效果,再次完善修改。

2、发布店招，参与“店招点赞”等活动，获取网络点赞数和人气数。

1、利用电子商务校企合作淘宝网丿占进行丿占招上传及效果测试。

2、通过广播系统完成作品点评。

【设计意图】在专题学习网站发布店招作品，将作品通过朋友圈或校园网络平台传播，以点赞数和评价意见进行作品的评价，通过评选活动，保持学生学习的持续性。

【媒体资源】借助专题学习网，利用QQ、微信等网络工具将店招发布到互联网上，利用网络人群进行点赞活动。

学习评价设计

学生评价量规表

班别：

组别：

组员名单：

类别

评价指标

权重

评价等级及分值

得分

A（80-100分）

B（60-79分）

C（0-59分）

自评

（30%）

互评

（30%）

师评

（40%）

总分

作品评价

符合网店定位

20%

整体风格符合网店定位

整体风格基木符合网店定位

整体风格不太符合网店定位

主副标排版合理

10%

主标突出,副标起到辅助作用

主标与副标排版相对合理

卞标不突出，副标排版不太合理

色彩搭配

20%

整体色彩搭配合理，过渡自然

色彩搭配…般，整体色系应用尚可

色彩搭配不好，主色调不明显

顺应用户浏览习惯

10%

符合浏览者的浏览习惯

有些不符合浏览者浏览习惯

与浏览者浏览习惯相差较大

视觉效果好

20%

整体效果突出，体现设计理念，给人印象深刻

整体效果一般，无特别出彩的地方，能体现店招作用

整体效果较差，不自然，不能体现店招作用

课堂表现

课堂表现

20%

态度认真，枳极配合小组完成各项任务，表现优秀

态度一般，能够配合小组完成各项任务，表现

尚可

态度不端正，不配合小组完成各项任务，表现较差

得分

注：

60分以下为不及格，60-69分为及格，70-79分为中等，80-89分为良好,90-100分为优秀。

网络评价（100分）

结

果

微信等平台

获得点赞数

评价数

专题学习网

获得票数

人气

备注：

最终评价二作品评价+课堂表现+网络评价

板书设计

如何让店招通情达理？

1、网店产品定位（

2、分清主标与副标/

3、色彩情感表达（

4、抓住关键字[

5、顺应浏览习惯\

6、辅助视觉效果\

Banner设计技巧

1\、\1.符合网店定位

学会设计〉\2.简约，突出主体

//]3.内容清晰，顺应顾客

v7设计中理解/浏览习惯

―/4.止确搭配色彩

/5.结构合理

指引设计，理解要点

教学反思

1、教学准备屮利用班级QQ群、微信群发布提前发布学习任务，通过“网店装修（banner设计）”专题学习网，给学生学习提供了一个手机端、电脑端的学习平台，便于学生预习学习任务。

2、教学中利用店招模拟设计器，让学生能够快速熟悉图文排版、色彩搭呢的操作技巧。

3、利用校企合作的淘宝网店，以职业岗位需求驱动学生实践，让学生更好理解教学屮涉及的色彩搭配、图文排版、网店装修风格等技巧。

4、利用专题学习网的投票功能，将学生作品通过朋友圈、聊天群等网络平台发布到互联网上,让学生作品有了更多的人群参与评价，集思广益，以便进一步完善店招设计作品。

如何将专业教学内容与职业岗位需求无缝衔接，消除就业屏障，提高学生的学习主动性,是每个教师在教学设计中不断探索的领域。

本节课巧妙的将职业岗位需求、知识学习、技能训练通过信息化手段融入到“四个活动”、“两项任务”中，体现了“做中学，做中教”的教学理念，点燃了学生学习热情，营造了教师乐教，学生乐学的快乐课堂。

附：

《网店装修》一体化项目教学

学生任务书

单元内容：

店招设计

授课班级：

电商143班授课课时：

2课时

一、布置任务

以小组为单位，完成以下任务：

1、列出淘宝店招的组成元素。

2、列岀不同类目丿占铺丿占招适用的配色方案。

3、根据店铺风格及商品特点，确定好配色方案；结合商家提供的商品图片索材，灵活运用PS软件，自行组织索材与文案，设计制作出既符合要求、又具有特色的店招。

二、探求知识

1、在教师引导下，认真观察分析教师提供的店招实例索材，集体讨论、各表己见、记录汇总、达成共识，完成好下表。

店招组成元素

2、各组小组长安排小组成员分工。

小组成员

负责任务

3、完成任务

（1）根据店铺风格及商品特点，确定好店招配色方案;

配色方案

主色：

辅助色：

（2）结合商家提供的商品图片素材，组织好文案;

店招文案

（3）丿占招设计制作。

三、作品展不

1、学生提交作品。

2、各小组派出1名代表简单阐述设计理念。

四、评价

1、小组自评：

各组组长针对本组成员任务完成情况进行合理评价，完成《学生分工评价表》。

学生分工评价表

小组名称小组负责人团队人数

小组成员

负责任务

任务完成情况

□优□良□中

□合格□不合格

□优□良□中

□合格□不合格

□优□良□中

□合格□不合格

□优□良□中

□合格□不合格

□优□良□中

□合格□不合格

2、小组互评：

请相互讨论、点评各组的方案，找出齐组的闪光点，认真填写评价表。

店招设计评价表

评价团队评价人

1•丿占招中选择的元素是否准确？

□是□否

2•店招的配色是否合适？

□是□否

3•店招的版式设计是否美观，具有吸引力？

□是□否

4.展示讲解是否有条理、表达流畅？

□是□否

5.设计店招与网店装修风格一致吗？

□是□否

你认为该团队的丿占招设计创新Z处的是什么？

你认为该团队需要改进的地方？

你对该团队整体评价

□优秀□良好□中等□合格□不合格

3、老师点评。