项目1?制作课程信息管理系统
项目情景\t002
项目分析\t002
学习目标\t003
（一）知识目标\t003
（二）技能目标\t003
（三）素质目标\t003
知识准备\t004
1． HTML列表元素\t004
2． HTML表单元素\t006
3． HTML框架元素\t009
项目实践\t012
1． 搭建页面主体结构和内容\t012
2． 创建form表单和搜索框\t014
3． 创建班级列表\t014
4． 制作课程表子页面\t014
5． 使用＜iframe＞标签导入表格\t016
6． 为课程添加超链接，进入课程详情页面\t017
项目拓展\t018
项目2?设计Web博客（静态）
项目情景\t020
项目分析\t020
学习目标\t021
（一）知识目标\t021
（二）技能目标\t021
（三）素质目标\t021
知识准备\t021
1． flex弹性布局\t021
2． 边框属性\t028
3． linear-gradient属性\t033
项目实践\t039
1． 搭建页面主页结构\t039
2． 搭建页面主体内容\t039
3． 添加正文内容\t040
4． 美化微博话题\t042
5． 对微博话题的字体进行美化\t043
6． 对微博话题的背景色进行美化\t043
项目拓展\t044
项目3?制作网页计算器
项目情景\t046
项目分析\t046
学习目标\t047
（一）知识目标\t047
（二）技能目标\t047
（三）素质目标\t047
知识准备\t047
1． JavaScript文件引入方式\t047
2． JS字符串常用方法\t049
3． 数组常用方法\t054
4． 获取DOM\t059
5． js单击事件\t061
项目实践\t063
1． HTML布局\t063
2． CSS添加样式\t064
3． JavaScript计算\t066
4． 扩展功能（验证正则表达式）\t070
项目拓展\t072
项目4?制作天气预报网
项目情景\t074
项目分析\t074
学习目标\t074
（一）知识目标\t074
（二）技能目标\t075
（三）素质目标\t075
任务1?完成天气预报页面内容\t075
任务描述\t075
知识准备\t075
1． HTML5新增语义化元素\t075
2． HTML5页面增强元素\t083
3． HTML5多媒体元素\t083
任务实施\t085
1． 制作页面结构\t085
2． 搭建主体内容\t085
任务拓展\t088
任务2?为天气预报页面进行移动端适配\t089
任务描述\t089
知识准备\t089
1． 视口（viewport）应用\t089
2． 媒体查询\t091
3． CSS单位\t093
任务实施\t093
任务拓展\t097
任务3?天气预报网页获取后台动态数据\t097
任务描述\t097
知识准备\t098
1． Ajax简介\t098
2． Ajax访问服务器的方法\t098
3． JavaScript操作DOM的方法\t099
任务实施\t099
1． 准备服务器端接口页面\t099
2． 修改客户端index．html页面\t100
3． 查看浏览效果\t101
任务拓展\t102
项目5?制作分享小程序
项目情景\t104
项目分析\t104
学习目标\t104
（一）知识目标\t104
（二）技能目标\t105
（三）素质目标\t105
知识准备\t105
1． 小程序分享功能基础\t105
2． chooseImage方法\t107
3． uploadFile方法\t108
4． request方法\t110
5． 配置域名\t111
项目实践\t113
1． 创建项目并开发完整的ToDoList项目\t113
2． 开发分享功能\t114
3． 用户上传图片\t116
4． 用户自定义图片分享\t118
5． 完整JS代码\t118
任务拓展\t119
项目6?制作进阶版分享小程序
项目情景\t122
项目分析\t122
学习目标\t122
（一）知识目标\t122
（二）技能目标\t122
（三）素质目标\t123
任务1?制作进阶版分享小程序\t123
任务描述\t123
知识准备\t123
1． 注册友盟账户\t123
2． 开通微信地图\t125
3． getLocation方法\t126
4． showToast方法\t128
5． navigateTo方法\t129
6． map组件\t130
任务实施\t133
1． 友盟对接\t133
2． 使用地图扩展功能开发\t137
3． 组件的封装\t142
任务2?朋友圈小程序的发布与运维\t144
任务描述\t144
知识准备\t144
1． 版本管理工具\t144
2． npm支持\t150
3． 真机联调\t156
4． 小程序更新机制\t162
任务实施\t163
1． 发布小程序\t163
2． 小程序数据统计\t166
3． 友盟数据统计\t167
任务拓展\t168
项目7?制作云数据库版和云函数版朋友圈小程序
项目情景\t170
项目分析\t170
学习目标\t170
（一）知识目标\t170
（二）技能目标\t170
（三）素质目标\t170
任务1?制作云数据库版朋友圈小程序\t171
任务描述\t171
知识准备\t171
1． 云开发概述和开通\t171
2． 数据库基础\t172
3． 操作数据库\t174
4． 文件存储 \t184
5． 调试工具\t186
任务实施\t187
1． 上传图片至云存储\t187
2． 保存图片地址\t189
任务2?制作云函数版朋友圈小程序\t215
任务描述\t189
知识准备\t190
1． 云函数基础\t190
2． 云函数的配置\t190
3． 云函数调试\t193
4． 云函数常用SDK文档\t194
任务实施\t201
1． 云函数创建\t201
2． 云函数操作数据库\t203
3． 获取用户手机号\t205
4． 云函数的调试\t209
任务拓展\t211
项目8?制作音乐播放器
项目情景\t214
项目分析\t214
学习目标\t215
（一）知识目标\t215
（二）技能目标\t215
（三）素质目标\t215
知识准备\t215
1． 媒体组件――audio\t215
2． slider组件\t218
3． 音频API――getBackgroundAudioManager\t219
项目实践\t222
1． 创建项目和初始化项目\t222
2． 音乐播放列表展示\t224
3． 播放页面的展示\t227
4． 初始化播放器\t231
5． 播放器销毁\t235
6． 播放器暂停和播放\t235
7． 播放拖曳\t236
8． 音乐播放切换控制\t237
项目拓展\t238
参考文献\t239
鄂公网安备 42010302001612号 