爲什麼要用960px？——網頁內容寬度分析
液晶還沒普及的年代，網頁設計需要考慮800×600的分辨率。但如今800×600的分辨率使用率不到2%，已經可以忽略了。比這個分辨率高一級別的1024×768，使用率接近50%(國內)，所以很多網站都是以1024的寬度爲標準進行設計的，最常見的頁面寬度是兩種：1004和960。
早期的網頁設計師使用1004px作爲頁面寬度，是基於這樣的考慮：在1024*768的分辨率下打開IE，左邊框寬度是2px，右邊滾動條的寬度是18px，於是得出寬度就是1004px了。但這種寬度的設置並不利於柵格化佈局的計算，如果選擇三欄式的佈局，就很難平均分配，所以現在很少有使用1004px寬度的網頁了。
在比1004小的整數裏，可以被較多數字整除的最大整數是960：
雙欄佈局：
三欄佈局：
四欄佈局：
所以，大多數設計師選擇了960px作爲網頁的寬度。
確定了網頁的寬度之後，接下來確定內容的寬度。通常我們都是直接按照黃金比例來進行劃分，也就是將內容設定爲600px，餘下部分用作側邊導航。但內容的寬度還需要計算間距、留白，以及考慮文字和圖片的搭配比例，比較規範的做法是繪製佈局框架圖。
一、自建佈局框架圖
自制佈局框架圖適用於不借用電腦，只在紙上畫設計草圖的階段。上圖是Jason Beaird在Principles of Beautifu Web Design提出的一種內容佈局方式，首先將一張960px的畫布劃分爲九等份(上圖前兩步)，再把第一行切出三分之一，最後再把每一列都對半分，就得到一張佈局框架圖了。依照此佈局圖安排內容即可(圖片來自Principles of Beautifu Web Design)
二、模板佈局框架圖
960 Grid system中提供了很多現成的佈局框架圖。分12、16、24欄三種：
上圖是12欄的樣式圖。靜態網頁樣式圖已經上傳到本地，可以點擊這裏訪問。使用Photoshop做頁面設計的話，請直接下載psd文件
文件信息：960_grid.psd 大小：2MB
有效時間：永久
將現有內容按照佈局框架圖來組織，界面就會顯得整潔、美觀了。下圖是一個典型的12欄佈局的網站。
