1、WebStorm WebStorm是一款Java开发工具，目前已经被广大中国JS开发者誉为\Web前端开发神器\、\最强大的HTML5编辑器\、\最智能的JavaIDE\等。
网站制作、成都网站建设,成都做网站公司-创新互联已向超过千家企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。
2、在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发SenchaTouch2和ExtJS4JavaScript应用，并实时预览。
3、LimeJS是一个HTML5游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。
4、WebStorm WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。
5、Google Web Designer Google Web Designer是谷歌是专门为设计者打造的的可视化HTML5设计开发工具。它提供了所见即所得的设计环境，包含设计视图和代码视图，还能制作Banner广告动画，功能丰富且强大。
本文总结了HTML5带来的15项你必须知道的新特性。
HTML5新特性如下：脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。音频和视频可以自由嵌入，多媒体形式更加灵活。地理位置。
语义特性（Class：Semantic）HTML5赋予网页更好的意义和结构。简单来说就是程序猿更方便跟浏览器沟通。
如：color，url，date等这些新特性提供了更好的输入控制和验证。新增表单元素，如：output，用于用于不同类型的输出，比如计算或脚本输出。新增表单属性，如：placehoder 属性，简短的提示在用户输入值前会显示在输入域上。
首先在电脑中安装H5的制作软件，以WPS为例，点击打开WPSH5软件。进入H5的制作页面后可以选择一种模板作为制作的基础样式。点击需要的模板后点击其右侧的“立即使用”按钮。
在图像软件中设计网页效果图，总体可以分为7个步骤：（1）、创建画布，添加辅助线来布局；（2）、绘制结构底图；（3）、添加内容，包括图像和文字；（4）、切片；（5）、优化；（6）、导出；（7）、布局。
首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
，可以直接新建一个.html结尾的文件，也可以打开编辑器之后，在里面新建一个文件，然后保存为.html结尾的，结果都一样。2，然后选择使用某种编辑器来打开它，如使用Notepad++编辑器来编辑它。
完整的H5页面的制作流程为：策划案——原型图——文案拟定——视觉设计——动画设计——音效编辑——代码或工具实现——上线 这是一种比较理想的作业流程，一般到了一定规模的制作公司会采用这种方式。