教案项目二 应用店铺模板.docx
- 文档编号:28074257
- 上传时间:2023-07-08
- 格式:DOCX
- 页数:14
- 大小:647.97KB
教案项目二 应用店铺模板.docx
《教案项目二 应用店铺模板.docx》由会员分享,可在线阅读,更多相关《教案项目二 应用店铺模板.docx(14页珍藏版)》请在冰豆网上搜索。
教案项目二应用店铺模板
重庆市×××职业中学
学科教案本
TeachingPlan
20年———20 年学年度 学期
The(1st/2na)SemesteroftheAcademicYearfrom20to20
学校(School)
学科(Subject)
年级(Grade)
_____________________
教师(Teacher)
重庆大学出版社 制
《网店装修》目录
注意:
①按住Ctrl键后单击每个任务即可跳转到对应的教案
②单击
按钮可返回目录
③页面设置参数为:
纸张:
B5
页边距左:
1.5
页边距右:
1.5
项目二 应用店铺模板
任务一
活动1确认风格
活动2 定义样式
活动3添加布局单元
活动4编辑模块
教学
课题
任务一活动1确认风格
课题
类型
理论+实作
课时
安排
2
上课
时间
教
学
目
标
1.明确淘宝网店铺装修流程
2.能够根据销售商品确定店铺风格
3.能够根据店铺风格,明确店铺配色方案
教学
重点
2、3
教学
难点
3
辅助
资源
课件、多媒体、网络
复习引入
浏览不淘宝网不同风格男装店铺
教学
手段
教学过程
师生互动
活动设计
课件
讨论
实作
确定风格
不同销售产品的店铺都有着自己独特的店铺风格,店铺风格应当与销售的产品形成一致的销售风格,一方面既可以直观展示产品特色,另一方面明确商品的卖点,提高商品出售的转化率。
课本实例操作
本次实例操作分为两大步骤:
1、店铺风格的确定2、对店铺进行风格模板的更改。
1)根据销售的商品类型、消费对象以及价格区间确定好店铺的装修风格。
2)实训活动:
挑选模板。
4人为一组,讨论并实践如何更改店铺模板?
小组参照课本的案例装修步骤,完成店铺的装修。
步骤如下:
“装修四部曲”:
①进后台。
在淘宝的“卖家中心”左侧菜单栏中找到“店铺装修”,进入店铺装修后台。
②看模板。
点击装修菜单栏下的“模板管理”,进入“模板管理界面”。
点击模板,可以查看每个模板的可配色、价钱、使用期限等。
③选模板。
根据配色方案以及模板样式选择可用模板,操作如教材图2.1.2所示。
④发布。
挑选好模板并确认后,页面会自动跳回店铺装修后台的首页。
预览无误后,点击“发布”按钮,完成店铺模板的选择,操作如教材图2.1.3所示。
网络搜索:
淘宝网不同风格的男装店铺
提问或讨论:
如何更改店铺模板
讨论:
淘宝店铺模板更改需要注意的事项
思考:
每个模板对应着不同的配色方案以及模块的摆放位置,在选择风格时需要注意些什么?
作业
布置
确定店铺的装修风格和设计方案。
教学
后记
教学
课题
任务一活动2 定义样式
课题
类型
理论+实作
课时
安排
2
上课
时间
教
学
目
标
1.了解如何对模板样式进行修改
2.能够根据需求更改模板样式
3.具有初步的模板更改能力
教学
重点
1、2
教学
难点
/2
辅助
资源
课件、多媒体、实训室
复习引入
检查作业:
确定店铺的装修风格和设计方案。
教学
手段
教学过程
师生互动
活动设计
课件
互动
讨论
实作
对模板样式的修改
淘宝为商家提供了多样化的模板样式,方便商家进行可视化操作。
商家在确定好风格之后,可以使用淘宝所提供的免费或者收费模板进行店铺的样式修改。
课本实例操作
在进行实例操作之前,先要让学生明确模板的概念,能模板样式有一定的知识概念理解。
(1)模板样式的认知
背景:
小宝和同学确定了店铺的设计风格,接下来是对模板进行样式的修改。
根据设计方案,小宝选择以黑白为主色调的配色方案。
小知识:
配色方案:
导入:
简单分享下店铺的设计方案。
(2)实训活动:
模板样式的修改
步骤:
①进入“样式管理”界面进入“样式管理”界面,操作如教材图2.1.4所示。
②选择配色选择黑白色配色方案,预览各个页面,确认无误后,点击“保存”按钮保存。
③设置背景选用“练习素材/项目2/SC2.1.png”图片作为页头背景图,设置如图2.1.5所示。
完成后点击“保存”按钮。
(3)实训总结:
你和你的团队学会了店铺模板的使用了吗?
请根据课本的操作,完成店铺的风格确定,并为自己的店铺设计页头、页面设置背景。
阅读知识窗:
模板样式认知
思考:
店铺商品与店铺配色之间的关系?
讨论:
如何修改店铺模板样式
师生互动:
你喜欢哪种店铺配色方案,为什么?
思考:
模板样式的选择应该遵循怎样的配色方案。
作业
布置
填写提交实训报告和实训表格
完成合作实训
教学
后记
教学
课题
任务一活动3 添加布局单元
课题
类型
理论+实作
课时
安排
2
上课
时间
教
学
目
标
1.熟悉添加布局单元的步骤
2.掌握管理布局的含义
3.掌握建立店铺结构
4.掌握管理布局的方法
教学
重点
1,4
教学
难点
4
辅助
资源
课件、多媒体、网络、实训室
复习引入
你知道管理布局包括哪些方面?
如何进行布局管理?
教学
手段
教学过程
师生互动
活动设计
课件
讨论
课件
案例
讨论
理解什么是布局单元
布局单元是店铺装修过程中极为重要的一个概念。
学生必须要明确区分布局单元,方便今后的对店铺模块的管理。
布局单元:
能够分类展示店铺不同内容的区域,局部布局。
添加布局单元的含义
添加布局单元是指在店铺装修时,可以添加单栏和两栏以及不同分栏方式的布局.
课本实例操作
(1)进入店铺装修后台,点击“布局管理”,进入“布局管理”页面,如教材图2.2.2所示。
(2)添加布局单元:
1)选择“页面管理”菜单下需要修改的页面,点击“布局管理”,如教材图2.2.3所示。
(提示:
不同的页面,可以根据店铺的需求来设置不同的布局结构。
)
2)点击“添加布局单元”,如教材图2.2.4所示。
3)选择需要的布局结构。
(小知识:
布局结构中,按照分栏方式以及各个分栏中模块的比例,一共有6种选择方式。
在选择的过程中,可以根据店铺所需模块的比例大小选择对应的布局结构。
)
4)调整布局单元的位置。
鼠标左击新添加的布局单元右侧的“十字箭头”,按住鼠标左键不放可以拖动布局单元。
5)添加成功后点击“保存”按钮。
讨论:
你知道什么是布局单元
阅读知识窗:
案例索引
讨论:
添加布局单元的含义
实训活动:
添加布局单元
思考:
在布局单元的添加过程中,需要注意哪些问题。
思考与讨论:
布局结构中,6种选择方式对今后店铺的界面有什么影响。
这些选择是否可以随意进行选择?
作业
布置
完成店铺的布局单元的添加
教学
后记
教学
课题
任务一活动4 编辑模块
课题
类型
理论+实作
课时
安排
2
上课
时间
教
学
目
标
1.理解模块的含义
2.掌握模块的添加
3.掌握模块内容的设置
教学
重点
2、3
教学
难点
2、3
辅助
资源
课件、多媒体、网络、实训室
复习引入
1.为什么添加了布局单元界面却没有内容的显示?
2.模块的作用是什么?
教学
手段
教学过程
师生互动
活动设计
课件
案例
讨论
实作
模块的含义
在完成布局单元的设置之后,有个很重要的概念---模块。
要让学生明确布局单元与模块之间的关系。
每一个布局都只是一个预设好的格局框架,需要为其添加功能模块,才能让布局单元真正地起到作用。
课本实例操作
(1)选大小。
在前面选择布局结构时,可以根据功能模块所需要的宽度大小,选择布局单元。
添加的模块宽度,限定在此布局中,如教材图2.2.7所示。
(2)添模块。
点击模块右侧的“+”,添加模块。
一个布局单元中可以根据需求添加多个模块,如教材图2.2.8所示。
(3)选功能。
根据需求定义模块内容。
(4)删模块。
如果出现有些模块添加错误,可以将鼠标移到该模块中,模块的右侧出现“×”,点击“×”可以删除该模块。
如教材图2.2.10所示。
(5)存操作。
对所有的布局单元进行模块管理完成之后,点击最下方的“保存”按钮,完成整个布局单元及模块的添加,如教材图2.2.11所示。
(6)添内容。
点击模块的“编辑”按钮,在弹出的窗口编辑内容,完成后点击“确定”按钮,操作如教材图2.2.12所示。
知识窗:
模块的含义
实作:
编辑模块
作业
布置
提交相关实训报告和实训表格;完成项目检测题目
完成合作实训活动
教学
后记
、
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 教案项目二 应用店铺模板 教案 项目 应用 店铺 模板
![提示](https://static.bdocx.com/images/bang_tan.gif)