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

PAGE4

PAGE4

PAGE3

PAGE3

课题

PC端电子产品店铺装修（三）

课时

2课时（90min）

教学目标

知识目标：

掌握PC端店铺装修的方法

技能目标：

能够完成PC端店铺的装修工作

素质目标：

培养周到细致、全面系统的思维方式

教学重难点

教学重点：店铺素材管理、布局管理

教学难点：装修店铺

教学方法

问答法、讨论法、讲授法、实践法

教学用具

电脑、投影仪、多媒体课件、教材

教学过程

主要教学内容及步骤

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过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单击“店铺招牌”对话框中的“插入图片空间图片”按钮，然后在打开的下拉面板中选择图片空间中的店铺招牌图片，接着依次单击“插入”和“完成”按钮，插入店铺招牌素材，最后单击“保存”按钮，此时店铺招牌将在首页中展示。

……步骤4~步骤7详见教材

【知识库】

(1)设置整个导航条背景颜色。

.menu-list{background:#34373a;}

(2)设置导航分类背景色(除“所有分类”外)。

.menu-list.link{background:#34373a;}

(3)设置导航分类“所有分类”的背景色。

.all-cats.link{background:#34373a;}

(4)设置导航分类文字样式(除“所有分类”外)。

.menu-list.menu.title{color:#ffffff;width:75px;text-align:center;}

(5)设置导航分类“所有分类”的文字颜色。

.all-cats.link.title{color:#ffffff;}

……（详见教材）

2.全屏轮播模块与自定义模块展示

【教师】示范并讲解全屏轮播模块与自定义模块展示的相关