本课程旨在引领学生全面了解跨平台开发的基本知识,掌握源生的移动web开发技能。通过知识学习、案例练习、项目实践,从而学会HTML5新特性、CSS3新特性、Ajax、常用的Bootstrap框架等,以实现小型移动web项目的开发。
课程概述
本课程要求学生已经学习过《HTML5+CSS3网页设计》、《javaScript》等课程,对前端的基础知识有所认知。本课程从掌握移动web技术入手,以HTML5新特性、CSS3新特性、Ajax、Bootstrap框架等核心工作任务为主体构建课程教学内容,采用讲、练、项目实战结合的方式,系统讲授移动web知识,训练学生相关操作技能。
课程大纲
- 第1章 课程基本信息
- 第1节 课程标准
- 第2节 授课计划
- 第3节 考核计划
- 第4节 单元设计1
- 第5节 单元设计2
- 第6节 单元设计3
- 第7节 单元设计4
- 第8节 单元设计5
- 第9节 单元设计6
- 第2章 移动互联中的Web应用
- 第1节 1.1 移动互联中的Web应用介绍
- 第2节 1.2移动互联中的Web应用
- 第3章 HTML5的新特性
- 第1节 2.1 video 标签使用1
- 第2节 2.2 video标签的使用2
- 第3节 2.3 audio标签的使用1
- 第4节 2.4 audio标签的使用2
- 第5节 2.5 移动Web离线应用1
- 第6节 2.6 移动Web离线应用2
- 第7节 2.7 画布canvas的应用1
- 第8节 2.8 画布canvas的应用2
- 第9节 2.9 画布canvas的应用3
- 第10节 2.10 网络存储的应用1
- 第11节 2.11 网络存储的应用2
- 第12节 2.12 Geolocation地理定位的应用1
- 第13节 2.13 Geolocation地理定位的应用2
- 第4章 CSS3新特性响应式设计
- 第1节 3.1 弹性盒布局
- 第2节 3.2 弹性盒布局2
- 第3节 3.3流式布局
- 第4节 3.4 视口
- 第5节 3.5 媒体查询
- 第6节 3.6 触摸touch事件
- 第7节 3.7 过渡结束事件
- 第8节 3.8 动画结束事件
- 第5章 Ajax
- 第1节 4.1 Ajax介绍及wamp本地环境安装
- 第2节 4.2 XMLHTTP使用
- 第3节 4.3 JQuery ajax用法
- 第4节 4.4 JQuery ajax复杂数据处理
- 第5节 4.5 百度下拉关键词效果
- 第6节 4.6 利用ajax实现学员信息异步查询
- 第7节 4.7 利用ajax实现新闻无线加载效果
- 第6章 Bootstrap
- 第1节 5.1 Bootstrap介绍
- 第2节 5.2 Bootstrap项目工程介绍
- 第3节 5.3 全部样式-布局容器
- 第4节 5.4 全部样式-栅格系统介绍
- 第5节 5.5 全部样式-栅格系统案例01
- 第6节 5.6 全部样式-栅格系统案例02
- 第7节 5.7 全部样式-栅格系统案例03
- 第8节 5.8 全部样式-栅格系统案例04
- 第9节 5.9 全部样式-排版
- 第10节 5.10 全部样式-表格
- 第11节 5.11 全部样式-表单
- 第12节 5.12 全部样式-按钮与图片
- 第13节 5.13 组件-字体图标 下拉菜单
- 第14节 5.14 组件-按钮组 按钮式下拉菜单
- 第15节 5.15 组件-输入框组 导航
- 第16节 5.16 组件-导航条
- 第17节 5.17 组件-分业 标签 徽章
- 第18节 5.18 组件-巨幕 缩略图 警告框
- 第19节 5.19 组件-进度条 媒体对象 列表组 面板
- 第20节 5.20 插件-介绍
- 第21节 5.21 插件-模态框
- 第22节 5.22 插件-滚动监听
- 第23节 5.23 插件-标签页
- 第24节 5.24 插件-提示工具
- 第25节 5.25 插件-弹出框、警告框
- 第26节 5.26 插件-按钮
- 第27节 5.27 插件-折叠
- 第7章 项目
- 第1节 项目介绍
- 第2节 页面结构搭建
- 第3节 顶部通栏
- (1) 顶部通栏1
- (2)顶部通栏2
- (3)顶部通栏3
- 第4节 导航栏
- (1) 导航栏1
- (2) 导航栏2
- (3) 导航栏3
- 第5节 轮播图
- 第6节 信息模块
- (1) 信息模块1
- (2)信息模块2
- (3)信息模块3
- 第7节 问答学习模块
- 第8节 学习电视台模块
- 第9节 图片展示模块
- 第10节 版权声明模块
- (1)版权声明模块1
- (2)版权声明模块2
- (3)版权声明模块3
- 第8章 考试
授课目标
能阐述基于HTML5的移动Web开发需要的技术 |
会利用HTML5技术实现网络存储、绘图、地理定位等 |
能利用媒体查询、栅格系统、弹性盒布局、视口等技术,实现跨平台开发 |
会使用Ajax进行数据处理 |
能下载安装Bootstrap,会利用Bootstrap进行页面布局和样式设计 |
能开发小型的移动web项目 |
能主动参与小组项目,积极与组员沟通,养成良好的团队合作意识 |
具有提出问题、分析问题及解决问题的能力,养成记录问题的习惯 |
预备知识
《HTML5+CSS3网页设计》、《javaScript》
0.0
|
共
0
条评价
|
本次开课
查看全部
|
0.0
|
共
0
条评价
|
本次开课
查看全部
|
1
这门课程是免费学习的吗?
本课程是开设在安徽省网络课程学习中心(e会学)平台上的课程,是免费学习的。
2
建议使用什么浏览器学习?
为了您顺利地进行课程学习,建议您将浏览器升级到最新版本。建议使用IE10及以上,火狐Firefox浏览器,及谷歌Chrome浏览器。
3
我可以重复选择同一门课程吗?
可以的,许多课程会多次开课,可以加入同一门课程的不同期次。在新的开课期次中,你需要从零开始完成相关的学习任务。