微信小程序开发-初级 教案 项目3、4 制作项目提成计算器、制作房屋装饰网站

项目3制作项目提成计算器项目4制作房屋装饰网站章节序号章节名称制作项目提成计算器授课时间授课时长225分钟授课类型理论+实操授课地点教学目标知识目标.掌握JavaScript的语法及相关基础知识；.掌握JavaScript对象的组成、创建和使用方法；.理解JavaScript事件处理能力目标.能够正确使用JavaScript编写函数代码；.能够规范编写JavaScript代码；.能够运用JavaScript对象模型进行D0M操作教学重点JavaScript的语法及相关基础知识教学难点使用JavaScript编写函数代码教学方法/教学手段讲解、举例、提问互动教学资源/课前准备讲义PPT、微课视频、在线题库教学过程（分教学步骤列出内容、时间安排、教学方法、训练项目、师生互动等）教学环节教学内容教学设计环节1（45分钟）JavaScript简介介绍讲解JavaScript环节2（90分钟）JavaScript基础知识介绍讲解变量简单数据类型函数对象数组for循环语句if语句环节3（45分钟）HTMLDOM介绍讲解获取DOM节点操作DOM节点环节4（45分钟）完成项目提成计算器页面布局与功能实现实操练习创建项目主体CSS美化页面业务逻辑功能实现教学小结课后作业教学反思章节序号章节名称制作房屋装饰网站授课时间授课时长225分钟授课类型理论+实操授课地点教学目标知识目标.理解HTML5新增的元素及其属性；.掌握CSS3新增属性知识，掌握移动端适配能力目标.能够正确使用HTML5新增的元素及其属性；.能够运用CSS3完成移动端的适配教学重点HTML5新增的元素及其属性、CSS3新增属性知识教学难点运用CSS3完成移动端的适配教学方法/教学手段讲解、举例、提问互动教学资源/课前准备讲义PPT、微课视频、在线题库教学过程（分教学步骤列出内容、时间安排、教学方法、训练项目、师生互动等）教学环节教学内容教学设计环节1（45分钟）HTML5简介介绍讲解HTML5基础知识环节2（45分钟）HTML5语义化标签介绍讲解header元素footer元素nav元素aside元素section元素time兀素环节3（90分钟）HTML5表单介绍讲解表单结构表单重写属性表单控件输入类型环节4（45分钟）完成房屋装饰网站页面布局与内容填充实操练习创建项目主体顶部搜索栏导航栏创建房屋信息/音乐播放区块教学小结课后作业教学反思。