移动Web开发技术项目教程

项目1 移动互联网Web技术发展
任务1.1 了解移动Web开发
1.1.1 Web前端的定义
1.1.2 前端应用的分类
1.1.3 移动Web开发与PC端Web开发的区别
任务1.2 了解HTML5在移动开发中的应用
1.2.1 HTML5技术的发展
1.2.2 HTML5技术的优势
任务1.3 了解HTML5开发工具和框架
1.3.1 HTML5开发工具
1.3.2 HTML5主流开发框架
思考练习
项目2 使用HTML+CSS制作网页
任务2.1 使用基本标签制作网页
2.1.1 HTML的标签构成
2.1.2 HTML网页文档的基本格式
2.1.3 常用的HTML元素
2.1.4 文本格式化标记
2.1.5 特殊字符标记
2.1.6 HTML图像标记
2.1.7 相对路径和绝对路径
2.1.8 HTML的列表
2.1.9 超链接标记
任务2.2 使用div+CSS制作网页
2.2.1 使用div+CSS布局网站的优点
2.2.2 使用div+CSS布局网站的作用
2.2.3 认识盒子模型
2.2.4 一行多列布局居中
2.2.5 CSS语法结构
2.2.6 样式表在网页中嵌入的方式
2.2.7 float浮动属性
2.2.8 列表标记在导航栏中的应用
2.2.9 使用链接伪类控制超链接
2.2.10 overflow属性
2.2.11 元素的定位
2.2.12 表格标记
2.2.13 表单标记
思考练习
项目3 使用HTML5+CSS3制作网页
任务3.1 使用HTML5+CSS3基本标签制作网页
3.1.1 HTML5的结构标签
3.1.2 分组结构标签
3.1.3 页面交互元素
3.1.4 CSS3的选择器
任务3.2 使用HTML5表单标签制作网页
3.2.1 表单概述
3.2.2 表单元素及属性
3.2.3 表单验证
任务3.3 制作开发响应式页面
3.3.1 视口
3.3.2 媒体查询
3.3.3 百分比布局
3.3.4 制作响应式页面
任务3.4 制作跨平台移动Web布局页面
3.4.1 栅格系统
3.4.2 弹性盒布局
思考练习
项目4 使用JavaScript制作网页特效
任务4.1 操作JavaScript基本语句
4.1.1 JavaScript概述
4.1.2 JavaScript与网页代码结合的方式
4.1.3 document文档对象
4.1.4 Date日期时间对象
4.1.5 数组
任务4.2 使用对象模型
4.2.1 for循环
4.2.2 函数定义
4.2.3 定时函数
思考练习
项目5 使用HTML5新增功能开发移动端页面
任务5.1 地理位置信息的定位
5.1.1 Geolocation地理位置信息的定位介绍
5.1.2 获取当前位置的地理信息
5.1.3 watchPosition()方法
5.1.4 使用Geolocation API获取当前位置的应用
任务5.2 使用Web Workers处理线程
5.2.1 Web Workers概述
5.2.2 使用Web Workers创建线程
5.2.3 页面与线程的数据交互
5.2.4 使用Shared Workers创建共享线程
任务5.3 HTML5的文件操作与拖动操作
5.3.1 HTML5文件操作
5.3.2 拖动操作
思考练习
项目6 使用微信小程序开发移动端网页
任务6.1 开发准备
6.1.1 申请开发账户
6.1.2 使用微信开发者工具
任务6.2 使用app.json进行小程序全局配置
6.2.1 认识小程序核心文件的作用
6.2.2 使用app.json进行全局配置
任务6.3 使用常用组件和样式制作小程序
6.3.1 view布局组件
6.3.2 文本图像组件
6.3.3 导航组件
6.3.4 表单组件
任务6.4 数据交互
6.4.1 数据绑定
6.4.2 条件渲染
6.4.3 列表渲染
6.4.4 事件处理
思考练习
参考文献