HTML5技术

HTML5学习笔记

字号+ 作者:H5之家 来源:H5之家 2015-09-08 18:08 我要评论( )

HTML5学习笔记_安无蛋_新浪博客,安无蛋,

其实最近花在HTML5上的时间并不多。工作很忙,项目在全力推进中,只好把这个当成晚间催眠,或者脑筋疲惫时的休息。还是得感谢互联网,上面关于HTML5的资料比比皆是,就怕没时间看,不怕没得看。


我常去HTML51.com这个网站,从他们搞的《揭秘HTML5和CSS3》这个PPT看起,然后又不求甚解地读了技术专栏作家Mark Pilgrim大神的《Dive Into HTML5》,从而获得了一个大概的认识。对于俺这样一个能够用记事本编网页的达人来说,这个会很难么?当然不会。可是,互联网上各方关于HTML5云山雾罩的新闻资讯,神马各大公司自行其是,标准阵营有分裂的危险神马的,呃,我有那么一点点小担忧。其实大可不必,哪个时代没有捣蛋分子呀!


我花时间最多的,还是寻找称手的WYSIWYG可视化HTML5编辑工具。我试过的工具如下:


1, Aptana免费版。

这是个开源的、强大的开源IDE,有收费的版本。原来好象是写ajax专用的,现在增加了html5和css3方面的功能。自动提示、代码检查功能都不错,界面也很人性化。可是,这是专门给那些生活枯燥只懂得跟一串代码大眼瞪小眼没神马情趣的程序员宅男准备滴,我对之无爱。


2,Maqetta。

刚从网上看到这个工具的来龙去脉,IBM公司的形象在我心目中又高大了好些。这原本是他们开发的,完成后,就捐给了Dojo开源基金会。这工具本身就是用HTML5和CSS3开发完成的,所以呢,只能在Safari、Chrome及IE9有限的几种浏览器上使用。本身做得挺俏皮的,界面讨巧,可以拖拉操作,支持桌面和移动用户界面。

把这东西下载下来,在Win7上使用就有点麻烦了,因为还要架本地服务器。理念也与一般的开发工具不一样,需要注册,使用时每次都要登录。

总之挺遗憾的,实用性不是很强,还需要更多开源大神的推进~


3,Dreamweaver CS5。

找来找去,又回到了Adobe温暖的怀里,想起用Dreamweaver为各式老板织梦的岁月。要用CS5早点儿的版本的话,得去下载补丁包; 要新的CS5版本,HTML5的编码支持就是自带的了。总之用着还是顺手啊,同时也更感html5的强大。光说下圆角矩形背景的制作吧,html4时做起来烦得要命,但在这里,半行代码啊~


我找了个取巧的办法,把Apple的html5演示()中那个Gallery的代码全部扒将下来,认真研习,然后也可以做出比较炫的HTML 5相册了。我本来想给自己鼓掌的,但又怕被某些人笑话胸无大志,哈哈。


下一步,就是学习WebAPP的封装办法,把WebAPP如何封装成ipa。然后想把咱5年来拍的照片挑几张过得去的,做成ipa,这样就可以放iPhone和iPad上面给人显摆咯~当然,主要目标还是为了掌握HTML5这个新兴的技术~

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评