网格系统建立您的网站可以得到非常干净和有组织的布局。 但是你怎么做，怎么重头新建一个？ 在本教程中你可以找到所有的答案。

Tutsplus - Using Grids in Web Design

English | Audio: aac, 44100 Hz, stereo | Video: h264, yuv420p, 1280x720, 24.00 fps | 1.35 GB

Genre: Video Training

Building your website with a grid system is great for a clean and organized layout. But how do you do it and why would you build one from scratch? Here you’ll find all the answers.

Welcome 50s

Introduction 50s

Introduction to Grid Systems 9m 16s

What is a Grid-Based Design? 2m 2s

Popular Grid-Based Systems 7m 14s

The 960 Grid System 1h 2m 56s

Exploring the 960 Grid System 5m 56s

Coding With the 960 Grid System 10m 42s

Exploring Unsemantic 4m 32s

Using Unsemantic 11m 22s

Twitter Bootstrap 3m 48s

Coding Columns in Bootstrap 8m 50s

The Bootstrap Fluid Grid 2m 36s

Foundation 5m 16s

Coding Columns in Foundation 9m 54s

Why Create Your Own System? 50m 20s

Why Create Your Own System? 4m 14s

HTML for a Four-Column Layout 9m 22s

Calculating Widths 6m 50s

Resetting Styles 7m 30s

CSS for a Four-Column Layout 15m 2s

Creating a Three-Column Layout 7m 22s

Conclusion 1m 18s

Final Thoughts 1m 18s