代码小白的网页制作神器（如何用代码制作网页）

2014-07-23 10:36:28 作者：

话说网站就是项目的门面，如何为自己的创业项目做出一个高级又炫酷的网站，能够完整展示出产品功能，在吸引用户的同时也引来投资者的青睐，就成了创业者的一个需求。

对于技术小白而言，做一个自己的网站看起来很高深的样子。就算团队中有相关成员，也需要 UI 与前端密切配合，可能会耗费大量精力在上面。如果你不是处女座，对你的网站没有精细到像素的需求，那么可以考虑试试 Generator。

Generator 让你能够「简单粗暴」地做出一个网站，正如网站的官方简介所说，「不用很麻烦就能为你的创业项目做登陆页面」。

设计网页的步骤特别简单，只要经过以下三步：

• 从左侧库中按分类选出合适的模块，将它拖拽到右边，建立简略的页面层级结构；

• 与团队成员共同讨论页面设计方案；

• 查看页面元素，将其转化为 HTML、CSS 或者 LESS 语言。大功告成！

Generator 可谓极其贴心，模块库中包含了一般网页设计中会涉及的部分，包括 Header、主体内容、产品价位、相关项目、联系我们、创业团队、项目博客与页脚等多个模块，基本满足了大多数项目的需求。

Generator 为用户提供了丰富的模版库，方便即时预览各种风格的界面，不同模块之间还可以随意拖拽调整顺序。遗憾的是，导出到 HTML/CSS 功能暂时只支持 Startup Framework 的付费用户使用。

Generator 与 Startup Framework 都是 Designmodo 团队旗下产品之一，后者为设计师提供网页模板、VI、UI Kit 与相关 mockup。Designmodo 主要专注于网页设计与开发，上面有许多高质量的文章与教程。如果你对 Generator 感兴趣，在 Twitter、Facebook、Google+ 和设计师集聚地 Dribbble都可以找到 Designmodo 的身影。