课程简介
HTML5 是目前最为流行的前端网页构建技术，提供了广泛而丰富的 API，为制作内容丰富的网页提供
了良丰富的技术支撑，本课程将结合移动网页开发特点，介绍如何使用 HTML5 这些丰富的 API 来实现
移动互联网时代的网页开发与设计。
目标收益
掌握 HTML5 的新技术特性
掌握 CSS3 新技术特性
掌握移动网页开发的主要技术特点
培训对象
希望使用 HTML5 构建网页的前端开发人员
课程大纲
| HTML5新的页面组织标记 | HTML5中从应用角度出发提供了许多新的网页标记，专门用于定位各种网页内容，本节课程我们将介绍这些新标记，并说明如何使用这些新标记来组织你自己的文档结构 |
| 智能表单设计 | 数据提交从来都是web应用设计中的重要部分，而其中的数据格式验证等功能需要脚本的辅助，HTML5为了解决这一问题提供了一些新的表单样式工具，为开发者开发更智能的表单输入提供了良好支持，本节课程着重于介绍如何制作这样一个智能表单 |
| 引入多媒体对象（video audio webrtc） | 在网页当中播放多媒体对象长期以来一直都是多媒体控件的专利，从HTML5开始，HTML标记中也可以引入多媒体音频和视频，如何应用这些新标记让自己的网页内容更丰富呢，本节课程将带大家制作一个简单的多媒体应用，来分享这一特性 |
| Canvas 对象你的画布: |
网页中直接绘制图表也曾经是控件垄断的天下，各种图报表的绘制曾经困扰着广大开发者，现在 HTML5 中引入了原生的图形绘制工具，可以让你在 HTML 代码中直接绘制图表，本节课程将介绍如何使用这一 功能 |
|
扩展图形标记 |
本节课程介绍一些新的图形绘制方式和对象，帮助开发者更好的绘制自己的图形应用 |
|
HTML5 中的地理应用 |
LBS（Location Based Service）是基于位置的服务缩写，LBS 应用目前已经成为了移动互联网时代的新兴 的最重要应用。HTML5 中提供了对 LBS 的天然支持，可以让用户方便的开发出基于地理位置的网页应 用。本节课程介绍如何使用这一特性 |
| 独立数据存储 | Web应用中经常需要做一些异步交互，此次HTML5中专门提供了用于在后台取回数据的连接对象，本节课程介绍如何使用这一连接对象进行工作 |
|
Web Workers |
Web 开发中经常需要大量的交互式脚本，其中一些脚本耗时费力，影响响应时间，降低用户体验，为了 解决这一问题 HTML5 提供了一个独立线程，专门用于在后台运行各种脚本，大大提高了用户响应，这 就是本节课程介绍的 Web Worker 技术。本节课程通过两个例子说明这一技术的优势。为广大开发者开 发具有良好性能的 Web 应用提供帮助。 |
|
CSS3 技术 |
CSS3 概述 CSS 简史 CSS3 新特点 CSS 基础简述 盒子模型 float 排版 position 定位 固定宽度且居中的布局 实例：一键换肤 CSS3 媒体支持 处理不同屏幕的排版 实例：ipad 横竖屏 CSS3 透明度 不同浏览器的兼容问题 块透明与文字透明 外引字体 字体的重要性 中文字体的困惑 实例：裁剪字体 CSS3 分栏 用户的阅读习惯 实例：华尔街日报 CSS3 盒子属性 排版模型的改变 盒子属性特点 实例：自动适应的排版 CSS3 变幻与动画 动画的运用 实例：变化的菜单 CSS3 与 javascript CSS3 与 js 之间的联系 控制你的动画 CSS3 的其它特性 |
|
移动应用框架及其特点 |
IPhone 适配框架 Android 适配框架 微信适配框架 WebApp 架构 混合应用与打包 |
|
HTML5新的页面组织标记 HTML5中从应用角度出发提供了许多新的网页标记，专门用于定位各种网页内容，本节课程我们将介绍这些新标记，并说明如何使用这些新标记来组织你自己的文档结构 |
|
智能表单设计 数据提交从来都是web应用设计中的重要部分，而其中的数据格式验证等功能需要脚本的辅助，HTML5为了解决这一问题提供了一些新的表单样式工具，为开发者开发更智能的表单输入提供了良好支持，本节课程着重于介绍如何制作这样一个智能表单 |
|
引入多媒体对象（video audio webrtc） 在网页当中播放多媒体对象长期以来一直都是多媒体控件的专利，从HTML5开始，HTML标记中也可以引入多媒体音频和视频，如何应用这些新标记让自己的网页内容更丰富呢，本节课程将带大家制作一个简单的多媒体应用，来分享这一特性 |
|
Canvas 对象你的画布: 网页中直接绘制图表也曾经是控件垄断的天下，各种图报表的绘制曾经困扰着广大开发者，现在 HTML5 中引入了原生的图形绘制工具，可以让你在 HTML 代码中直接绘制图表，本节课程将介绍如何使用这一 功能 |
|
扩展图形标记 本节课程介绍一些新的图形绘制方式和对象，帮助开发者更好的绘制自己的图形应用 |
|
HTML5 中的地理应用 LBS（Location Based Service）是基于位置的服务缩写，LBS 应用目前已经成为了移动互联网时代的新兴 的最重要应用。HTML5 中提供了对 LBS 的天然支持，可以让用户方便的开发出基于地理位置的网页应 用。本节课程介绍如何使用这一特性 |
|
独立数据存储 Web应用中经常需要做一些异步交互，此次HTML5中专门提供了用于在后台取回数据的连接对象，本节课程介绍如何使用这一连接对象进行工作 |
|
Web Workers Web 开发中经常需要大量的交互式脚本，其中一些脚本耗时费力，影响响应时间，降低用户体验，为了 解决这一问题 HTML5 提供了一个独立线程，专门用于在后台运行各种脚本，大大提高了用户响应，这 就是本节课程介绍的 Web Worker 技术。本节课程通过两个例子说明这一技术的优势。为广大开发者开 发具有良好性能的 Web 应用提供帮助。 |
|
CSS3 技术 CSS3 概述 CSS 简史 CSS3 新特点 CSS 基础简述 盒子模型 float 排版 position 定位 固定宽度且居中的布局 实例：一键换肤 CSS3 媒体支持 处理不同屏幕的排版 实例：ipad 横竖屏 CSS3 透明度 不同浏览器的兼容问题 块透明与文字透明 外引字体 字体的重要性 中文字体的困惑 实例：裁剪字体 CSS3 分栏 用户的阅读习惯 实例：华尔街日报 CSS3 盒子属性 排版模型的改变 盒子属性特点 实例：自动适应的排版 CSS3 变幻与动画 动画的运用 实例：变化的菜单 CSS3 与 javascript CSS3 与 js 之间的联系 控制你的动画 CSS3 的其它特性 |
|
移动应用框架及其特点 IPhone 适配框架 Android 适配框架 微信适配框架 WebApp 架构 混合应用与打包 |
近期公开课推荐