《微信小程序开发案例教程》教案 第8课 视图容器组件与基础内容组件（二）.pdf

课题视图容器组件与基础内容组件（二）

课时2课时（90min）

知识技能目标：

（1）了解text、image、rich-text、icon、progress等常用基础内容组件的功能

（2）掌握常用组件基础属性的设置方法

教学目标

素质目标：

锻炼灵活运用理论知识实现不同效果的能力

锻炼观察事物、敢于创新的能力

教学重点：text、image、rich-text、icon、progress等常用基础内容组件的功能

教学重难

教学难点：能够使用视图容器组件和基础内容组件制作微信小程序页面

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

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

第1节课：课前任务→考勤（2min）→问题导入（5min）→传授新知（38min）

教学设计

第2节课：问题导入（5min）→任务实施（35min）→课堂小结（3min）→作业布置（2min）

教学过程主要教学内容及步骤设计意图

第一节课

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或

其他学习软件完成课前任务通过课前任务，使

请大家从如何使用基础内容组件中的text、image、rich-text、icon和progress学生了解所学课程

课前任务

组件的相关知识点制作“家电商城”微信小程序首页的商品列表进行了解。的重要性，增加学生

的学习兴趣

【学生】完成课前任务

【教师】使用APP进行签到培养学生的组织

考勤

纪律性，掌握学生的

（2min）【学生】班干部报请假人员及原因

出勤情况

【教师】创设情景，并组织学生讨论下列问题：

微信⼩程序为⼩程序开发者提供了⼀系列⼩程序基础组件，开发者可以通

过组合这些⼩程序基础组件进⾏微信⼩程序的快速开发。通过问题导入的

问题导入（1）微信⼩程序组件是什么？方法，引导学生主动

（5min）思考，激发学生的学

（2）微信⼩程序组件怎么⽤？习兴趣

【学生】聆听、思考、讨论、小组代表上台回答问题

【教师】总结学生的回答引入要讲的知识，板书“基础内容组件”

传授新知【教师】通过学生的发言，引入新的知识，讲解text、image、rich-text、通过教师的讲解

（38min）icon、progress等常用基础内容组件的功能等知识和引导，使学生了解