网店装修(第二版) 教案 (5)

店铺首页

任务一 店铺首页策划一

一、教学目标

1、知识目标

（1）了解店铺首页装修的基础理论知识。

（2）掌握店铺首页装修的创作方法。

2、技能目标

（1）能正确理解首页的作用。

（2）能熟悉首页每个模块的制作方法

3、情感目标

（1）培养学生美感审美的能力，美的情操。

（2）培养学生积极思考、大胆探索的能力。

（3）培养学生自主学习、协助学习的能力。

二、教学内容分析

网店首页的美观程度，直接决定进店顾客的主观感受，可以延长顾客进店停留时间，关系

到顾客能否在店铺下单购物。美观的店铺装修会给客户好的第一印象，顾客会更愿意多花时间浏览

店铺的商品，增加顾客下单的概率。。

教学重点：1、电脑端首页的规范。

2、首页的主要模块。

教学难点：1、首页的组成模块。

2、首页的布局。

三、教学过程设计

教学步

教师活动

骤

1、创设思考什么是首页？首页的作用？

情景引

入课题

一、一个正常营业的店铺首页主要由店招、导航、海报、产

品分类、客服旺旺、产品展示、店铺页尾、店铺背景以及满

返、满减、红包、购物券等营销模块。

店铺首页的标准布局图：

学生活动

看展示的首

页，思考问

题。

了解电脑端

首页的布局

设计意图

引出首页装

修的重要

性。

让学生先行

了解电脑端

首页的基本

知识

2、新课

讲解

1

店铺首页

教学步

骤

教师活动 学生活动

能熟悉首页

主要由哪些

模块构成，

每个模块的

内容可为哪

些？

设计意图

让学生对首

页的整体布

局有系统的

了解，便于

后面的策划

二、首页布局内容解析

1、店招

顾名思义是店铺的招牌，店招的尺寸为950*150PX含自

定义导航部分，950*120PX其导航为系统自带。店招一般展

示的内容是店铺的名称、 logo标志、口号等，详细一些的也

可以展示1-2款主推的产品，还有领取优惠券的设计，收藏

店铺的图标。店招是店铺上唯一各个页面都能展示出现的模

块，所以一些重点推广信息可以设计在店招上。

2、导航条

导航条可分为淘宝系统自带和自定义导航条设计，主要

功能是可以快速链接到相应的指定页面。一般内容为所有分

类、首页等，丰富一些的有会员制度、购物须知、品牌故事

等等，具体可根据自己店铺内容而定。

3、全屏海报或轮播海报

全屏海报主要用于店铺重大公告、折扣优惠、主打产品

推荐，让客户一进入首页就能看到店铺的重点，一般全屏海

报尺寸 1920*600PX（建议高度在400-600PX间较好）。

轮播海报主要用于推广产品的促销内容，可以做成促销

海报吸引买家。尺寸为950*500PX（建议高度在400-500PX

间较好）。

4、产品分类

产品分类方便买家根据自己的需求在店铺快速找到想要

的产品。分类主要可按价格分类，产品功能分类，产品属性

分类等。本模块尺寸可根据自己店铺规划大小来定义。

5、 活动促销区

2