课程简介
Web系统是基于网站形式的具有一定功能的系统，例如网易、新浪、京东等。这些系统中以网页形式呈现给用户的部分，就是前端。随着大前端时代的到来, 移动Web前端技术发展迅速，基于HTML5技术的移动Web前端设计越来越受到各计算机行业平台的青睐，移动Web前端开发人员人才需求量巨大。本课程将介绍移动Web前端开发的核心技术。
《移动Web开发》课程内容涵盖移动Web前端开发技术的HTML5、CSS3、Bootstrap等组成部分，对接Web前端开发等级考试多个考查知识点。
本课程由高校与企业联合打造，主讲教师分别来自于常州信息职业技术学院与科大讯飞教育发展有限公司，更好地融合了学院派的理论与企业级的应用，让课程深入浅出的由基础过渡到实际应用。课 程由科大讯飞讲师提供技术支持，在课程最后针对未来的学习路线与前端工程师需要具备的技能等问题进行讲解。
课程围绕专业人才培养目标和课程培养目标，构建了由“知识型案例、单元思政案例、综合案例”组成的三级案例体系，以任务为驱动、以实用性为目标重构课程内容。课程中所有知识点均内嵌于案例中，将知识和技能有机结合，融“教、学、做”为一体，通过任务案例带动知识点学习，培养学习者综合运用HTML5、CSS3、基于HTML5的移动Web应用、Bootstrap等知识，分析和解决移动端Web页面问题的能力。
该课程希望传递“引导自主探索,培养创新精神”的理念，重点培养学习者运用当代最优秀的专业资源，快速分析和解决问题的能力。
学习完本课程后可以参加《Web前端开发职业技能等级证书》考试 。
课程大纲
单元1初识HTML5
1.1HTML5概述
1.2开发工具HBuilder的操作方法
1.3HTML5网页文档结构
1.4HTML5常用标签及其属性
1.5HTML5新增的语义元素
1.6HTML5新增的属性
单元案例——“少壮不努力，老大徒伤悲”古诗赏析页面
单元2CSS3基础
2.1CSS3发展史及性能预览
2.2CSS3选择器
2.3多列布局
2.4CSS3字体
2.5CSS3新增的文本属性
2.6CSS3新的颜色表示
单元案例——学院网站首页
单元3CSS3常用样式
3.1CSS3弹性盒布局
3.2CSS3背景设置
3.3CSS3圆角边框与渐变
3.4CSS3盒子阴影与倒影
单元案例——小信图书展示框
单元4CSS3高级应用
4.1CSS3过渡
4.22D转换
4.33D转换
4.4自定义变换
4.5CSS3动画
单元案例——“爱我中华”动画制作
单元5HTML5智能表单
5.1HTML5的Input类型
5.2HTML5的表单元素
5.3HTML5的表单属性
5.4表单验证
单元案例——志愿者注册页面
单元6基于HTML5的移动Web应用(上)
6.1HTML5音频与视频
6.2HTML5拖放操作
6.3文件操作
单元案例1——DIY视频播放器
单元案例2——HTML5实现拖拽购物车
单元7基于HTML5的移动Web应用(下)
7.1认识canvas元素
7.2绘制简单图形
7.3绘制曲线
7.4图形的变换
7.5操作与使用图像
7.6绘制文字
7.7图形的组合与裁切
7.8更多的颜色和样式选择
7.9像素操作
7.10SVG创建2D图形
单元案例——绘制桌面时钟
单元8响应式Web设计神器Bootstrap
8.1Bootstrap环境安装
8.2BootstrapCSS
8.3Bootstrap布局组件
8.4Bootstrap插件
单元9实战开发——英语学习网
9.1首页导航栏与轮播
9.2首页内容布局与底部菜单
9.3在线学习页面
9.4英语新闻页面
9.5学习小组页面
9.6学习排行榜页面
企业移动Web开发最新技术需求（前沿扩展）
企业移动Web开发最新技术需求
1.1HTML5概述
1.2开发工具HBuilder的操作方法
1.3HTML5网页文档结构
1.4HTML5常用标签及其属性
1.5HTML5新增的语义元素
1.6HTML5新增的属性
单元案例——“少壮不努力，老大徒伤悲”古诗赏析页面
单元2CSS3基础
2.1CSS3发展史及性能预览
2.2CSS3选择器
2.3多列布局
2.4CSS3字体
2.5CSS3新增的文本属性
2.6CSS3新的颜色表示
单元案例——学院网站首页
单元3CSS3常用样式
3.1CSS3弹性盒布局
3.2CSS3背景设置
3.3CSS3圆角边框与渐变
3.4CSS3盒子阴影与倒影
单元案例——小信图书展示框
单元4CSS3高级应用
4.1CSS3过渡
4.22D转换
4.33D转换
4.4自定义变换
4.5CSS3动画
单元案例——“爱我中华”动画制作
单元5HTML5智能表单
5.1HTML5的Input类型
5.2HTML5的表单元素
5.3HTML5的表单属性
5.4表单验证
单元案例——志愿者注册页面
单元6基于HTML5的移动Web应用(上)
6.1HTML5音频与视频
6.2HTML5拖放操作
6.3文件操作
单元案例1——DIY视频播放器
单元案例2——HTML5实现拖拽购物车
单元7基于HTML5的移动Web应用(下)
7.1认识canvas元素
7.2绘制简单图形
7.3绘制曲线
7.4图形的变换
7.5操作与使用图像
7.6绘制文字
7.7图形的组合与裁切
7.8更多的颜色和样式选择
7.9像素操作
7.10SVG创建2D图形
单元案例——绘制桌面时钟
单元8响应式Web设计神器Bootstrap
8.1Bootstrap环境安装
8.2BootstrapCSS
8.3Bootstrap布局组件
8.4Bootstrap插件
单元9实战开发——英语学习网
9.1首页导航栏与轮播
9.2首页内容布局与底部菜单
9.3在线学习页面
9.4英语新闻页面
9.5学习小组页面
9.6学习排行榜页面
企业移动Web开发最新技术需求（前沿扩展）
企业移动Web开发最新技术需求