上海:021-51875830 北京:010-51292078
南京:4008699035 西安:029-86699670
武汉:027-50767718 成都:4008699035
深圳:4008699035 广州:4008699035

课程表 联系我 在线聊 报名 付款 我们 QQ聊 切换宽屏

      HTML5高级开发及游戏开发班

   班级规模及环境--热线:4008699035 手机:15921673576( 微信同号)
       坚持小班授课,为保证培训效果,增加互动环节,每期人数限3到5人。注意:本课程一旦开课不予退费。
   时间地点
上课地点:【上海】:同济大学(沪西)/新城金郡商务楼(11号线白银路站) 【深圳分部】:电影大厦(地铁一号线大剧院站)/深圳大学成教院 【北京分部】:北京中山学院/福鑫大楼 【南京分部】:金港大厦(和燕路) 【武汉分部】:佳源大厦(高新二路) 【成都分部】:领馆区1号(中和大道) 【沈阳分部】:沈阳理工大学/六宅臻品 【郑州分部】:郑州大学/锦华大厦 【石家庄分部】:河北科技大学/瑞景大厦 【广州分部】:广粮大厦 【西安分部】:协同大厦
最近开课时间(周末班/连续班/晚班):
HTML5:2023年11月13日..(欢迎您垂询,视教育质量为生命!)
   学时和费用
        ★课时: 请咨询在线客服

        ◆外地学员:代理安排食宿(需提前预定)
        ☆注重质量
        ☆边讲边练

        ☆合格学员免费推荐工作

        
        专注高端培训17年,曙海提供的课程得到本行业的广泛认可,学员的能力
        得到大家的认同,受到用人单位的广泛赞誉。

        ★实验设备请点击这儿查看★
   最新优惠
       ◆在读学生凭学生证,可优惠500元。
   质量保障

        1、培训过程中,如有部分内容理解不透或消化不好,可免费在以后培训班中重听;
        2、培训结束后免费提供半年的技术支持,充分保证培训后出效果;
        3、培训合格学员可享受免费推荐就业机会。

   课程大纲:

 HTML5框架开发实战培训(含手机开发)

第一阶段 GPRS基本原理
课程特点:
- 本课程从HTML 5基础的功能讲起,起点低,容易入手和掌握。
- 理论与实例完整结合,每一个概念都精选了一个完整的实例,增强学员动手能力。
- HTML 5知识完整全面,每一块知识点都包含了HTML 5的全部内容和最前沿技术。

课程中要逐一解决的问题
- 学习HTML5全部的新功能。
- 学会如何在Web页面开发中运用HTML5标签开发页面。
- 掌握在页面中使用HTML 5实现视频与音频的显示与功能开发。
- 了解通过HTML5 中的Canvas基本使用功能。
- 理解HTML 5中本地数据存储的方法与技巧。
?
课程内容:
Topic 1?
HTML5简介
1.1? 一个简单的HTML 5页面
1.1.1 搭建浏览环境
1.1.2 使用新的HTML 5结构化元素
1.1.3 编写基础HTML 5代码

1.2 HTML 5页面的特征
1.2.1 应用全新的HTML5元素结构化元素
1.2.2 使用CSS文件美化页面元素
1.2.3 HTML 5 与HTML 4的区别
Topic 2 ?
HTML 5中的文件
2.1.选择文件
2.1.1 选择单个文件
2.1.2 选择多个文件
2.1.3 使用blob对象获取文件的类型与大小

2.2.读取与拖放文件
2.2.1 FileReader 接口
2.2.2 使用FileReader方法预览图片文件
2.2.3 使用FileReader方法读取文本文件
Topic 3?
HTML 5的视频与音频
3.1多媒体元素基本属性??????
3.1.1? 元素格式?????
3.1.2? width与height属性????
3.1.3? controls 属性??????
3.1.4? poster属性???
3.1.5? networkState 属性

3.2多媒体元素常用方法??????
3.2.1? 媒体播放时的方法??????
3.2.2? canPlayType 方法
Topic 4?
HTML 绘画基础
4.1画布的基础知识
4.1.1Canvas元素的基本用法
4.1.2 Canvas元素绘制矩形
4.1.3 Canvas元素渐变矩形

4.2 画布中的图像
4.2.1 绘制图像
4.2.2平铺图像
4.2.3切割图像
4.2.4处理像素

4.3 画布的其他应用
4.3.1 绘制文字
4.3.2 保存与还原及输出图形
4.3.3 制作简单动画
Topic 5?
HTML 5中的数据存储
5.1 Web Storage的基本概念
5.1.1 sessionStorage对象
5.1.2 localStorage对象
5.1.3清空localStorage数据

5.2.Web Storage API
5.2.1遍历localStorage数据
5.2.2使用 JSON对象存取数据
5.2.3 管理localStorage数据
Topic 6 ?
其它应用API
6.1 Web Sockets API
6.1.1 postMessage方法
6.1.2 使用WebSocket 传送数据
6.1.3 使用WebSocket 传送JSON对象

6.2 Web Workers API
6.2.1 Worker对象处理线程的简单示例
6.2.2 使用线程传递JSON对象
6.2.3 多线程处理数据的方法

 

第二阶段 HTML5游戏开发设计
培训目标:
掌握全新的HTML5 Web游戏开发技能

额外的话:
本课程是是HTML5的方向之一Web游戏方面的课程;
HTML5的软硬整合技术和HTML5云开发技术是另外两个非常重要的方向,有需要的话,可以自由选学;
?
培训内容:
第1个主题:HTML5技术和商业思考
1,1 HTML5的目标
1,2 无法拒绝使用HTML5的原因
1,3 可以放心使用HTML5的原因
第2个主题:基本的HTML5模板
2,1 Doctype
2,2 html元素
2.3 head元素
第3个主题:HTML5页面结构
3,1 header元素
3,2 section元素
3.3 article元素
3.4 nav元素
3.5 aside元素
3.6 footer元素
第4个主题:HTML5中游戏开发中的JavaScript(初级)
4.1 JavaScript概述 
4.2 jQuery 
4.2.1 jQuery是什么 
4.2.2 为什么要使用它 
4.2.3 这是在误导你吗 
4.2.4 是否不需要理解纯JavaScript 
4.2.5 如何使用jQuery 
4.3 在HTML页面上添加JavaScript 
4.4 在页面加载之后运行JavaScript 
4.4.1 错误的方法(window.onload事件) 
4.4.2 冗长的方法(DOM) 
4.4.3 简单的方法(jQuery方法) 
4.5 变量与数据类型 
4.5.1 变量 
4.5.2 数据类型 
4.6 条件语句 
4.6.1 if语句 
4.6.2 比较运算符 
4.6.3 在if语句中进行多重布尔值检查 
4.6.4 else和else if语句 
第5个主题:HTML5中游戏开发中的JavaScript(中级)
5.1 函数 
5.1.1 创建函数 
5.1.2 调用函数 
5.2 对象 
5.2.1 什么是对象 
5.2.2 创建和使用对象 
5.3 数组 
5.3.1 创建数组 
5.3.2 访问和修改数组 
5.4 循环 
5.5 定时器 
5.5.1 设置一次性定时器 
5.5.2 取消一次性定时器 
5.5.3 设置重复定时器 
5.5.4 取消重复定时器 
第6个主题:HTML5中游戏开发中的JavaScript(高级)
6.1 DOM 
6.1.1 HTML网页示例 
6.1.2 使用纯JavaScript访问DOM 
6.1.3 使用jQuery访问DOM 
6.1.4 操作DOM 
第7个主题: HTML5中的Canvas
7.1 认识canvas元素 
7.2 2D渲染上下文 
7.2.1 坐标系统 
7.2.2 访问2D渲染上下文 
7.3 绘制基本图形和线条 
7.3.1 线条 
7.3.2 圆形 
7.4 样式 
7.5 绘制文本 
7.6 擦除Canvas 
7.7 使Canvas填满浏览器窗口 
第8个主题: Canvas高级开发
8.1 保存和恢复绘图状态 
8.1.1 画布绘图状态是什么 
8.1.2 保存绘图状态 
8.1.3 恢复绘图状态 
8.1.4 保存和恢复多个绘图状态 
8.2 变形 
8.2.1 平移 
8.2.2 缩放 
8.2.3 旋转 
8.2.4 变换矩阵 
8.3 合成 
8.3.1 全局阿尔法值 
8.3.2 合成操作 
8.4 阴影 
8.5 渐变 
8.6 复杂路径 
8.7 将画布导出为图像
第9个主题:html 5页面中视频和音频
9.1发展历程
9.2 目前状况
9.2.1 视频容器格式
9.2.2 视频编解码器
9.2.3 音频编解码器
9.2.4 当前浏览器使用哪种组合
9.3 标记
9.3.1 启用本机控件
9.3.2 autoplay属性
9.3.3 loop属性
9.3.4 preload属性
9.3.5 poster属性
9.3.6 audio属性
9.3.7 添加对多种视频格式的支持
9.3.8 资源顺序
9.3.9 关于Internet Explorer 6~8
9.3.10 MIME类型
9.4 用于网络的视频文件解码
9.5 创建自定义控件
9.5.1 让我们从一些标记和设计开始
9.5.2 介绍媒体元素API
9.5.3 播放和暂停视频
9.5.4 视频音轨的静音与取消静音
9.5.5 视频结束播放的响应
9.5.6 更新视频播放的时间
9.5.7 媒体元素API的其他一些功能
9.6 关于音频
9.7 可访问的媒体
第10个主题:HTML5中的图像处理
10.1 加载图像 
10.2 调整和裁剪图像 
10.2.1 调整图像大小 
10.2.2 裁剪图像 
10.2.3 阴影 
10.3 图像变形 
10.3.1 平移 
10.3.2 旋转 
10.3.3 缩放与翻转 
10.4 访问像素值 
10.5 从零绘制图像 
10.5.1 随机绘制像素 
10.5.2 创建马赛克效果 
10.6 基本图像效果 
10.6.1 反转颜色 
10.6.2 灰度 
10.6.3 像素化 
第11个主题:制作动画 
11.1 画布中的动画 
11.2 创建动画循环 
11.2.1 循环 
11.2.2 更新、清除、绘制
11.3 记忆要绘制的形状
11.3.1 错误的方法
11.3.2 正确的方法
11.3.3 随机产生形状
11.4 改变方向
11.5 圆周运动
11.5.1 三角函数
11.5.2 综合运用
11.6 反弹 
第12个主题:实现高级动画
12.1 物理常识
12.1.1 什么是物理学
12.1.2 物理学对创建动画有何作用
12.1.3 基本概念 
12.1.4 牛顿运动定律 
12.2 运用物理知识创建动画 
12.2.1 准备工作 
12.2.2 速度 
12.2.3 添加边界 
12.2.4 加速度 
12.2.5 摩擦力 
12.3 碰撞检测 
12.3.1 碰撞检测 
12.3.2 弹开物体 
12.3.3 动量守恒 
第13个主题:注意力游戏 
13.1 思路 
13.2 关键需求 
13.3 HTML5、CSS和JavaScript特性
13.3.1 表示扑克牌 
13.3.2 使用Date 确定时间 
13.3.3 提供暂停 
13.3.4 绘制文本 
13.3.5 绘制多边形 
13.3.6 洗牌 
13.3.7 单击牌的实现 
13.3.8 防止某些作弊行为 
13.4 构建自己的应用 
13.5 测试和上传应用 
第14个主题:小行星游戏 
14.1 游戏概述 
14.2 核心功能 
14.2.1 创建HTML 代码 
14.2.2 美化界面 
14.2.3 编写JavaScript代码 
14.3 创建游戏对象 
14.3.1 创建小行星 
14.3.2 创建玩家使用的火箭 
14.4 检测键盘输入 
14.4.1 键值 
14.4.2 键盘事件 
14.5 让对象运动起来 
14.6 假造横向卷轴效果 
14.6.1 循环利用小行星 
14.6.2 添加边界 
14.6.3 让玩家保持连续移动 
14.7 添加声音 
14.8 结束游戏 
14.8.1 计分系统 
14.8.2 杀死玩家 
14.9 增加游戏难度
第三阶段 企业级RIA技术

课程描述
介绍Web2.0技术和当今流行的RIA(Rich Internet Application)开发技术,以及下一代Web开发技术-HTML5.
以及当今RIA技术在企业及应用中的案例分析

授课对象
对Web开发有一定了解的学员

授课内容:
1.? Web开发简介以及开发趋势
2.? 传统Web开发简介
3.? Web2.0及Ajax开发技术
4.? RIA开发技术介绍
5.?? Flex技术开发
6.?? Dojo技术开发
7.?? Mashup技术应用
8.?? HTML5技术开发
????? - HTML5 Features
????? - New semantic elements
????? - Canvas
????? - Video & Audio
????? - Geolocation
????? - Improvements to HTML web forms
????? - Local storage
????? - Web Workers
9.?? Web离线应用技术
10.? RIA技术在企业及应用中的案例分析