网页栅格化是什么啊？谁有这方面的教程？

研究网页栅格系统前，来看一组数据：
网站 首页页面宽度 px
Yahoo! 950
淘宝 950
MySpace 960
新浪 950
网易 960
Live Search 958
搜狐 950
优酷 960
AOL 960

上面列举的都是Alexa全球排名前100的站点，它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点：页面结构较复杂，都可以认为是门户型网站。

再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点，它们的首页宽度没什么固定规律，共同的特点是：功能专一，页面结构相对简单。

根据上面的简单分析可以认为：当搭建页面结构复杂的门户型网站时，开发工程师们不约而同地都选择将页面宽度定为950px/960px.

这是一件很有趣的事情，为什么要选择这个宽度呢？这个宽度值究竟有什么魔力？
下面网址上有一个系统的介绍，可以看一下:
网页栅格系统研究（1）：960的秘密
http://www.52webwind.cn/user-experience/188.html
网页栅格系统研究（2）：蛋糕的切法
http://www.52webwind.cn/user-experience/193.html
网页栅格系统研究（3）：粒度问题
到底怎么弄栅格化啊 过孔栅格 是什么？ 栅格化文字 快捷键 关于PHOTSHOP的栅格化! photoshop提示要栅格化 什么是图像栅格化处理 轮毂，汽车通风栅格（前脸），车身包围，尾翼分别是什么啊？ photo shop 中的“栅格化”是什么意思？ photoshop里什么叫栅格化文字？ Photoshop中栅格式化是什么意思?