5分钟完成一个网页，老板都惊呆了！快来看鸭！附带一路走来辛酸史

好长一段时间没写点东西了，最近稍微有点时间，所以今天就顺势来1发建站相关的分享。今天分享的是，能帮你快速完成一个静态网页的小工具，并附带这一开发工具从无到有的辛酸史。

可能很多小伙伴会认为静态页面好像没啥用，其实并不会，静态页面也有挺多的运用场景，由于静态页面无需与后端数据交互，客户端可以直接获取到所需要的内容，性能更好，对SEO更加友好，所以静态页面通常被运用在内容更新周期长的企业网站、商品介绍、FAQ、外贸网站等等。

说完静态页面的运用，那静态页面写起来会不会麻烦呢？开发成本高吗？其实，纯手写开发静态页面是个繁琐又费时的事情，不仅需要遵从设计规格，还得根据布局、风格、响应式等要求做实时调整。再加上各个浏览器的兼容处理，可以说写网页就是件繁琐又累的活。

但回过头来仔细想一想页面开发的过程，不难发现，一个普通页面的书写耗时主要发生在还原设计稿过程中处理无规则、不规范的设计规格参数。另外一部分是响应式的实施，以及浏览器兼容处理。

那么有没有办法可以缩短这部分开发时间呢？方法当然是有的，最常见的就是在项目中引入一些成熟稳定的UI库，帮助我们做页面开发，例如往项目中引用Bootstrap等。利用Bootstrap把项目往规范化、模块化的方向推进，这样页面写起来就轻松了许多。

但今天分享的并不是哪个UI库，因为引用库最终还是需要我们手写代码完成页面。除了引用这些库以外，我们还可以利用一些基于标准库的开发工具，例如：网页构建器。

其实网页构建器这个想法最初是在2013年萌生的，当时是希望通过可视化的方式生成页面布局，这部分能缩短很大一部分工期。当时有看到一些Bootstrap的布局工具，感觉这已经和我内心需求相匹配了就没再深究。

到了2017年底，想法又变了，感觉生成布局还不够，于是经过一番调研，推出了第一版网页构建器。主体框架已支持可视化页面设计、响应式、HTML导出、离线开发、修改记录本地存储等功能。并且已经支持页面模块维护、图片库维护、页面元素属性设定等，也就是说，主体起来之后，我们只需要维护页面模块便可以让工具丰富起来，嗯，这很符合我的预期。理想总是那么丰满。

想法有了，接下来就是实施阶段了，第一版的构建器长这样：

预览地址（桌面端）

https://htmlpage.cn

左边是页面组件工具栏，从上往下依次是：页面头部、页面内容、 页面底部。中间部分是页面编辑区，右侧是属性设置栏。工具免费使用。

但上线一段时间后发现，问题好多！不是bug多哈，是整个产品从主旨规划上就一直很模糊，包括面对的用户群体，通用性等等问题。于是在这个基础上，又衍生出了另外一个版本，更加简洁，更容易操作，并作为对比版本上线，依然没有如何功能限制，并且免费使用。

预览链接（桌面端）

https://htmlpage.cn

这一版上线后陆续接到一些全国各地用户的电话，惊喜又意外。不过电话内容基本是询问一些关于编辑器的问题，为此我花了2-3周的时间写了一整套操作手册。

查看手册

https://lapus.cn/builder/doc/

目前为止，提问的用户少了，但构建器的用户访问量依旧很低，又陷入了另一个深坑，用户从哪里来？所以打算爬上来分享一下，如果小伙伴们想找页面生成工具，不妨可以试试我这个，免费的，源码可导出，无混淆无加密，特别良心。

下面是一段构建器操作演示视频，感兴趣的同学可以瞧一瞧：

https://htmlpage.cn/

最后，如果你喜欢这个小工具，请帮忙分享给身边有需要的人哈！可视化创建网页，无需手写代码，基于页面模块的自由组合，完成一个页面真的只需要5分钟，关键还免费！无需登录即可使用。