教育html5网页游戏.pptx

北京传智播客教育HTML5网页游戏-坦克大战讲师：韩顺平

主讲韩顺平介绍朋友们玩过HTML5版本的坦克大战吗?HTML5横空出世，开始了RIA新的革命，直接导致Flex“易主”，Silverlight被“雪藏”，目前绝大多数智能手机浏览器均支持HTML5，基于HTML5的网站也如雨后春笋般出现。带大家完成HTML5版的坦克大战,融入了大量的OOP编程思想。学习完后，你完全有能力编写出属于自己的个性化的游戏(比如贪吃蛇、俄罗斯方块、采蘑菇等)。您需要有:html4javascriptb/s开发的基础|简单演示坦克大战

主讲韩顺平学习HTML5的理由①工作需要②HTML5将成为未来WEB技术标准

主讲韩顺平HTML5发展简史HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup（Web超文本应用技术工作组-WHATWG）的组织。WHATWG致力于Web表单和应用程序，而W3C（WorldWideWebConsortium，万维网联盟）专注于XHTML2.0。在2006年，双方决定进行合作，来创建一个新版本的HTML。HTML5[1]草案的前身名为WebApplications1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。HTML5的第一份正式草案已于2008年1月22日公布。HTML5仍处于完善之中。然而，大部分现代浏览器已经具备了某些HTML5支持。

主讲韩顺平HTML5优秀的学习网站

主讲韩顺平HTML5是什么和快速体验案例HTML5约等于HTML+CSS3+JAVASCRIPTAPI支持HTML5的浏览器有:目前Firefox、Chrom、Opera、Safari（版本4以上）、InternetExplorer9。你必须使用这些浏览器，才能浏览HTML5页面

主讲韩顺平HTML5是什么和快速体验案例支HTML5相对于前几版新增功能:1.增加canvas标签2.增加header和footer标签3.增加音频和视频嵌入功能video和audio4.增加离线存储功能.

主讲韩顺平HTML5是什么和快速体验案例支HTML5相对于前几版新增功能:5.高级应用体验案例语言识别:图像识别:html5游戏:

主讲韩顺平HTML5是什么和快速体验案例支HTML5相对于前几版新增功能:5.支持更加强大的css3(参考页面)

主讲韩顺平HTML5是什么和快速体验案例支HTML5相对于前几版新增功能:5.支持更加强大的css3

主讲韩顺平HTML5是什么和快速体验案例支HTML5相对于前几版新增功能:6.增加拖放，跨文档消息，浏览器历史管理等7.增强各大浏览器的兼容性.

主讲韩顺平HTML5不在支持的标签HTML5在引入新标签的同时，废弃了不少常见元素，大抵分为如下几类。第一类：表现性元素basefont/big/center/font/s/strike/tt/u建议用语义正确的元素代替他们，并使用CSS来确保渲染后的效果第二类：框架类元素因框架有很多可用性及可访问性问题，HTML5规范将以下元素移除。frame/frameset/noframes，但html5支持iframe。

主讲韩顺平HTML5不在支持的标签第三类:属性类很多表现性的属性也被新规范移除，如下：align/body标签上的link、vlink、alink、text属性/bgcolor/height和widthiframe元素上的scrolling属性/valign/hspace和vspacetable标签上的cellpadding、cellspacing和border属性header标签上的profile属性img和iframe元素的longdesc属性第四类：其他abbr取代acronym（用于表示缩写）object取代了appletul取代了dir

主讲韩顺平HTML5坦克大战游戏■游戏演示普通版改进版改进版豪华版

主讲韩顺平HTML5坦克大战游戏■为什么选择这个项目 ①好玩 ②涉及到html和js多方面的技术 1.javascript面向对象编程2.界面编程3.绘图技术 4.多个独立定时器协同工作(java:多线程) 5.网页游戏的编程思想 ③充分体验html