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

1、广东省创新杯说课大赛计算机类一等奖作品店招设计教学设计doc中等职业教育课程改革教材 高等教育出版社店招设计网店装修与管理教学设计职业岗位需求引领教学引入团队竞争课堂活动促使学生学习持续发展“店招设计”教学设计设计摘要教学题目店招设计课 程计算机类学时安排2课时（90分钟）年级高二级人数39所选教材高等教育出版社，陈显龙总主编，杨波，王卫华主编网店装修与管理设计依据依据计算机课程标准、现代教育技术理论及建构主义学习理论，课程是有生命力的，应该以就业为导向，以职业为载体，促进人的全面发展；中职课程以工作经验为学习过程，以 人才培养为核心，结合信息技术课程“开放、多元、动态”的特征，学生的学习要体

2、现“主 动、开放、个性、持续”的特点；营造良好的信息环境，为信息技术教学活动提供先进的学 习平台。教材分析木节课教材选自高等教育出版社出版的网店装修与管理，教学内容为项目四“淘宝普 通版整页设计”的任务二“店招设计”。网店装修模块是这门课程的重要模块，是承接图片处 理和网店整页设计的关键部分，对于本模块内容教学来说，有着丁分重要的意义。网店装修课程是我校与“小脚丫童鞋”企业合作项目，本次课是该项目的第二个教学内 容。为了让教学内容与职业岗位需求紧密结合，直接选用学生的口有网店进行教学实践，达 到“教中学.教中做”的岗位实践效果。学情分析木节课的授课对象是电子商务专业的二年级的学生，进行网站建设

3、与管理专业知识学习, 刚完成网站装修的图片美化及页面布局学习任务，他们具冇一定的图像处理技能，具备一定的 审美能力。喜欢竞争、有好胜心理，也喜欢信息化媒体，乐于接受感性的、直观的学习方式。总体来说，学生主要表现如下:1.自学能力差：学生对知识的学习往往是被动的,课堂中习惯于老师的言传身教,自主探究能力不足，学习内容难于突破课本范2.水平参差不齐：部分学生软件操作能力较差，对于利用图像处理软件进行店招设计仍有较大的困难。3.学生对理论知识理解不够到位，理论和实践往往岀现脱轨的情况。教学目标（1） 知识目标：了解店招的定义和作用，店招的组成耍素、设计方法。（2） 能力目标：能够利用photosho

4、p进行丿占招设计，掌握丿占招设计的要点；掌握网丿占装 修中口定义店招的操作要点。（3） 情感口标：培养学生观察、思考、分析、解决问题能力，增强学生的团队合作精神; 激发学生的职业梦想，提升学生职业索养。教学重点及难点教学重点：1.了解网店装修岗位的职业岗位技能。2.掌握店招设计中为突出主体而进行文字、图片等的表现手法。教学难点：1掌握丿占招的设计方法，营造产品营销视觉效果。2.掌握店招的结构、色彩和整体网页效果的搭配教学方法项目教学法:学生在教师的引导下，以优生搭配屮差生为原则分成13个小组，以小组形 式完成静态店招设计任务。穿插“找亮点”、“店招投票评比”、“店招搭配秀”、“发布点赞” 等活

5、动，让学生在实践任务中找到学习的乐趣。活动法：学生作品的匿名投票排名赛、网络点赞，以竞赛的方式促进学生的学习。探究法：教师通过设问解疑，通过店招模拟设计器，动画演示等启发学生，在自主探究、 讨论交流小等突破本次课的重难点。教学策略1、 以“贴近职业、激活课堂”的为教学理念，引导学生从课木的网店装修设计入手，采 用校企合作淘宝网店“小脚丫鞋店”作为教学实战平台，以网店装修项冃为引领，实现与职 业岗位需求无缝衔接。2、 结合目前智能手机普及的情况，推出了电脑端、手机端的“banner设计网“专题学习 网站，提供任务介绍、素材下载、留言板、作品投票等实用功能，让学生能够随时随地预习 课程内容、跟踪作

6、业情况等，增加教学的交互性，提高学习积极性。3、 设计基于网络的“店招设计模拟器”，让学生可以脱离photoshop软件尝试在线设计, 熟悉店招设计技巧。4、 利用现时使用率较高的QQ、微信等平台转发学习作品，让学生通过网络平台获得作品 票数、点赞和评价意见，从而达到集思广益的作用，让学生逐步完善作品，保持学习的持续 性。课前准备本节课的授课地点为多媒体机房，具备广播教学、互联网访问功能，安装了 photoshop图 像处理软件，通过店招模拟设计器、在线投票系统、多媒体课件等资源辅助教学。1、 发布“网店装修（banner设计）专题学习网”，提供任务简介、视频演示、上传手机端二维码http:/

7、m.ebanne r.icoc.in电脑端二维码作业、作品投票、知识拓展、索材下载等模块，让学生能够通过网站了解到与教学知 识相关的内容。http:/ebanne 匚 2、 以班级QQ群、微信群发布任务学习公告，让学生可以通过手机端、电脑端在课样式于机端浏览学习网QtOGOBanner 计作 BunsfflSts2012旳布色丿余时间自行预习上课内容。52网店店招是爸先映入消费awm且IS初视堂冲击力的那分在网上，萤客只能通过网 上的文孚以及图片了解产吕 因此.一个好的网店店招设计至关更要.好的店招除了號增加用户的（S任6 住）00 Q1CX电脑端浏览学习网3、通过店招设计模拟器学生可以在课余

8、时间利用手机或电脑在线尝试练习，熟悉图文排版、色彩搭配等操作。店招设计模拟器店招搭配测试banner装修风络一装修风络二装修风络三装修风络四L结果分析I使用说明：；K选择网店风格:：2选择辭 ；3 I 上亠u亠m|店招位豐试用；4.完成所有题后，才能童看成绩I by oyjJE招拖放到I得分：!店招A店招B 店招C请把I：而的店招拖到这个位置试试装修风络五Ett划同款小日段千口版厅阳功核荘女顽步休闲拄牡衣及巾店跆配夷2文件(F)视图(V)技制(C)调试(D) X金Ifc丈家再传行P2. M5宝阿TuobooxoTn仕的走上魅丿Jr w A* Wbb bm la* W加入购物午4T.计108.0

9、0 55690交矗4咏手史、斗 收姑JS畑 Omua.蛍严L Q I丿占招搭配测试工具备注：1、在教学过程中，通过天寓电子教室，将课程专题学习网站和淘宝网网址加入网 络白名单，限制学生访问其它网站。教学过程教学流程图创设情境尝试设计提升设计分析引导评价总结教学结构流程的设计环节说明内容1. “设”环节创设情境导入新课引入网店装修师年入约百万案例，引导学生分析案 例，搭建做为一名网店装修师装修女鞋网店的工位 岗位环境。2. “析”环节浏览店招分析要点分析网店店招，进入“找亮点”活动，理解丿占招之 意。以“店招模拟设计器”演示设计要点。3. “试”环节尝试创作静态店招店招初创作，通过photosh

10、op软件尝试店招设计， 结合设计要点，体验设计过程。4. “比”环节评比店招提炼技巧“店招在线投票”评比活动，分析店招之魂5. “拓”环节拓展应用搭配测试将设计好的店招发布到校企合作淘宝店，“店招搭配 秀”，提高设计能力。6. “评”环节网络点评完善设计“丿占招作品秀”活动，通过朋友圈、微信群等平台 进行转发，扩散到互联网，进行“店招点赞”活动。磐评比归纳教学环节教学内容 课件展示师生互动 教法学法设计意图 媒体资源一、创设网店装修师岗位生：（案例分析）【设计意图】根据学生创设情境工作环境从网店装修师年入专业特点和兴趣，向学导入帐约百万案例屮，分析生渗透电子商务专业岗（5分钟）工作室成功的关键

11、点位就业渠道，激起学生“设”环节分析引导（15分钟）“析”环节二、感悟“店招之意”* WniI tmts 3 八任务驱动（20分钟）“试”环节三、尝试店招设计设计任务提示kRtttwav*. 师：（启发教学法）介绍项目任务，通过 案例让学生明确本节课的 内容是网店装修之静态店 招设计。师：（示范）1.播放儿组不同类型 店招图片，引导学生分析 丿占招组成元索，寻找丿占招 亮点。2.店招设计模拟演 示，讲解操作要领，演示 上机操作过程。生：（讨论）1.每组一张店招图 片，组员分析思考，参与“找亮点”活动。2.每组选派代表，说 出本组的观点。师：巡视课堂1简要介绍任务内容 要点。2、讲解任务完成过程

12、 生：按照分工合作完成任 务1、 小组讨论设计方 案，填写任务书。2、 组员分工协作完成 心中的好奇心和求知 欲，调动学习积极性。 创设网店装修师网店设 计的学习环境。【媒体资源】电子报刊 截图【设计意图】分析店招 样图，从小总结设计者 欲传达的信息，从而得 出所需要元素。通过“找亮点”活动加强小 组协作能力，讨论店招 设计技巧。【媒体资源】准备几组 不同类型的优秀店招设 计作品图片。为本课开发 店招设计模拟器辅助教学 软件，实现图文布局、图层 叠放、色彩搭配等演示。【设计意图】让学生明 确实验任务要求，合理 分工，结合教师的操作 演示，完成店招的初次 设计。同时反思设计过 程，提炼设计理念。

13、【媒体资源】1、提供产品图片、文字 索材、店招样例和操作评比归纳（10分钟）“评”环节拓展迁移（30分钟）“拓”环节五、网店搭配测试店招尝试设计任务。3、 反思设计。4、 修改、完善设计。师：（启发点拨法）1、 通过广播系统收取学生 作业，导入在线投票系统 中，展示学生作品的同时, 让学生参加作品投票活动2、 点评较有代表性的作 品。分析店招的文字和图 片的表现手法，公布评选 结果生：（小组讨论法）1、 学习其它组作品的 表现手法和设计理念。2、 结合设计要点，讨 论其它组作品的不足之 处，提出改进建议。师：1请学生思考：你觉 得小组设计的店招跟网店 装修风格一致吗？2.介绍网丿占发布到 淘宝

14、网店的操作流程。3、 根据不足，提出改 进建议。生：1、熟悉网店装修中，口定 义店招的操作方法。视频。2、学生任务书，按照工 作页的形式将学生的整 个实验过程记录下来。【设计意图】加强学生 的竞争意识，通过在线 匿名投票，使小组之间 形成竞争关系。作品名 称以设计理念命名，利 用“他山Z石，可心攻 玉”的原理，加强对作 品的设计理念理解。【媒体资源】利用专题 学习网的在线投票功 能，让学生进行作品匿 名投票，系统限制每个 IP每个作品只能投一 票。能够实时统计票数 和人气。【设计意图】针对单一 店招设计的不足，将店 招上传到淘宝网店进行 效果测试，使学生能够 更好地理解色彩搭配、 结构设计等知

15、识，使所 学知识应用扩展到互联 网。【媒体资源】店招搭配测试结果反嵋（2）对丿占招在网丿占装修屮 的使用效果进行口评。评价总结（10分钟）“评”环节六、“发布总结”师：（总结归纳）1.发布作品，进行评 选“最受欢迎店招”活 动，多元评价学生的学习 表现。2.让学生将“专题学 习网”作品评比网址通过 微信、QQ等发布到网络， 通过好友点赞、收集意见 等，以便进一步提高色彩 搭配、图文排版能力。课程小结店招的设计技巧理解。 作业：服装网丿占丿占招设计 71;.：1、 对比店招效果,再次完 善修改。2、 发布店招，参与“店招 点赞”等活动，获取网络 点赞数和人气数。1、 利用电子商务校企合 作淘宝网

16、丿占进行丿占招上 传及效果测试。2、 通过广播系统完成作 品点评。【设计意图】在专题学习 网站发布店招作品，将作 品通过朋友圈或校园网 络平台传播，以点赞数和 评价意见进行作品的评 价，通过评选活动，保持 学生学习的持续性。【媒体资源】借助专题 学习网，利用QQ、微信 等网络工具将店招发布 到互联网上，利用网络 人群进行点赞活动。学习评价设计学生评价量规表班别： 组别： 组员名单：类 别评价指标权 重评价等级及分值得分A (80-100 分)B (60-79 分)C (0-59 分)自评(30%)互评(30%)师评(40%)总分作 品 评 价符合网店定位20%整体风格符 合网店定位整体风格基木

17、 符合网店定位整体风格不太符 合网店定位主副标排版合 理10%主标突出,副 标起到辅助 作用主标与副标排 版相对合理卞标不突出，副 标排版不太合理色彩搭配20%整体色彩搭 配合理，过渡 自然色彩搭配般， 整体色系应用 尚可色彩搭配不好， 主色调不明显顺应用户浏览 习惯10%符合浏览者 的浏览习惯有些不符合浏 览者浏览习惯与浏览者浏览习 惯相差较大视觉效果好20%整体效果突 出，体现设计 理念，给人印 象深刻整体效果一般， 无特别出彩的 地方，能体现店 招作用整体效果较差， 不自然，不能体 现店招作用课 堂 表 现课堂表现20%态度认真，枳 极配合小组 完成各项任 务，表现优秀态度一般，能够 配

18、合小组完成 各项任务，表现尚可态度不端正，不 配合小组完成各 项任务，表现较 差得分注：60分以下为不及格，60-69分为及格，70-79分为中 等，80-89分为良好,90-100分为优秀。网络评价(100分)结果微信等平台获得点赞数评价数专题学习网获得票数人气备注：最终评价二作品评价+课堂表现+网络评价板书设计如何让店招通情达理？1、 网店产品定位 (2、 分清主标与副标 /3、 色彩情感表达 (4、 抓住关键字 5、 顺应浏览习惯 6、 辅助视觉效果 Banner设计技巧 1、 1.符合网店定位学会设计 2.简约，突出主体/ / 3.内容清晰，顺应顾客v7设计中理解/ 浏览习惯 / 4.

19、止确搭配色彩/ 5.结构合理指引设计，理解要点教学反思1、 教学准备屮利用班级QQ群、微信群发布提前发布学习任务，通过“网店装修（banner设 计）”专题学习网，给学生学习提供了一个手机端、电脑端的学习平台，便于学生预习学习 任务。2、 教学中利用店招模拟设计器，让学生能够快速熟悉图文排版、色彩搭呢的操作技巧。3、 利用校企合作的淘宝网店，以职业岗位需求驱动学生实践，让学生更好理解教学屮涉及的 色彩搭配、图文排版、网店装修风格等技巧。4、 利用专题学习网的投票功能，将学生作品通过朋友圈、聊天群等网络平台发布到互联网上, 让学生作品有了更多的人群参与评价，集思广益，以便进一步完善店招设计作品。

20、如何将专业教学内容与职业岗位需求无缝衔接，消除就业屏障，提高学生的学习主动性, 是每个教师在教学设计中不断探索的领域。本节课巧妙的将职业岗位需求、知识学习、技能 训练通过信息化手段融入到“四个活动”、“两项任务”中，体现了 “做中学，做中教”的教 学理念，点燃了学生学习热情，营造了教师乐教，学生乐学的快乐课堂。附：网店装修一体化项目教学学生任务书单元内容：店招设计授课班级：电商143班 授课课时：2课时一、布置任务以小组为单位，完成以下任务：1、列出淘宝店招的组成元素。2、 列岀不同类目丿占铺丿占招适用的配色方案。3、 根据店铺风格及商品特点，确定好配色方案；结合商家提供的商品图片 索材，灵活

21、运用PS软件，自行组织索材与文案，设计制作出既符合要求、又具 有特色的店招。二、探求知识1、在教师引导下，认真观察分析教师提供的店招实例索材，集体讨论、各 表己见、记录汇总、达成共识，完成好下表。店招组成元素2、各组小组长安排小组成员分工。小组成员负责任务3、完成任务（1）根据店铺风格及商品特点，确定好店招配色方案;配色方案主色：辅助色：（2）结合商家提供的商品图片素材，组织好文案;店招文案(3)丿占招设计制作。三、作品展不1、 学生提交作品。2、 各小组派出1名代表简单阐述设计理念。四、评价1、小组自评：各组组长针对本组成员任务完成情况进行合理评价，完成学 生分工评价表。学生分工评价表小组名称 小组负责人 团队人数 小组成员负责任务任务完成情况优 良 中合格不合格优 良 中合格不合格优 良 中合格不合格优 良 中合格不合格优 良 中合格不合格2、小组互评：请相互讨论、点评各组的方案，找出齐组的闪光点，认真填 写评价表。店招设计评价表评价团队 评价人 1 丿占招中选择的元素是否准确？是 否2 店招的配色是否合适？是 否3店招的版式设计是否美观，具有吸引力？是 否4.展示讲解是否有条理、表达流畅？是 否5.设计店招与网店装修风格一致吗？是 否你认为该团队的丿占招设计创新Z处的是什么？你认为该团队需要改进的地方？你对该团队整体评价优秀 良好 中等 合格 不合格3、老师点评。