端海教育集团
上海:021-51875830 北京:010-51292078
西安:029-86699670 南京:4008699035
成都:4008699035 武汉:027-50767718
广州:4008699035 深圳:4008699035
沈阳:024-31298103 石家庄:4008699035☆
全国统一报名免费电话：4008699035 微信：shuhaipeixun或15921673576 QQ:1299983702
首页 课程表 报名 在线聊 讲师 品牌 QQ聊 活动 就业

HTML5培训班
   课程背景
HTML 指的是超文本标记语言 (Hyper Text Markup Language)，标记语言是一套标记标签 (markup tag)，HTML 使用标记标签来描述网页。HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。HTML5被推广用于Web平台游戏开发，及手机移动领域，国内，腾讯手机QQ浏览器、WEBQQ、QQLive，手机新浪，优酷视频等都在支持HTML5。从市场来看，无论是桌面应用还是移动应用，HTML5都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。
   培训特色
课程中通过讲师由浅入深的逐步讲解、操作使学员们轻松掌握HTML 5中的文件，HTML 5的视频与音频，HTML 绘画基础，HTML 5中的数据存储，及其它应用API。
   课程目标

从前端开发的基础出发，学习使用HTML，CSS，JavaScript等一系列前端技术，实现动画特效。以开发实例展示为主导，循序渐进让学员掌握HTML5技术的应用。强化学员基础，尤其是要针对JavaScpript基础的强化从而掌握HTML5新功能API。 构建开放的教学环境，鼓励相互的技术交流，让学员树立良好的持续学习态度，分享最新前端技术革新和理念。为学员在这一领域能有进一步的发展和造诣提供帮助和机遇。


通过培训您将学到

HTML5中所有重要元素的关键用法和最佳实践；

HTML中的DOM操作；

视频、音频、canvas等媒体技术；

地理API、Web存储、离线应用及新的拖放功能。
   入学要求

       要求大学专科以上学历；
   班级规模及环境--热线:4008699035 手机:15921673576( 微信同号)
       坚持小班授课，为保证培训效果，增加互动环节，每期人数限3到5人。
   开课时间和上课地点

          上课地点：【上海】：同济大学(沪西)/新城金郡商务楼(11号线白银路站) 【深圳分部】：电影大厦(地铁一号线大剧院站)/深圳大学成教院 【北京分部】：北京中山学院/福鑫大楼 【南京分部】：金港大厦(和燕路) 【武汉分部】：佳源大厦（高新二路） 【成都分部】：领馆区1号（中和大道） 【沈阳分部】：沈阳理工大学/六宅臻品 【郑州分部】：郑州大学/锦华大厦 【石家庄分部】：河北科技大学/瑞景大厦 【广州分部】：广粮大厦 【西安分部】：云峰大厦
          最近开课时间(周末班/连续班/晚班）：HTML5开课：2024年12月30日　

　　　　本课程每期班限额5名，报满即停止报名，请提前在线或电话预约
  实验设备


        ◆课时：咨询在线客服
        ◆团体报名优惠措施：两人95折优惠，三人或三人以上9折优惠 。注意：在读学生凭学生证，即使一个人也优惠500元。
        
        ☆注重质量
        ☆边讲边练
        ☆合格学员免费推荐工作

        ☆合格学员免费颁发相关工程师等资格证书，提升您的职业资质

        专注高端培训15年，端海提供的证书得到本行业的广泛认可，学员的能力
        得到大家的认同，受到用人单位的广泛赞誉。

        ★实验设备请点击这儿查看★

　  课程大纲 --HTML5培训班
 
第一阶段
  • 1、Html5 标签（Html Markup）

    Html 基本标签

    Html5视频 Video

    Html5音频 Audio

    Html 画布 Canvas

  • 2、Html5 表单（Html Form）

    Html5 输入类型

    Html5 表单元素

    Html5 表单属性

  • 3、Html5属性

    Html 标准属性（如dir，id，style，title，etc…）

    Html5全局属性（如accesskey，class，subject，item，hidden，
    etc…）

  • 4、Html5事件

    全局事件

    Windows事件

    表单事件

    鼠标事件

    键盘事件

    媒介事件

  • 5、Html5 离线应用 Html5 Offline Application

    Application Cache技术

    Application cache manifest syntax

    下载更新Cache

    改成在线模式
第二阶段 Html5 Web Application API（扩展技术）
  • 1、Html5 XMLHttpRequest

    可以提供不重新加载页面的情况下更新网页

    提供对Http协议的访问

    XMLHttpRequest和 Ajax

  • 2、Html5 Web Sockets

    Web Socket API的使用

    服务器端的Web Sockets

    Fallback 解决方案

  • 3、Html5 Web Works

    消息传递

    错误处理

    停止Works

    载入执行外部脚本

    Works安全性

  • 4、Html5 Geolocation

    概述

    Geolocation API

    Geolocation Handler

    发展和争论

  • 5、Html5 Web存储

    Jason(JavaScript Object Notation)

    Web DataBase

    Data Base APIs

    6、 HTML5页面的特征

    1） 应用全新的HTML5元素结构化元素

    2） 使用CSS文件美化页面元素

    3） HTML 5 与HTML 4的区别

    7、 多媒体元素基本属性

    1） 元素格式

    2） width与height属性

    3） controls 属性

    4） poster属性

    5） networkState 属性

    8、 多媒体元素常用方法

    1） 媒体播放时的方法

    2） canPlayType 方法

    9、 画布的基础知识

    1） Canvas元素的基本用法

    2） Canvas元素绘制矩形

    3） Canvas元素渐变矩形

    10、 画布中的图像

    1） 绘制图像

    2） 平铺图像

    3） 切割图像

    4） 处理像素

    10、 画布的其他应用

    1） 绘制文字

    2） 保存与还原及输出图形

    3） 制作简单动画

    11、 Web Storage的基本概念

    1） sessionStorage对象

    2） localStorage对象

    3） 清空localStorage数据
第三阶段 典型应用
  • 1、Html5 与 Html
  • 2、Html5 与 CSS
  • 3、Html5 与 DOM

    4、 Web Storage API

    1） 遍历localStorage数据

    2） 使用 JSON对象存取数据

    3） 管理localStorage数据

    5、 Web Sockets API

    1） postMessage方法

    2） 使用WebSocket 传送数据

    3） 使用WebSocket 传送JSON对象

    6、 Web Workers API

    1） Worker对象处理线程的简单示例

    2） 使用线程传递JSON对象

    3） 多线程处理数据的方法
第四阶段 高级应用
  • 1、Dom(Document Object Model)

    Dom是Document Object Model文档对象模型的缩写，DOM解决了Netscape的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

  • 2、Mouse & Key

    鼠标和键盘事件

  • 3、Canvas

    画布，HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
    画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

  • 4、Ajax

    AJAX即“Asynchronous JavaScript and XML”（异步JavaScript和XML），AJAX并非缩写词，而是由Jesse James Gaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。

  • 5、jQuery

    jQuery是继prototype之后又一个优秀的Javascript框架。它是轻量级的JS库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器。