项目3教学设计 中职网店装修.doc

《项目3教学设计 中职网店装修.doc》由会员分享，可在线阅读，更多相关《项目3教学设计 中职网店装修.doc（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、项目3教学设计 中职 高教版 网店装修课题认识导航课时1课型新课教学目标能描述出导航的意义能描述出导航的分类教学重点突破方法认识导航及理解导航的分类微视频引领、学生操作尝试教学难点化解方法能分辨导航类型微视频引领、学生操作尝试教学方法讲授法、演示法、操作法教学资源微视频、PPT教学过程教学环节（时长）教学内容教师活动学生活动设计意图创设情景引入课题（5）1.教师讲授：网店导航是每一位顾客进入店铺能够首先看到的内容，方便浏览,顾客们会根据导航，快速的找到自己所要的东西的类目,而卖家可以把自己要表达的重要内容添加在导航里，就像实体店里一样,将商品分类放置，如果顾客点击某一类目，就会把店铺里属于这一

2、类目的全部商品显现出来！今天学习的内容就是认识什么是导航。2.出示课题“认识导航”。 教师讲解时播放想对应的图片素材。引入课题。仔细倾听教师所讲内容，思考。创建情境，调动学生学习的积极性演示讲解（20）活动1 认识导航一.什么是导航网络店铺上的导航，也可以叫做导航栏，导航条，导航菜单等。通常网店的导航主要包括网店的首页和产品栏目及各个单页面的导入链接。通过产品栏目链接可以让客户更容易地找到需要的商品，能对客户起到很好的引导作用。二.导航的意义导航就是网店的眼睛或者是地图，方便客户查看或者寻找所需要的商品信息，导航的意义在于以下几点：1.导航的设置是为了更方便客户查找需要的内容，起到的是一个引导

3、作用。2.可以让客户更多的了解商品的信息。3. 网店的导航位于网店最重要的部位，是设置整个网店回流的最核心的部分。让客户在浏览网站过程中不至迷失. 三.了解导航的分类网店中常见的几种导航：主导航、次导航和分类导航。1.主导航:主导航一般位于网页页眉顶部，或者店标的下部。第一时间引导客户指向他所需要的信息栏目。2.次导航:次导航一般位于网站的两侧。当客户需要浏览网店时，想去别的栏目看看，可以通过次导航进入其他栏目。3.分类导航菜单:当鼠标滑过导航菜单项时即可展开相应的分类导航横向或纵向子菜单，卖家利用分类导航将商品分类放置,方便客户快速的找到店铺内的相应商品。教师讲解内容，提出问题：在同学们的理

4、解中，导航有哪些意义？教师先提出问题，让学生思考导航所在的位置，及区别根据老师提出的问题，先思考，而后说出自己的理解与看法，再倾听教师讲解。学生思考，并回答问题加深对导航的概念和意义的理解加深对导航的分类的理解课堂练习（5）1.根据教师所讲内容，利用网络查找不同网店的导航有哪些位置和形式？2.总结哪种类型的导航最常见。教师引导学生利用网络查找网店导航利用网络查找网店导航加深对概念的理解回顾总结（5）同学们通过本课的学习，我们了解了什么是导航，导航的意义和导航的分类。引导学生回顾教学内容说出教学内容温故而知新拓展提升（5）利用网络收集不同的类型网店的不同导航。布置课后作业完成对相关资料的收集引导

5、学生自己尝试操作教学反思注意：不能将网络店铺导航和网站导航的概念混淆，网店导航主要针对商品。课题掌握导航的设计要领课时1课型新课教学目标能描述出网店导航的设计要领能设计出网店导航教学重点突破方法理解导航设计要领并设计出导航微视频引领、学生操作尝试教学难点化解方法设计导航微视频引领、学生操作尝试教学方法讲授法、演示法、操作法教学资源微视频、PPT教学过程教学环节（时长）教学内容教师活动学生活动设计意图创设情景引入课题（5）1.教师讲授：网店的导航是整个网店的地图，通过它能快速的找到相对应的商品，所以导航是很重要的一部分，如果想要设计一个导航需要注意哪些问题呢？今天我们就来一起学习导航的设计要领。

6、2.出示课题“导航的设计”。 教师讲解时播放想对应的图片素材。引入课题。仔细倾听教师所讲内容，思考。创建情境，调动学生学习的积极性演示讲解（20）活动2 掌握导航的设计要领1.导航的规格在网店导航设计的过程中，导航的尺寸是有一定限制的，例如淘宝网规定导航的尺寸宽度为950像素，高度为50像素。2.导航的背景色彩在网店装修的前期，我们已经确定网店装修的风格，导航通常是在店招的下方，因此色彩搭配也应与店面色调一致，否则会显得突兀，形成喧宾夺主的效果。例如，鲜花店中的导航使用红底白字的色彩搭配，突出了导航内容，同时也显得温馨浪漫，符合网店的风格。3.导航的文字导航文字除了使用单一的中文信息，还可以使

7、用数字和英文，将这些文字信息合理摆放，可以提升导航的设计感，给人眼前一亮的感觉。4.导航的内容导航的作用就是让客户更方便快捷的找到自己所需要商品信息，那么导航内容的设置就非常重要了。例如你的网店主要销售女装，那么导航内容可以有如下信息，连衣裙，半身裙，衬衫，外套等，将主要商品信息类别罗列出来。也可以添加其他信息，这些信息也是客户想要了解的，如夏季特卖，商场同款，优惠专区，热卖爆款等。活动3 设计“乐享办公用品店”的导航根据前面两个活动的学习，现在就来动手设计一下“乐享办公用品店”的导航吧，我们可以对导航做出以下分析：1.导航的内容根据“乐享办公用品店”的需求分析，可以将导航内容设置为以下几个类

8、别：首页、热卖商品、本店促销、新品上架和店铺介绍。2.导航的颜色搭配在之前店招和店标的设计中，都采用了金黄色和绿色两种色彩，因此为了搭配整个网店的基本色调，将导航的背景颜色设置为绿色。为了使整个导航显得简洁，所以将导航文字字体设置为楷体，字体颜色设置为白色。教师讲解内容，提出问题：设计导航要注意哪些问题？教师先展示“乐享办公用品店”的导航，让学生思考设计这个导航需要注意哪些问题根据老师提出的问题，先思考，而后说出自己的理解与看法，再倾听教师讲解。学生思考，并回答问题加深对导航设计要求的理解加深对导航设计要求的理解，并应用到实际中课堂练习（5）1.根据教师所讲内容，设计出“乐享办公用品店”的导航

9、。教师引导学生设计导航利用所讲知识设计导航加深对概念的理解，应用巩固知识回顾总结（5）同学们通过本课的学习，我们了解了导航的设计要求有哪些？知道如何来设计导航。引导学生回顾教学内容说出教学内容温故而知新拓展提升（5）根据不同网店的不同需求，设计出导航。布置课后作业完成对相关资料的收集引导学生自己尝试操作教学反思注意：设计网店导航时，不仅要参照导航设计要领，重要的是要准确的传达信息，还要善于创新。课题制作导航课时1课型新课教学目标能掌握导航的制作方法教学重点突破方法掌握导航的制作方法微视频引领、学生操作尝试教学难点化解方法掌握导航的制作方法微视频引领、学生操作尝试教学方法讲授法、演示法、操作法教

10、学资源微视频、PPT教学过程教学环节（时长）教学内容教师活动学生活动设计意图创设情景引入课题（5）1.教师讲授： 经过前面课程的学习，我们已经了解了导航的设计要求，并且知道如何来设计导航，那么，具体要怎么来制作呢？今天我们就来学习如何制作导航。2.出示课题“制作导航”。 教师讲解时播放想对应的图片素材。引入课题。仔细倾听教师所讲内容，思考。创建情境，调动学生学习的积极性演示讲解（15）活动1 制作背景1.新建文档：打开Photoshop CS5程序，执行“文件-新建”命令（快捷键Ctrl + N），在弹出的“新建”对话框中设置相关参数：宽度950像素，高度30像素，分辨率300像素/英寸。2.

11、纯色背景制作：执行“图层-新建-图层”命令（快捷键Shift + Ctrl + N）新建一个图层，命名为“纯色背景”，将“前景色”设置为绿色，执行“编辑-填充”命令（快捷Alt + Delete）进行填充。活动2 制作分隔线单击工具箱中的“文字工具”按钮，设置线条粗细为“3px”，“前景色”为白色，绘制5条分割线。活动3 制作文字效果单击工具箱中的“文字工具”按钮，在画布中输入相应的文字内容。执行“窗口-字符”命令，在弹出的“字符”面板中对参数进行设置。教师讲解并演示操作仔细倾听教师所讲内容，认真观察教师所演示操作引导学生完成操作课堂练习（10）1.根据教师所讲内容，完成导航的制作教师引导学完

12、成导航制作根据教师所讲操作，完成导航制作应用知识回顾总结（5）同学们通过本课的学习，我们学会了如何制作导航。引导学生回顾教学内容说出教学内容温故而知新拓展提升（5）请为“宜购生活用品旗舰店”设计导航。布置课后作业完成对相关资料的收集引导学生自己尝试操作教学反思注意：在制作过程中，参照导航的设计要领要求制作，也可以根据自己的想法先设计出导航，然后再制作。课题制作导航课时1课型新课教学目标能掌握导航的制作方法教学重点突破方法掌握导航的制作方法微视频引领、学生操作尝试教学难点化解方法掌握导航的制作方法微视频引领、学生操作尝试教学方法讲授法、演示法、操作法教学资源微视频、PPT教学过程教学环节（时长）

13、教学内容教师活动学生活动设计意图创设情景引入课题（5）1.教师讲授：店铺导航是买家访问店铺的快速通道，一个好的导航可以方便客户查看店铺的各类信息及商品信息。因此，一个好的店铺导航非常重要。以下是一个旺铺导航，它看起来会不会更有吸引力呢？2.出示课题“旺铺导航制作”。 教师讲解时播放想对应的图片素材。引入课题。仔细倾听教师所讲内容，思考。创建情境，调动学生学习的积极性演示讲解（15）活动1 制作背景1.新建文档：打开Photoshop CS5程序，执行“文件-新建”命令（快捷键Ctrl + N），新建950*270像素的新图片。2.制造导航分布线：利用直线工具将图片分割，确定出导航分布。设置好颜

14、色和线条粗细，按住Shift键绘制直线。3.制作文字内容：使用文字工具将文字添加进去，通过修改文字样式使文字到想要的效果。单击工具箱中的“文字工具”按钮，在画布中输入相应的文字内容。执行“窗口-字符”命令，在弹出的“字符”面板中对参数进行设置。教师讲解并演示操作仔细倾听教师所讲内容，认真观察教师所演示操作引导学生完成操作课堂练习（10）1.根据教师所讲内容，完成导航的制作教师引导学完成导航制作根据教师所讲操作，完成导航制作应用知识回顾总结（5）同学们通过本课的学习，我们学会了如何制作旺铺导航。引导学生回顾教学内容说出教学内容温故而知新拓展提升（5）请为“宜购生活用品旗舰店”设计成旺铺导航。布置课后作业完成对相关资料的收集引导学生自己尝试操作教学反思注意：区分旺铺导航属于什么类型的导航，并对“旺铺”网店和普通网店进行对比，了解它们的不同之处。