[发明专利]FEEBLESS建站引擎

说明书

技术领域

本发明涉及互联网技术领域，尤其涉及一种Web前端开发、网页建设技术领域。

背景技术

对于网页设计和制作人员来说，设计和制作网页很耗费时间，而且很多时候设计的元素和制作需要的代码是可重复利用的，这些重复的工作会耗掉大量的时间从而造成浪费。于此同时，客户对网页的需求是不同的，很多时候客户很难表达自己的需要，从而造成和设计师沟通的障碍，而引发不必要的问题。另一方面，对于新入门的网页设计人员和重构人员来讲，如何快速设计并制作网站是重中之重。

在网页设计中合理利用网格系统来组织页面上的内容能大大改善页面的精确性和美观性。为更高层次的创作提供了一个框架，网格系统在很大程度上使我们的排版工作压力得到了缓解。与传统印刷媒体有所不同，在网页中利用网格系统则要考虑到不同的浏览器、操作系统、屏幕尺寸等不固定因素，网格系统必须能适应这些变化。如果加以合理利用，网格系统可以使整个网站的视觉效果得到提升。

网页网格系统的作用就是：将网页中的信息分布以及版面布局用划分规则的网格阵列来进一步归范。网页网格系统产生和发展于从平面网格系统中。对于网页设计者来说，合理的使用网格系统，不仅可以让网页呈现的信息更加美观易读，使之更具可用性。而且，在前端开发的角度看，网页将会更加的灵活、规范。

在网页设计流程中，网格系统占据着极其重要的地位，其作用十分明显。它和“排版”决定着信息的视觉组织形式，也就是我们看到的网页样式。把页面中的信息组织到一起是网格的基本功能。合理利用网格系统来辅助网页设计，可以使我们更轻松地达到以下目的：让网页界面上呈现的信息更易读，网页布局更加美观合理，让读者能在视觉方面感觉到舒适，同时还增加了网页的实用性。因为网格系统有充分的美学依据以及科学理论依据做为辅助，可以让设计者避免以往仅凭感觉做设计的传统方法，效率较低，而且效果有时也不能令人满意。在数码媒体中，合理的利用网格，可以让制作者设计出来的作品变得更加新颖，也增强了相互之间的关联性。

在网页设计的过程中，网格系统是不可忽略的一个重要问题。如今愈来愈多的大型网站开始利用网格系统来打造和美化自己的网页，这是一种趋势。为网络用户创造一个更舒适、更美观、更人性化的网页视觉环境是每个网页制作者的责任。只有在符合视觉科学规律的前提下进行再创新，网页制作者才有可能更大程度的发挥自己的创造力，设计出更加独特，更加美观的网页作品。

2011年twitter发布了前端开发框架BOOTSTRAP，成为最流行的前端框架，有着大量的附件和非常好用的插件，可以帮助开发者们快速的开始他们的新项目，目前流行的前端框架有如下几款：

1. Bootstrap Magic

这是一个 Bootstrap 主题生成器，使用最新的 Bootstrap 3 版本和 Angular JS 版本，提供一个鲜活的用户修改预览。它包括了各种各样的导入，一个颜色选择器和智能的预先输入。更神奇的是，Bootstrap 会根据用户的每个选择来重新简历框架，方便用户的下载和使用。

2. BootSwatchr

BootSwatchr 是由 Drew Strickiand 独立开发和维护的，是唯一支持从右到左语言显示的 Bootstrap 自定义构建工具，这也是它的特色之一。BootSwatchr 是个可视化的工具，可以从底层开始创建 Bootstrap 主题。

3. Bootstrap Live Editor

Bootstrap Live Editor 是个所见即所得的构建 Bootstrap 的编辑器。在 Bootstrap 准备好的内容和代码片段的基础上提供一个又好又优雅的方法来编辑和美化 html，也因此它是个明智的选择。除此之外，它还包括高级的选项比如按钮配置，自定义标签和为用户做最明智最有益的选择。 

4. Fancy Boot

Fancyboot 是个非常有用的 Bootstrap 自定义工具，允许用户编辑 Bootstrap 的配置，自动预览他们的修改结果。通过滑动菜单可以选择需要使用的插件和组件。当用户做好了相应的修改，可以下载一个包含用户所使用的 jQuery 插件的编译好的和简化后的 CSS 文件。

5. Style Bootstrap