html5入门课程2

《html5入门课程2》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、HTML5入门课程2021/6/30演示：演示：Page1讲师介绍宋涛做软件开发11年现在是一名兼职讲师也是项目经理和资深程序员做公司管理有很多年的经验QQ号：64955834Page2目录一什么是HTML5二HTML5新特性和应用三HTML5目前的应用局限四开放讨论：HTML5适合应用于哪些项目？Page3一什么是HTML5Page41HTML历史Page52什么是HTML5官方概念：HTML5草案的前身名为WebApplications1.0，是HTML4的更新加强版本。它增加了新的标签和属性，强化了网页的标准、语义化、图像表达能力和交互效果。广义概念：HTML5

2、代表浏览器端技术的一个发展阶段。在这个阶段，浏览器呈现技术得到了一个飞跃发展和广泛支持，这些技术包括：HTML5，DOM3，CSS3，JSAPI，SVG，WebGL（3D）等减少互联网富应用对Flash、Silverlight、JavaFX等的依赖，并提供更多有效增强网络应用的API后面我们描述的HTML5就是基于广义来讲述Page63从事岗位设计师-需要熟悉交互设计和视觉设计，掌握Html5+CSS3+JS最佳；可从事产品设计、视觉设计和交互设计相关职位；程序员-需要熟悉Html5、CSS3、Javascript等Web前端开发技术，了解DOM、XML、JSON等相

3、关技术，了解常见的JS开发框架。可从事前端工程师。求职途径:人才招聘网（chinahr,zhaopin,51job），微博，专业社区（威锋,机锋,CSDN,QQ群）薪水待遇5k-20k/m，猎头职位25-30K/mPage74职业寿命二HTML5新特性和应用Page9HTML5新特性媒体支持：Video和Audio画布元素-Canvas以及WebGL视频加速增强的表单Form更炫的平面动画-CSS3页面渲染及CSS33D矢量支持-SVGHTML5的图形机制比较-SVGvsCanvas本地数据库-离线应用-本地储存原生的拖拽后台异步化

4、双向信息传输

5、桌面提醒

6、地理位置定

7、位其他HTML5特性..Page10媒体支持Video/Audio/webRTCPage11AudioVideo&WebRTC

8、强制使用Flash播放。Page13演示：一个免费的HTML5音频、视频播放器，在所有的浏览器中提供统一的UI。Page14画布元素-Canvas以及WebGL视频加速Page15CanvasAPIcanvas，HTML5最期待元素之一，可以通过脚本可以任意创建图形，编辑图形，导入图片，导出图片。其中分2D与3D：2DcontextAPI：基本线条、路径、插入图像、像素级操作、文字、阴影、颜色渐变等提供图形绘制功能。3DcontextAPI（WebGL）：WebGl定义了

9、一套API,能够允许在网页中使用类似于OpenGL，实际上是一套基于OpenGLES2.0的3d图形API。这些API是通过HTML5的canvas标签来使用的。Page16演示：演示：Html5策略型网页游戏《三国时代OL》Page18三国时代OL：采用了哪些HTML5canvas,applicationcache,localstorage,audio结合JS+CSS3+DIVcss3animation,divtransform第三方APIJQuery1.6,JQueryMobile，JQuerytmpl跨平台iphone，android，Pad，PC浏览器自带，U

10、C，QQ，fireforx，opera等Page19WebGLWater增强的表单FormPage21新的Form元素HTML5的表单定义了十几个新的元素和特性，这些新增元素可以代码更为易用、简洁和高效。这些新的东西包括：1新元素：Email、Number、Range，colorpicker等2新属性：placeholder、pattern、required、autofocus、multiple等特性3新样式：新的伪类样式，比如:focus,:required,:valid等4新的输入方式-语音输入：x-webkit-speech可以让标签接受语音并