《微信小程序开发图解案例教程》教学教案—第3章教案用微信小程序组件构建UI界面.docxVIP

第3章用微信小程序组件构建UI界面 课程名称 微信小程序开发图解案例 教程 项目名称 用微信小程序组件构建UI界而 任务名称 用微信小程序组件构建UI界面 课时 8 项目性质 □演示性 口验证性 口设计性 ，综合性 授课班级 授课日期 授课地点 教学目标 （1）掌握视图容器组件的使用，会制作海报轮播效果、页签切换效果、上下滑动效果以及左 右滑动效果。 （2）掌握基础内容组件的使用，包括图标组件、文本组件以及进度条组件的使用。 （3）掌握表单组件的使用，利用表单组件来设计微信小程序的表单内容，可以提交表单以及 重置表单内容。 （4）掌握导航组件的使用，保留当前页跳转以及关闭当前页跳转。 （5）掌握媒体组件的使用，包括音频组件、图片组件以及视频组件的使用。 （6）掌握地图组件和画布组件的使用。 教学内容 （1）视图容器组件 （2）基础内容组件 （3）表单组件 （4）导航组件 （5）媒体组件 （6）地图组件 （7）画布组件 教学重点 视图容器组件、基础内容组件、表单组件、导航组件、媒体组件 教学难点 表单组件 教学准备 装有微信小程序的开发工具的电脑 教学课件PPT 教材：《微信小程序开发图解案例教程（附精讲视频）（第2版）》 作业设计  教学过程 教 学 环 节 教学内容与过程 （教学内容、教学方法、组织形式、教学手段） 课 前 组 织 做好上课前的各项准备工作（打开电脑、打开课件、