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

课题手机端电子产品店铺装修

课时2课时（90min）

知识目标：

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

技能目标：

教学目标能够完成手机端店铺的装修工作

素质目标：

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

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

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

教学重难点

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

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

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

教学过程主要教学内容及步骤

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

课前任务铺装修的相关知识

【学生】完成课前任务

【教师】使用APP进行签到

考勤

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

【教师】提出以下问题

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

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

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

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

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

端店铺首页的设计与制作为例，介绍手机端店铺首页的设计技巧与制作方

10.1.1店铺装修规划

传授新知手机淘宝客户端经过几年的更新换代，后台操作越来越简单明了，也越来越便于中小商家和新手商家的应

用。下面在电子产品PC端店铺装修的基础上对手机端店铺布局进行规划。

【师生互动】

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

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

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

【教师】总结学生的回答

1

店铺首页中自上而下安排了页头、店铺海报、新品上市展示区、商品排行榜展示区和页尾等。其中，页头

与页尾会因电商平台的不同而显示不同。考虑到手机端店铺是PC端店铺的延伸与补充，所以在手机端店铺首

页中安排了与PC端店铺首页相同的店铺海报。此外，为避免首页布局比较死板，新品上市展示区和商品排行

榜展示区采用长短、宽窄不同的矩形来展示。

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

【师生互动】

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

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

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

【教师】总结学生的回答

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

和设计的简约风格。

10.1.2制作店铺首页效果图

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

步骤1新建一个名为“电子产品手机端店铺首页”，宽度为1200像素，高度自定，分辨率为72像素/

英寸，颜色模式为RGB颜色的文档。

【提示】

不同平台对手机端店铺首页尺寸的要求有所不同，建议淘宝手机端店铺首页宽度为1200