步驟一：將豆瓣電腦版網頁以圖片形式保存下來：
利用了chrome里面的插件：
步驟二：將圖片放置到PS中，研究布局：
我將其分為header部分，banner部分，section部分，footer部分；其中相應的比如header部分又要分為header_up部分和header_down部分，header_down部分又得左右划分為左，中，右部分等。
步驟三：確定頁面寬度，每部分高度，以及主體內容區域高度，寬度(測量時PS中有輔助線，以及測量工具，比較簡單！)。
一般頁面部分設置position:relative;主體內容部分設置:position:absolute進行定位。
步驟四：代碼編寫&測試（HTML+CSS總共2000多行代碼）
全部是HTML+CSS代碼完成了靜態頁面的制作！利用的技術有：CSS spirit（圖片精靈），position，display等特性。