人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。

自从用H5做出的微场景风靡朋友圈，各类H5页面制作工具层出不穷。有了精美的H5展示，微信等新媒体更进一步地成为了企业营销的战场。吸引用户，留住用户，增加粉丝，都可以通过制作精美的H5微场景来实现。下面就由小编我来为大家一一介绍四大最好用的H5页面制作工具!

微页

微页是由咫尺网络开发的一款新产品，上线之后短时间内已经激增了数十万粉丝。其优势就在于页面简洁明了，操作简单。

• 易上手度：★★★★★
• 基础功能：★★★★★
• 高级功能：★★★★★
• 模板数量：★★★★
• 模板精美程度：★★★★
• 付费服务性价比：★★★★★
• H5新媒体传播：有
• 总评：★★★★★

体验地址：www.weiye.me

推荐用户：企业用户以及设计师，小白也能愉快地使用。

微页，拥有目前H5制作工具里，最丰富的功能组件，各种强大的功能可以组成交互丰富的H5场景。另外，微页平台其数量众多，制作精美的海量模板，小白用户也可轻松完成酷炫的H5页面制作。

易企秀

易企秀是比较早期发展起来的H5页面制作工具，所以功能上还是比较齐全的。由于起步较早，易企秀俨然是目前国内市面上使用最频繁的H5微场景制作工具。不过由于适配的原因，做出来在手机上观看两边会有留白。解决方法是将图片变成背景，这也是比较麻烦的地方。易企秀也有APP版，但是由于涉及很多复杂的操作，所以使用起来有点麻烦，效果不佳。在移动端制作这一块，易企秀还有待改进。

• 易上手度：★★★★★
• 基础功能：★★★★★
• 高级功能：★★★
• 模板数量：★★★★
• 模板精美程度：★★
• 付费服务性价比：★★★★
• H5新媒体传播：无
• 总评：★★★★

体验地址：http://eqxiu.com

推荐用户：贪懒的小白用户。

兔展

兔展也是发展的比较成熟一款产品，一开始是本着“免费、自由、简单”的理念发展的，不过慢慢发展壮大后，有许多功能是VIP才能使用的，比如说特效或者更精密的模板之类的。兔展的使用页面十分清新，不过预览页面比较小。

• 易上手度：★★★★
• 基础功能：★★★★★
• 高级功能：★★★
• 模板数量：★★★
• 模板精美程度：★★★
• 付费服务性价比：★★
• H5新媒体传播：有
• 总评：★★★★

体验地址：http://www.rabbitpre.com

推荐用户：综合性比较强的用户，可设计可推广。

MAKA

MAKA口号是简单、强大的HTML5创作工具。在不同的HTML5编辑工具中，编辑的对象名字是不同的，在MAKA中则称为项目，新建项目之后将会出现下面的编辑页面。MAKA的劣势可能在于它的模板比较少，并且预览页面也比较小，看起来比较费劲。MAKA的风格就像它的标语一般：简单。

• 易上手度：★★★★
• 基础功能：★★★★
• 高级功能：★★★
• 模板数量：★★
• 模板精美程度：★★★
• 付费账号性价比：★★★
• H5新媒体传播：无
• 总评：★★★

体验地址：http://www.maka.im/home/index.html

推荐用户：中高阶设计师。

总结：

上述四大平台都是优秀的H5页面制作平台，都采用了基础功能永久免费，高级功能按需付费的方式，能满足绝大多数企业日常的H5营销需求。其中，在模板数量方面，微页与易企秀都比较丰富，VIP付费账号性价比最高的是兔展，设计感最强的是MAKA，功能最丰富的是 微页 。

在这些工具出现之前，做一些H5特效的动态页面，需要专业技术团队和设计师耗时几周才能完成。现在通过这四大H5页面制作工具，你几分钟就能免费创作自己的H5页面。赶紧动手尝试一下，做出属于自己的专属H5微场景吧。

本文由 @cjl695 原创发布于人人都是产品经理 ，未经许可，禁止转载。

页设计是把颜色、图片和字体等等要素进行组合调整，达到网页页面美化的目的，在给用户带来完美的视觉体验的同时，也为用户提供更好的使用体验。因此，网页设计需要考虑的设计因素有很多，绝不仅仅只是为了美观。本文千锋武汉Web前端培训小编将推荐十款好用的HTML生成工具，帮助大家更高效率的完成网页设计。

1、Bootstrap Studio

这是一款桌面应用程序，旨在帮助web开发人员和设计人员创建一个相应迅速的网页。一般是用Bootstrap Studio来架构、设计页面效果图和最初的修饰，然后几乎不用导出功能，而是直接在单元上右键，复制html。可以说Bootstrap Studio是在Chrome浏览器代码和 Node.js 基础之上重组和整理出的一套很规范的基于Bootstrap框架的网页前端设计工具。

2、Template Stash

这款软件几乎集合了所有类型网页的模板，你可以通过关键词检索来找到你想要的主题风格。可以说Template Stash 是一个提供高品质，完全免费的响应式网页模板，帮助设计师们找到完美的响应式网站主题或模版，根据网站分类来提高不同的模版样式，所有的模版都是来源于Kickstart项目。

3、Carrd

这款软件是免费的，可以帮助初学者制作一个简单、响应快捷的网页，只要几个简单步骤就能快速设计出美观特色的响应式网站。

4、Bubble

Bubble的优势在于使用者不用掌握任何编程技巧就可以制作网页，它独特的拖拉界面可以让使用者在网页上添加视频、地图、音频等等功能。

5、Tilda Publishing

这款软件可以帮助使用者制作一个内容导向型的网页，这款软件非常适合那些喜欢设计博客页面的人。Tilda Publishing的最大优势在于可以会将不同内容形态切割成blocks，如果把网站想象成堆积木，内容就好比一块块不同花色的积木，利用拖拽方式进行排列组合，网站设计更加独特，操作上也更加简单。

6、XPRS

如果你曾经因为设计网页太过复杂和繁琐而感到沮丧，那么这款软件无疑是你的福音。这款软件会提供一个非常简单的编辑环境，让网页设计变得非常简单，因此对于新手小白来讲吗，是一款十分好用的HTML生成工具。

7、Hype 3.0

这款软件可以帮助你让网页的内容“动”起来，使用者可以设计每一帧动画并且进行排序，也可以手动添加或者删除动画效果，如果你想让自己的网页更加生动，那么这款软件绝对是你的首选。这是一款强大的Mac OS平台HTML5创作工具，它可以在网页上做出赏心悦目的动画效果，无需 Flash 插件。更重要的是这款强的html5开发工具竟然还有中文版！现在你几乎不需要任何的编码知识，只需要简单的拖拽就可以制作出好玩的动画，基于时间轴的制作方式非常的方便，最新的3.0版本具有全新的 UI和24 种全新的定时功能等新功能，非常强大！

8、OnePager

Onepager 是一个提供使用者建置小型网站网站的网络服务，透过视觉化的操作介面，无须下载、安装任何软体，也不用苦苦寻找虚拟主机，只要申请帐户，就能够快速建立自己公司的网站。作为一款好用的HTML生成工具，它可以帮助使用者快速编辑所有类型的网页。使用者可以轻松建立一个响应迅速的网站，这款软件内置的预设系统使得网页的一切都是可定制的，使用者甚至可以自己设计网页的主题风格。总之，Onepaper 让制作网页变得非常简单。内建多种佈景主题可以切换、使用，你甚至不用具备网页设计的知识，直接透过线上工具就能变更设计。

9、Grav

Grav是一个简单可扩展的CMS平台。因为是纯文件系统，所以它无需安装，并且它有着完善的后台界面和完整的官方文档。又因为可扩展型号，可以通过有插件控制几乎每个环节。不过这也是一款较为复杂的HTML生成工具，需要使用者掌握一些编程的技巧。

10、HTML to WordPress

这个软件可以将静态的HTML网站转换成WordPress，如果你想转换你的网站格式，这款软件将帮助你节省大量的时间，因此推荐大家使用。

以上就是千锋武汉Web前端培训小编推荐的十款好用的HTML生成工具，大家都用过了吗？如果你现在还在寻找一款HTML生成工具，不妨试试以上的推荐工具，相信总有一款适合你。关注“武汉千锋”微信公众号，会定期为大家分享最新Web前端发展趋势、学习资料，助力大家学好Web前端。