技术开发 频道

如何在IE9中开发HTML5网络应用

  【IT168专稿】一年一度的IT技术盛典——微软Tech·Ed2010大会将于2010年12月1日正式开幕。为了更好地为网友和读者报道今年的大会,我们IT168前方的记者在Tech·Ed开幕前来到了位于北京国家会议中心的会场,为读者带来第一时间的报道。

2010微软teched大会 不可或缺的盛宴

  微软TechEd2010大会现场报道 12月1日-3日北京国家会议中心 —IT168直播专题

  在IE9中创建高性能的HTML5网络应用已经成为了web开发者最为关注的事情,在本次课程上,演讲嘉宾Giorgio Sardo先生表示:HTML5 是Web的未来,HTML5 不仅仅是一个市场信息,HTML5目前 还没有完成,HTML5 很庞大:测试的时间很漫长,HTML5 需要被正确的使用。


▲Giorgio Sardo

        Giorgio Sardo先生现场演示了一个非常棒的应用,一开始画面上出现的是一张白纸,纸的旁边摆放着一个笔筒,内部放置着各个型号的毛笔,有个人在旁边表演类似研磨的动作,接着墨就研好了。动画中的这个人就拿起笔然后翻开一个字帖,紧接着在画面上就出现了一个毛笔,你可以操控这个毛笔书写字帖上的汉子。这对于那些爱好汉字的朋友来说,就省下自己买字帖的钱和时间了。


▲HTML5概览

     据演讲嘉宾介绍,这个应用用HTML5实现起来非常简单,就简单的几行代码。不过可惜的是,由于嘉宾的演示速度比较快,代码我没有当场记录下来。


▲W3CHTML5

  另外一个演示就是,我们把一个页面实例导入到开发工具中,然后点击页面的相应部位就可以直接显示代码,开发人员可以很迅速的进行修改,已达到自己想要的效果。我虽然没有做过HTML开发,但是对于这个可视化的开发我还是很感兴趣的,因为除了自己不用搭建代码模块之外,还能及时的看到自己的效果,同时也很方便的找到自己想要修改的地方,或许这就是HTML5给大家带来的新的开发体验吧。


▲SVG 1.1

  在会场中,嘉宾提到,在之前IE6上很难开发Video的全屏效果,但是现在开发这种效果同样非常的简单,只需要几行代码进行初始化工作,然后有几个关键的函数addListenr(),addEventLister()。


▲CSS 3

        同时开发者还可以使用内部的一些Bar和按钮,加快自己的开发速度。如果要对视频动画进行旋转的话调用rotate()方法。还有一点值得注意的是,大家可以使用开发工具中的一些代码模块,把这些模块布局好了之后就可以按照自己的方式添加一些方法实现自己的功能,极大的简化了开发的难度。

0
相关文章