spContent=移动Web开发是创建能自适应PC端和移动端的网页或APP界面呈现给用户的过程。移动Web开发技术主要包括HTML5、CSS3、移动Web前端开发框架Bootstrap以及衍生出来的各种技术。本课程由高校与企业联合打造,科大讯飞讲师做技术支持,将坚实的基础、实用的案例以及企业级的应用贯通交融,可以作为移动Web前端开发入门课程。 你还犹豫什么?赶快加入我们的课程,一起领略移动Web开发的无穷魅力,开启课程的正式之旅吧!
移动Web开发是创建能自适应PC端和移动端的网页或APP界面呈现给用户的过程。移动Web开发技术主要包括HTML5、CSS3、移动Web前端开发框架Bootstrap以及衍生出来的各种技术。本课程由高校与企业联合打造,科大讯飞讲师做技术支持,将坚实的基础、实用的案例以及企业级的应用贯通交融,可以作为移动Web前端开发入门课程。 你还犹豫什么?赶快加入我们的课程,一起领略移动Web开发的无穷魅力,开启课程的正式之旅吧!
—— 课程团队
课程概述

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

2.参考书:响应式Web开发项目教程(第2版),黑马程序员,人民邮电出版社,2021年2月。
常见问题
1. Q : 这门课使用到的软件与环境?
A : 课程中的代码都可以使用记事本编辑。本门课程主要用到的程序编辑器是HBuilder,这个软件最新版本是HBuilderX。
2. Q:课程进行了一半,我还能加入并跟上么?
A:发布的课程可以随时观看,并可以根据自己的时间集中学习赶上进度,学习结束后提交作业、测试,并参加考试即可。
3. Q:我可以在线上提问吗?
A:课程设有交流讨论区,希望大家踊跃提问,有老师与大家交流互动。
4. Q:怎样才能学好移动Web开发课程?
A: 多编程、多练习。
5. Q:学完课程后可以参加哪些考级考证?
A: 学习完本课程后可以参加《Web前端开发职业技能等级证书》考试。