2Dreamweaver Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码拆分设计实时视图等多种方式来创作编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

目前真正意义上免费的H5制作网站，只有应用之星，不仅功能免费，而且模板也是免费，另外提供了很多制作教程，整个H5页面的制作过程都相当简单，完全不需要编程基础你可以去试试。

不敢说是每个工具的深度使用者，起码平时可以利用起来，在不用代码的情况下，使用这些工具确实达到了省时省力的效果开始答楼主 HTML5页面制作工具，大体分为两类基于HTML5的网站工具和手机APP工具当然还有一。

第六现在我们继续介绍Sencha，这款工具的主要定位是HTML5的可视化开发研究，一般来说开发团队可以在一个任务，然后做一个集成的环境，然后在这个环境中完成应用的设计和开发，以及需要的部署第七我们来介绍一下。

H5是html5的缩写，是万维网的核心语言标准通用标记语言下的一个应用超文本标记语言HTML的第五次重大修改制作H5页面的方法1首先在电脑中安装H5的制作软件，以WPS为例，点击打开WPSH5软件2进入H5的制作页面后可以。

对于初学者来说，一个简单的平台可以直接操作，注册申请个账号 进入后出现的页面如下，顶部有很多分类，右侧还有一个点击创建空白场景，新手不建议自己创建空白的，建议选择一个行业或者品牌产品的模板 下面就是选择你需要的分类。

2手机工具APP相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷但是拘泥于现有的模板，使得单页面不会有较大的可操作空间，从而无法实现DIY交互效果下面展开说下每个使用过的工具吧 基于HTML5的工具网站。

5 Google Web Designer Google Web Designer是谷歌是专门为设计者打造的的可视化HTML5设计开发工具它提供了所见即所得的设计环境，包含设计视图和代码视图，还能制作Banner广告动画，功能丰富且强大6 Weebly Weebly是一款HTML。

基于HTML5的工具网站兔展优点页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面缺点屏幕界面大小不可调节，上传的图会比例失调生成后到各尺寸屏上页面会存在拉伸现象此图意在说明上传的图片的尺寸。