课程简介:
HTML5的核心和力量到底在哪里到底在哪里?
HTML5真正的新特性是什么?
如何调试HTML5?
HTML5开发框架PhoneGap背后的密码是什么?
HTML5中如何使用PUSH技术?
HTML5中的Canvas到底有什么神奇的力量?
HTML5的音视频给多媒体开发带来了怎样的影响?
HTML5的本地存储、离线存储、地理位置背后的密码是什么?
如何使用CSS3带来不可思议的用户界面?
如果通过jQuery Mobile做出本地界面?
jQuery Mobile如何PhoneGap结合?
如何调试HTML5?
本阶段将彻底解答上述所有的问题,全部内容至简而实,采用代码驱动,把HTML5、CSS3、jQuery Mobile的秘密向您娓娓道来。
课程目标:
本课程涵盖HTML5、CSS3、jQuery Mobile等一些列HTML5相关技术,重在强调代码的实战能力以及背后的原理分析。
掌握本课程后,能够完全胜任任意需求的HTML3+CSS3+jQuery Mobile的Web开发。:
培训目标:
掌握全新的HTML5+CSS3+jQuery Mobile构建全新的HTML5时代的Web应用
培训对象:
传统Web开发人员;
想学习HTML5+CSS3+jQuery Mobile人员;
培训大纲:
第1个主题:HTML5技术和商业思考
1,1 HTML5的目标
1,2 无法拒绝使用HTML5的原因
1,3 可以放心使用HTML5的原因
第2个主题:HTML5的开发工具和调试工具、调试方法
2.1 开发工具及其思考;
2.2 如何调试HTML5?
2.3 调试HTML5的具体方法;
第3个主题:HTML5的模板和页面结构
3,1 Doctype
3,2 html元素
3.3 head元素
3,4 header元素
3,5 section元素
3.6 article元素
3.7 nav元素
3.8 aside元素
3.9 footer元素
第4个主题:HTML5新增的元素
4.1 time元素和格式
4.2 pubdate属性
4.3 hgroup元素
4.4 address元素
4.5 progress元素
4.6 meter元素
4.7 figure和figcaption元素
4.8 mark元素
4.9 details元素
4.10 script元素的async属性
第5个主题:HTML5中的表单(一)
5.1 创建基础的表单
5.2使用range 类型创建滑块
5.3使用选值框处理数字
5.4日期控件
5.5 email 类型
5.6 url 类型
5.7 color 类型
5.8回退
5.9替换颜色选择器
5.10 Modernizr
第6个主题:HTML5中的表单(二)
6.1使用autofocus 属性定位第一个表单域元素
6.2使用placeholder 属性进行提示
6.3简单的注册表单
6.4阻止自动完成
第7个主题:HTML5中的表单(三)
7.1账户表单
7.2持久化数据
7.3创建编辑页面
第8个主题:HTML5中文件处理api
8.1 filelist对象与file对象
8.2 blob对象
8.3 filereader接口
第9个主题: HTML5中的Canvas
9.1 认识canvas元素
9.2 2D渲染上下文
9.2.1 坐标系统
9.2.2 访问2D渲染上下文
9.3 绘制基本图形和线条
9.3.1 线条
9.3.2 圆形
9.4 样式
9.5 绘制文本
9.6 擦除Canvas
9.7 使Canvas填满浏览器窗口
第10个主题: Canvas高级开发
10.1 保存和恢复绘图状态
10.1.1 画布绘图状态是什么
10.1.2 保存绘图状态
10.1.3 恢复绘图状态
10.1.4 保存和恢复多个绘图状态
10.2 变形
10.2.1 平移
10.2.2 缩放
10.2.3 旋转
10.2.4 变换矩阵
10.3 合成
10.3.1 全局阿尔法值
10.3.2 合成操作
10.4 阴影
10.5 渐变
10.6 复杂路径
10.7 将画布导出为图像
第11个主题:html 5页面中视频和音频
11.1发展历程
11.2 目前状况
11.2.1 视频容器格式
11.2.2 视频编解码器
11.2.3 音频编解码器
11.2.4 当前浏览器使用哪种组合
11.3 标记
11.3.1 启用本机控件
11.3.2 autoplay属性
11.3.3 loop属性
11.3.4 preload属性
11.3.5 poster属性
11.3.6 audio属性
11.3.7 添加对多种视频格式的支持
11.3.8 资源顺序
11.3.9 关于Internet Explorer 6~8
11.3.10 MIME类型
11.4 用于网络的视频文件解码
11.5 创建自定义控件
11.5.1 让我们从一些标记和设计开始
11.5.2 介绍媒体元素API
11.5.3 播放和暂停视频
11.5.4 视频音轨的静音与取消静音
11.5.5 视频结束播放的响应
11.5.6 更新视频播放的时间
11.5.7 媒体元素API的其他一些功能
11.6 关于音频
11.7 可访问的媒体
第12个主题:CSS3实战
12.1 改进旧版浏览器
12.2 CSS3选择器
17.2.1 关系选择器
17.2.2 属性选择器
17.2.3 伪类
17.2.4 结构化伪类
17.2.5 伪元素和生成的内容
12.3 CSS3颜色
17.3.1 RGBA
17.3.2 HSL和HSLA
17.3.3 不透明度
17.4 实际应用
12.5 圆角:border-radius
12.6 投影
12.7 文本阴影
12.8 更多阴影
第13个主题:CSS3渐变和多背景
13.1 线性渐变
13.1.1 W3C语法
13.1.2 旧WebKit语法
13.1.3 实际应用
13.1.4 使用SVG的线性渐变
13.1.5 使用Internet Explorer滤镜的线性渐变
13.1.6 便捷的工具
13.2 径向渐变
18.2.1 W3C语法
18.2.2 旧WebKit语法
18.2.3 实际应用
13.3 重复渐变
13.4 多背景图像
13.5 背景大小
第14个主题:CSS3转换和过渡
14.1 转换
14.2 过渡
14.3 动画
第15个主题:彻底洞悉jQuery Mobile
15.1 jQuery Mobile设计的技术思考和商业思考
15.2 jQuery Mobile入门初体验;
15.3 使用页眉、工具栏和标签栏;
15.4 jQuery Mobile中的表单和按钮;
15.5 jQuery Mobile中的列表;
15.6 jQuery Mobile和CSS结合;
15.7 jQuery Mobile主题;
15.8 jQuery Mobile的API
15.9 和服务器集成;
15.10 jQuery Mobile和HTML5开发框架PhoneGap结合;
第16个主题:本地存储
第17个主题:离线应用程序
17.1 离线web应用程序
17.2 新增的本地缓存
17.3 本地缓存与浏览器网页缓存的区别
17.4 manifest文件
17.5 浏览器与服务器的交互过程
17.6 applicationcache对象
17.7 swapcache方法
17.8 applicationcache对象的事件
第18个主题:通信API
18.1 跨文档消息传输
18.2 跨文档消息传输示例
18.3 web sockets通信
18.4 使用web sockets api
18.5 web sockets api使用示例
18.6 发送对象
第19个主题: 使用web workers处理线程
第20个主题:获取地理位置信息
20.1 geolocation api的基本知识
20.2 取得当前地理位置
20.3 持续监视当前地理位置的信息
20.4停止获取当前用户的地理位置信息
20.5 position对象
20.6在页面上使用google地图 |