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

课题手机端电子产品店铺装修课时2课时（90min）教学目标知识目标：掌握手机端店铺的装修方法技能目标：能够完成手机端店铺的装修工作素质目标：(1)增强紧跟时代发展的意识(2)了解我国移动电子商务的发展现状教学重难点教学重点：电子产品手机端店铺首页设计与制作教学难点：电子产品手机端店铺装修教学方法问答法、讨论法、讲授法、案例分析法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，了解手机端店铺装修的相关知识【学生】完成课前任务考勤【教师】使用APP进行签到【学生】按照老师要求签到问题导入【教师】提出以下问题如何在电子产品PC端店铺装修的基础上对手机端店铺布局进行规划?【学生】聆听、思考、回答传授新知【教师】通过大家的发言，引入新的知识点，讲解手机端店铺装修的相关知识10.1 电子产品手机端店铺首页设计与制作【教师】组织学生扫码播放“电子产品手机端店铺首页设计与制作“视频(详见教材)，以电子产品手机端店铺首页的设计与制作为例，介绍手机端店铺首页的设计技巧与制作方法10.1.1 店铺装修规划手机淘宝客户端经过几年的更新换代，后台操作越来越简单明了，也越来越便于中小商家和新手商家的应用。下面在电子产品PC端店铺装修的基础上对手机端店铺布局进行规划。【师生互动】【教师】随机邀请学生回答问题：店铺首页中自上而下安排了哪些内容？【学生】聆听、思考、回答【教师】总结学生的回答店铺首页中自上而下安排了页头、店铺海报、新品上市展示区、商品排行榜展示区和页尾等。其中，页头与页尾会因电商平台的不同而显示不同。考虑到手机端店铺是PC端店铺的延伸与补充，所以在手机端店铺首页中安排了与PC端店铺首页相同的店铺海报。此外，为避免首页布局比较死板，新品上市展示区和商品排行榜展示区采用长短、宽窄不同的矩形来展示。【教师】通过展示“店铺布局规划示意图”的图片（详见教材），讲解店铺布局规划的页面【师生互动】【教师】随机邀请学生回答问题：大多数手机端店铺采用什么颜色？【学生】聆听、思考、回答【教师】总结学生的回答手机端店铺采用与PC端店铺首页相同的主色（深灰色）与辅助色（红色），以及排版简约、没有过于复杂装饰和设计的简约风格。10.1.2制作店铺首页效果图【教师】示范并讲解制作店铺首页效果图的相关操作步骤1新建一个名为"电子产品手机端店铺首页"，宽度为1200像素，高度自定，分辨率为72像素/英寸，颜色模式为RGB颜色的文档。【提示】不同平台对手机端店铺首页尺寸的要求有所不同，建议淘宝手机端店铺首页宽度为120（）像素，高度自定,图片格式为JPG、PNG等。步骤2将背景图层填充为浅灰色佛fafafa）,然后置入本书配套素材"素材与实例"T"ChlO"文件夹中的"页头Jpg"文件，将其移至图像编辑区顶部中间位置。步骤3绘制一个宽度为1200像素，高度为200像素的深灰色（#34373a）矩形，然后置入素材文件中的店铺标志，接着添加文本并设置文本属性，最后打开本书配套素材"素材与实例"T"Ch9""电子产品PC端店铺首页"文彳牛夹中的"电子产品PC端店铺首页psd”文件，将其中的"关注我们"图标移至新文档合适位置后等比例缩小，此时店铺招牌绘制完成。步骤4保持"电子产品PC端店铺首页psd"文档处于打开状态，将其中的“店铺海报1"移至新文档中合适位置。步骤5步骤11详见教材10.2电子产品手机端店铺装修【教师】组织学生扫码播放“电子产品手机端店铺装修”视频（详见教材）,以讲解手机端店铺装修为例，介绍手机端店铺装修的方法10.2.1店铺布局管理【教师】示范并讲解店铺布局管理的相关操作步骤1进入"千牛卖家工作台"页面，单击左侧列表中的“店铺"，然后在其下拉列表中选择"手机店铺装修"文字超链接，三"推荐（首页）"设置页面，单击"默认首页"右侧的"装修页面”文字超链接，进入首页的“页面装修"页面。步骤2将页面左侧"图文类"列表中的"轮播图海报”模块拖入首页页面中。步骤3采用上述方法将"宝贝类"列表中的"系列主题宝贝"和“排行榜"模块依次拖至"轮播图海报"模块下方，然后将“营销互动类"列表中的"店铺优惠券"模块拖至"系列主题宝贝"模块下方。10.2.2装修店铺【师生互动】【教师】随机邀请学生回答问Sg：装修店铺之前应做好哪些准备工作？【学生】聆听、思考、回答【教师】总结学生的回答在构建好店铺布局后，就可以开始装修店铺了。装修店铺之前最好能准备好需要用到的素材图片。【教师】示范井讲解装修店铺的相关操作步骤1使用Photoshop打开本书配套素材"素材与实例"一wChIOw文彳牛夹中的"电子产品手机端店铺首页psd"文件，使用"切刀工具”在店铺海报上绘制切片区域并导出。【提示】手机端店铺中的“轮播图海报"模块要求海报的宽度为1200像素，高度为600像素，图片格式为jpg.p11g等I大小不超过2M。步骤2回到首页"页面装修”页面,单击”轮播图海报"模块打开其右侧设置区,然后在"模块名称"编辑框中输入“店铺海报"，接着单击"上传图片"中的后再单击"上传图片"按钮打开"图片空间"对话框，可以看到其中已有素材(PC端装修的素材图片)的尺寸均不符合要求。步骤3单击"图片空间”对话框右上角的“上传图片"按钮，上传步骤1中导出的店铺海报图片，接着单击图片下方的链接按钮，打开"添加链接"对话框，勾选其中“宝贝链接”下已发布的商品，单击"确定"按钮返回到"轮播图海报"设置区并单击"保存"按钮，将店铺海报展示到店铺中。步骤4单击“系列主题宝贝”模块打开其右侧设置区，在其中设置模块名称、主标题与副标题.步骤5步骤【】详见教材【学生】聆听、观看、思考、理解、记忆课堂实训【教师】组织学生分组，以小组为单位完成以下任务本实训以家居用品手机端店铺首页设计、制作与装修为例，练习手机端店铺装修方法与技巧。案例最终效果可参考本书配套素材"素材与实例"一"ChlO”文件夹中的"家居用品手机端店铺首页psd”文件.提示：(1)对店铺首页布局进行规划。处理PC店铺首页中的图片素材.店铺整体装修。【学生】聆听、分组制作、完成任务【教师】巡堂辅导【学生】制作完成后，由小组代表展示本组装修的店铺【教师】与学生一起评选出最佳店铺课堂小结【教师】简要总结本节课的要点电子产品手机端店铺首页设计与制作：店铺装修规划、制作店铺首页效果图电子产品手机端店铺装修:店铺布局管理、装修店铺【学生】总结回顾知识点作业布置【教师】布置课后作业根据本节课所学内容，设计、装修化妆品手机端店铺。【学生】完成课后任务教学反思