5创建和打开小程序 6第一个微信小程序 学握注册小程序账号的方法、查看小程序ApD的方法、设置 小程序信息的方法、下载并安装小程序开发环境的方法。 考核要点 此部分中重点考核对小程序开发环境的搭建及对小程序开发过 程的掌握。 第二知识单元小程序编程基础 学时分配 6学时 教学方式MO0c+SPOC混合教学 教学内容 重点难点 1案例：字体样式设置 2案例：文本样式设置 3 案例：图片与声音 4 案例：盒模型 5案例：Flex弹性盒模型布局 6 案例：导航与布局 1 案例：Float页面布局 8 案例：摄氏温度转华氏温度 9案例：条件语句和数学函数 10 案例：成绩计算器 11案例：循环求和计算器 12 案例：随机数求和 13 案例：计时器 14案例：自动随机变化的三色旗 v HTML的基本架构和常用标签的含义、利用CSS设置组件样式和 布局的方法、JavaScript程序设计的基本方法和技巧。 考核要点 该部分重点考核HTML、CsS和lavaScript编程基础，以及利用这 些网页设计基础编写微信小程序的方法和技巧， 第三知识单元小程序框架 学时分配 6学时 教学方式MOOC+SPOC混合教学 教学内容 重点难点 5 创建和打开小程序 6 第一个微信小程序 √ √ 考核要点 掌握注册小程序账号的方法、查看小程序 AppID 的方法、设置 小程序信息的方法、下载并安装小程序开发环境的方法。 此部分中重点考核对小程序开发环境的搭建及对小程序开发过 程的掌握。 第二知识单元 小程序编程基础 学时分配 6 学时 教学方式 MOOC + SPOC 混合教学 教学内容 重点 难点 1 案例：字体样式设置 2 案例：文本样式设置 3 案例：图片与声音 √ √ 4 案例：盒模型 √ √ 5 案例：Flex 弹性盒模型布局 √ √ 6 案例：导航与布局 √ √ 7 案例：Float 页面布局 8 案例：摄氏温度转华氏温度 √ 9 案例：条件语句和数学函数 √ √ 10 案例：成绩计算器 11 案例：循环求和计算器 √ √ 12 案例：随机数求和 13 案例：计时器 √ 14 案例：自动随机变化的三色旗 √ 考核要点 HTML 的基本架构和常用标签的含义、利用 CSS 设置组件样式和 布局的方法、JavaScript 程序设计的基本方法和技巧。 该部分重点考核 HTML、CSS 和 JavaScript 编程基础，以及利用这 些网页设计基础编写微信小程序的方法和技巧。 第三知识单元 小程序框架 学时分配 6 学时 教学方式 MOOC + SPOC 混合教学 教学内容 重点 难点