《网店美工与店铺装修》教案 第17课 手机端电子产品店铺装修.docxVIP

PAGE4

PAGE4

PAGE3

PAGE3

课题

手机端电子产品店铺装修

课时

2课时（90min）

教学目标

知识目标：

掌握手机端店铺的装修方法

技能目标：

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

素质目标：

（1）增强紧跟时代发展的意识

（2）了解我国移动电子商务的发展现状

教学重难点

教学重点：电子产品手机端店铺首页设计与制作

教学难点：电子产品手机端店铺装修

教学方法

问答法、讨论法、讲授法、案例分析法

教学用具

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

教学过程

主要教学内容及步骤

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，了解手机端店铺装修的相关知识

【学生】完成课前任务

考勤

【教师】使用APP进行签到

【学生】按照老师要求签到

问题导入

【教师】提出以下问题

如何在电子产品PC端店铺装修的基础上对手机端店铺布局进行规划？

【学生】聆听、思考、回答

传授新知

【教师】通过大家的发言，引入新的知识点，讲解手机端店铺装修的相关知识

10.1电子产品手机端店铺首页设计与制作

【教师】组织学生扫码播放“电子产品手机端店铺首页设计与制作”视频（详见教材），以电子产品手机端店铺首页的设计与制作为例，介绍手机端店铺首页的设计技巧与制作方法

10.1.1店铺装修规划

手机淘宝客户端经过几年的更新换代，后台操作越来越简单明了，也越来越便于中小商家和新手商家的应用。下面在电子产品PC端店铺装修的基础上对手机端店铺布局进行规划。

【师生互动】

【教师】随机邀请学生回答问题：

店铺首页中自上而下安排了哪些内容？

【学生】聆听、思考、回答

【教师】总结学生的回答

店铺首页中自上而下安排了页头、店铺海报、新品上市展示区、商品排行榜展示区和页尾等。其中，页头与页尾会因电商平台的不同而显示不同。考虑到手机端店铺是PC端店铺的延伸与补充，所以在手机端店铺首页中安排了与PC端店铺首页相同的店铺海报。此外，为避免首页布局比较死板，新品上市展示区和商品排行榜展示区采用长短、宽窄不同的矩形来展示。

【教师】通过展示“店铺布局规划示意图”的图片（详见教材），讲解店铺布局规划的页面

【师生互动】

【教师】随机邀请学生回答问题：

大多数手机端店铺采用什么颜色？

【学生】聆听、思考、回答

【教师】总结学生的回答

手机端店铺采用与PC端店铺首页相同的主色(深灰色)与辅助色(红色)，以及排版简约、没有过于复杂装饰和设计的简约风格。

10.1.2制作店铺首页效果图

【教师】示范并讲解制作店铺首页效果图的相关操作

步骤1新建一个名为“电子产品手机端店铺首页”，宽度为1200像素，高度自定，分辨率为72像素/英寸，颜色模式为RGB颜色的文档。

【提示】

不同平台对手机端店铺首页尺寸的要求有所不同，建议淘宝手机端店铺首页宽度为1200像素，高度自定，图片格式为JPG、PNG等。

步骤2将背景图层填充为浅灰色(#fafafa)，然后置入本书配套素材“素材与实例”→“Ch10”文件夹中的“页头.jpg”文件，将其移至图像编辑区顶部中间位置。

步骤3绘制一个宽度为1200像素，高度为200像素的深灰色(#34373a)矩形，然后置入素材文件中的店铺标志，接着添加文本并设置文本属性，最后打开本书配套素材“素材与实例”→“Ch9”→“电子产品PC端店铺首页”文件夹中的“电子产品PC端店铺首页.psd”文件，将其中的“关注我们”图标移至新文档合适位置后等比例缩小，此时店铺招牌绘制完成。

步骤4保持“电子产品PC端店铺首页.psd”文档处于打开状态，将其中的“店铺海报1”移至新文档中合适位置。

……步骤5~步骤11详见教材

10.2电子产品手机端店铺装修

【教师】组织学生扫码播放“电子产品手机端店铺装修”视频（详见教材），以讲解手机端店铺装修为例，介绍手机端店铺装修的方法

10.2.1店铺布局管理

【教师】示范并讲解店铺布局管理的相关操作

步骤1进入“千牛卖家工作台”页面，单击左侧列表中的“店铺”，然后在其下拉列表中选择“手机店铺装修”文字超链接，进入“推荐(首页)”设置页面，单击“默认首页”右侧的“装修页面”文字超链接，进入首页的“页面装修”页面。

步骤2将页面左侧“图文类”列表中的“轮播图海报”模块拖入首页页面中。

步骤3采用上述方法将“宝贝类”列表中的“系列主题宝贝”和“排行榜”模块依次拖至“轮播图海报”模块下方，然后将“营销互动类”列表中的“店铺优惠券”模块拖至“系列主题宝贝”模块下方。

10.2.2装修店铺

【师生互动】

【教师】随机邀请学生回答问题：

装修店铺之前应做好哪些准备工作？

【学生】聆听、思考、回答

【教师】总结学生