该插件是基于bootstrap3进行开发，可以不使用代码快速构建前端页面。

使用范畴：

1.前端不想写代码，拖拽就可以构建前端代码。

2.构建多种页面，构建自己的资料库。

随着网站应用率增加，因此，有不少的网站设计公司推出各种便捷的网站制作工具，使用也比较方便，所以网页制作成了一件很容易的事，几年前，没有一定的网站建设基础知识，无法用手写代码设计网页。

今时今日，网站的创建正变得越来越复杂，而且一般都不是一个人就能干的了的。在创建网站过程中，我们需要保证设计前后一致，并符合业务目标，同时还要尽全力为用户打造有趣的使用体验。

为了确保整个团队在设计网站各个组成部分或在改善开发人员设计成果时彼此之间能够充分协调一致，你需要编写一份设计文档或web设计风格指南作为指导。

风格指南能够保证不同的页面共同拥有一套核心的体验效果。另外，其还有助于保证未来的开发或第三方创作工作不偏离最初的品牌路线，能够与整体品牌保持一致。

一、任务介绍：

高保真的完成下图布局：

二、分析布局

首先要分析一下各个模块的布局

我们依旧使用的盒子模型。

首先先分为两个大盒子（红色边框）header 盒子和 content 盒子。

其中content中相对对来说比较简单，就需要添加需要的内容文字就好啦。

header相对于基本作业要复杂一些。

网页设计基础

随着互联网技术的不断发展和普及，网络与现实生活的结合越来越紧密，网站代表了企业和个人的形象，网页如同个人的社交名片，不可或缺。越来越多的人开始学习和制作网页，更多的企业和个人把自己的“家”搬到网上。