网页设计是把颜色、图片和字体等等要素进行组合调整，达到网页页面美化的目的，在给用户带来完美的视觉体验的同时，也为用户提供更好的使用体验。因此，网页设计需要考虑的设计因素有很多，绝不仅仅只是为了美观。本文千锋武汉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前端。
还在烦恼怎么做一个简单又美观的文档或博客网站吗？VuePress，让你十分钟就能搭建一个静态网站！
Vue.js
简介VuePress，是 vuejs 在 Github 上开源的静态网站生成器，项目仓库位于 ，目前版本为 v1.5.0。VuePress 结合了 Markdown 语法和 Vue.js，可以从 Markdown 文档中直接生成一个静态网站，且可以结合 Vue.js，实现更为美观和强大的自定义主题和功能，满足快速构建如文档和技术博客网站等静态网站。相比于其他项目，VuePress 开箱即用，依赖较少，对 SEO 友好，能有效利用 Vue 处理布局和交互，渲染配置灵活。
VuePress：Vue驱动的静态网站生成器
安装VuePress使用简单，可以使用 yarn 直接安装：
yarn add -D vuepress
也可以使用 npm 安装，
npm install -D vuepress
如果项目依赖 webpack 3.x，推荐使用yarn安装，因为npm会生成错误的依赖树。
示例VuePress使用简单，可以通过命令行生成样板项目：
yarn create vuepress [directoryName]
命令行会提示选择生成的项目类型：文档，或博客。
VuePress类型
然后，命令行会提示输入包括项目名称、描述、作者等的项目信息。依次输入后，VuePress就会生成一个样板项目结构，包括 package.json 和默认的样板内容。要启动项目，首先进行依赖的安装，运行
yarn install
依赖安装完毕后，使用预设的脚本命令
yarn dev
启动项目。等待项目构建完成后，访问 :8080/，就会显示一个默认的静态网站：
VuePress默认网站
VuePress 提供了对 YAML front matter 开箱即用的支持。文档类型的样板项目的 README.md 代码如下：
VuePress Front Matter
使用了 YAML 格式的 Front Matter，定义了包括主页图片、特性标签、脚注等在内的内容，最终渲染得到了我们前面看到的静态页面。
更多支持 Github 风格的表格VuePress表格
支持目录生成VuePress目录生成
支持自定义容器VuePress自定义容器
支持代码块语法高亮……VuePress特性
总结VuePress 由 Vue.js 团队维护，使用简单，开箱即用，在 Vue 的驱动下能够提供用户友好的布局和交互，开发效率高，是一个值得使用的开源项目。