《网店美工与店铺装修》教案第16课PC端电子产品店铺装修（三）.docx

课题PC端电子产品店铺装修（三）课时2课时(90min)教学目标知识目标：掌握PC端店铺装修的方法技能目标：能够完成PC端店铺的装修工作素质目标：培养周到细致、全面系统的思维方式教学重难点教学重点：店铺素材管理、布局管理教学难点：装修店铺教学方法问答法、讨论法、i并授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，了解店铺装修的相关知识【学生】完成课前任务考勤【教师】使用APP进行签到【学生】按照老师要求签到问题导入【教师】提出以下问题装修电子产品PC端店铺时需要注意哪些问题？【学生】聆听、思考、回答传授新知【教师】通过大家的发言，引入新的知识点，讲解电子产品PC端店铺装修的相关知识9.4电子产品PC端店铺装修【教师】组织学生扫码播放“电子产品PC端店铺装修”视频（详见教材），以在淘宝网展示店铺首页、商品详情页等为例来介绍店铺装修的方法9.4.1 店铺素材管理淘宝网店铺后台用于管理店铺装修图片的网络空间是图片空间，其用法如下。【教师】示范并讲解店铺素材管理的相关操作步骤1打开淘宝网官方网站，然后单击该网站页面右上角的“卖家中心”文字超链接，进入登录页面，接着在该页面中输入店铺账号，进入“干牛卖家工作台"页面。步骤2单击"千牛卖家工作台”页面左侧列表中的“商品"，然后在其下拉列表中选择"图片空间"文字超链接进入“素材中心”页面。步骤3单击"素材中心”页面右上角的"新建文件夹”按钮，在打开的"新建文件夹"对话框"分组名称"编辑框中输入"首页"，单击"确定"按钮新建"首页"文件夹。双击"首页"文件夹将其打开，单击页面右上角的"上传"按钮，然后在打开的"上传图片"对话框中单击"上传"文字超链接，接着在打开的“打开"对话框中选择"images”文件中的首页素材(9.1节的切片)，单击"打开"按钮上传图片，最后单击"确定"按钮，首页素材上传完成。步骤4步骤6详见教材9.4.2店铺布局管理【师生互动】【教师】随机邀请学生回答问题：如何根据店铺布局规划示意图对店铺首页进行布局？【学生】聆听、思考、回答【教师】总结学生的回答【教师】示范并讲解店铺布局管理的相关操作步骤1回到"千牛卖家工作台"页面，单击左侧列表中的"店铺"，然后在其下级列表中选择"PC店铺装修"文字超链接进入"基础页"设置页面。步骤2单击"基础页"设置页面中"首页"右侧的"装修页面"文字超链接进入首页的“页面编辑"页面，然后单击"布局管理"按钮，进入"布局管理"页面。步骤3将"基础模块"中的"全屏轮播”模块拖入布局单元中。步骤4步骤6详见教材9.4.3装修店铺【师生互动】【教师】随机邀请学生回答问题：对店铺进行装修时,主要着重装修哪些部分？【学生】聆听、思考、回答【教师】总结学生的回答1 .页头模块展示【教师】示范并讲解页头模块展示的相关操作根据店铺布局规划示意图对店铺首页进行布局，具体操作步骤如下。步骤1单击"布局管理"按钮左侧的“页面编辑"按钮，进入首页“页面编辑"页面.步骤2将光标移至店铺招牌位置，然后单击其右上角的“编辑"按钮，并在打开的“店铺招牌"对话框中选中"自定义招牌"单选钮，进入"自定义招牌"设置区。步骤3单击“店铺招牌”对话框中的“插入图片空间图片"按钮，然后在打开的下拉面板中选择图片空间中的店铺招牌图片，接着依次单击"插入"和"完成"按钮，插入店铺招牌素材，最后单击"保存"按钮，此时店铺招脚l三首页中展示。步骤4步骤7详见教材【知识库】设置整个导航条背景颜色。.menu-listbackground:#34373a;(2)设置导航分类背景色(除"所有分类"外)。.menu-list.linkbackground:#34373a;(3)设置导航分类"所有分类"的背景色。.all-cats.linkbackground:#34373a;(4)设置导航分类文字样式(除"所有分类"外)。.menu-list.menu.titlecolor:#ffffff;WidIh:75px:text-align:center;(5)设置导航分类"所有分类"的文字颜色。.all-cats.link.titlecolor:#ffffff;.(详见教材)2.全屏轮播模块与自定义模块展示【教师】示范并讲解全屏轮播模块与自定义模块展示的相关操作步骤1在"页面编辑"页面中单击“全屏轮播"右上角的"编辑"按钮，然后在打开的“全屏轮播”对话框中单击按钮，从弹出的下拉面板中选择图片空间中的店铺海报图片(要注意的是，该模块至少要添加两幅全屏海报)，最后单击"保存"按钮将店铺海报展示到店铺中。步骤2单击"自定义区域"右上角的"编辑"按钮，在打开的"自定义内容区”对话框中选中左上角的"不显示"单选钮，然后选择图片空间中的新品上市标题图片，接着单击"确定"按钮，将新品上市标题展示到首页中。3.宝贝推荐模块展示【教师】示范并讲解宝贝推荐模块展示的相关操作步骤1要想在“宝贝推荐”模块中展示商品，需要先发布宝贝。首先回到"干牛卖家工作台”页面，然后单击该页面左侧列表中的“商品"，接着在其下拉列表中选择“发布宝贝”文字超链接，进入“淘宝网商品发布"页面。步骤2在“上传商品主图”设置区单击“商品主图"中的图标，然后在打开的下拉面板中选择图片空间中的商品主图图片。步骤3在"确认商品类目”设置区设置商品发布类目，然后单击"下一步，完善商品信息"按钮，三"完善商品信息”设置页面。步骤4步骤9详见教材【学生】聆听、观看、思考、理解、记忆课堂实训【教师】组织学生分组,以小组为单位完成以下任务本实训以家居用品店铺首页设计、制作与装修为例，练习与巩固PC端店铺装修的方法。案例最终效果可参考本书配套素材"素材与实例"一"Ch9”文件夹中的"家居用品PC端店铺首页.psdtt文件。1.店铺装修规划【教师】让学生分组讨论店铺装修规划的思路【学生】讨论、由小组代表发表讨论结果【教师】点评、总结各组的发言(1)店铺布局规划。页头安排店铺标志、名称、导航和搜索栏，帮助消费者识别品牌，并能够快速找到所需商品；页中从上到下依次安排主推单品海报、热销商品展示区，这样安排是想渲染店铺销售火爆，以吸引消费者目光；页尾添加二维码、底部导航、店铺公告，这样可以起到引导消费者关注店铺，方便消费者选购商品等作用。(2)店铺配色方案确定。背景图案采用店铺标志中的黄色，一些文案采用店铺标志中的蓝色，能加深消费者对品牌的印象。不仅如此，黄色和蓝色可以形成一定的对比，为画面增添视觉冲击力。(3)店铺风格定位。该店铺出售的商品是高端家具，因此店铺风格确定为简单、大气的简约风。2.店铺装修【教师】由解制作步骤及具体操作(1)根据布局规划制作店铺首页，并根据首页风格和商品的属性制作商品详情页、商品短视频等，然后将店铺首页、商品详情页进行切片。(2)将制作完成的素材上传到店铺后台，然后根据效果图对店铺进行布局，最后将制作的店铺首页、商品详情页、商品短初濒展示到店铺中。【学生】聆听、分组制作、完成任务【教师】巡堂辅导【学生】制作完成后，由小组代表展示本组装修的店铺【教师】与学生一起评选出最佳店铺课堂小结【教师】简要总结本节课的要点店铺素材管理、店铺布局菅理装修店铺：页头模块展示、全屏轮播模块与自定义模块展示、宝贝推荐模块展示【学生】总结回顾知识点作业布置【教师】布置课后作业设计一个童装PC店铺，在页头设置店铺标志、名称、导航木田三索栏。页中从上到下依次安排主推单品海报、热销商品展小区，然后将店铺首页、商品详情页进行切片。【学生】完成课后任务教学反思