目 录
摘要……………………………………………………………………1
关键词…………………………………………………………………………1
Abstract………………………………………………………………1
Key words ……………………………………………………………………1
前言……………………………………………………………………1
一、 绪论…………………………………………………………………1
（一）网页设计的概念………………………………………1
（二） 什么是网格…………………………………………………………1
1、网格的定义………………………………………………………2
2、网格的基本功能…………………………………………………2
3、网格在网页设计中的必要性……………………………………3
二、 网页网格系统分析…………………………………………………3
（一） 网页网格系统的定义…………………………………………3
（二） 网页网格系统的特殊性……………………………………………4
（三）网格设计的创意规律…………………………………………………4
三、 网格设计的种类…………………………………………………5
（一） 对称式网格设计……………………………………………………5
（二） 不对称式的网格设计………………………………………………5
（三） 模块网格设计………………………………………………6
（四） 复合网格设计………………………………………………6
四、 网格设计的造型手段…………………………………………………7
（一） 组合网格………………………………………………………7
（二） 水平（跨页）网格…………………………………………………7
（三） 垂直网格………………………………………………………8
（四）成角网格………………………………………………………8
五、 六栏固定宽度网格布局…………………………………………………9
六、 960，24X40网格系统…………………………………………………9
结束语…………………………………………………………………10
参考文献………………………………………………………………11
附录…………………………………………………………………………12
致谢……………………………………………………………………13
摘 要
网格系统是一种利用规范化的网格来进行网页布局的一种思想，类似于报纸版面排版格式。它是最近两年才出现的，主要原理是将网页页面分成N等分列，然后通过组合相应数量的歼灭完成对页面的布局，并用css+div将所有网格的样式和模块固定，设计师在这些网络的基础上进行网页设计和布局。
网格是设计得以成立的基础。从本质上说，它是一件设计作品的骨骼。用网格来组织页面上的内容能提高精确性和连贯性，它为更高程度的创造提供了一个框架；风格在很大程度上方便和简化了我们的排版工作。与印刷媒体不同的是，网页风格的设计要考虑到不同的浏览器、不同的操作系统平台、不同的屏幕大小等可变因素，网页网格系统的设计需要适应这些变化。网格化可以大大提升整个网络的视觉环境。
关键词：网页，网格系统，三分法，960
Abstract
The grid system is a standardized grid to an idea of page layout, similar to newspapers publishing format. It is the last two years, the main principle is the web page is divided into N disaggregated, and then wiped out by combination of the appropriate number of page layout and grid styles and module css + div fixed, the designer Web page design and layout of the foundation of these networks.
The grid is the basis of design to be established. In essence, it is the skeleton of a design work. To organize content on the page with the grid can improve accuracy and coherence, it provides a framework for the creation of a higher degree; style is largely to facilitate and simplify the typesetting. Print media, web-style design to take into account the different browsers, different operating system platforms, different screen size and other variables, the design of the web page grid system needs to adapt to these changes. The grid can greatly enhance the visual environment of the entire network.
Key words: Web page, the grid system, rule of thirds, 960
