對于前端的學習，我還是有些心得的，畢竟學了很久的html、css和javascript。

  本文我想簡單的講下關于div和css的網頁布局。整個寫作過程，內容安排，都是環環相扣的，也是一個歷史經驗的歸納總結。

 如何怎么做一個簡易的網頁，回顧其步驟：

  1、新建站點，在css文件中添加居中代碼。

  2、打開index.html，按照網頁的六個組成部分，依次創建logo層、導航層、banner層、內容層、友情鏈接層、版權層

  3、在firework中切圖，在firework中，打開之前做好的網頁效果圖psd源文件。按照6大組成部分，進行切圖。作為初學者，可以先不考慮網頁中的文字。（關于如何切圖下節講）

  4、在紙上，記錄下每一部分寬高具體的尺寸。

  5、通過css控制面板，對每個層進行定義，如它們的寬、高，邊框、背景、填充、邊界等。定義的時候，必須定義左浮動。

  6、預覽其效果，感受其作用。

  7、看其效果，對應的去看代碼及其含義。

  相信有很多人會說，你說的這些我都明白，但是做的時候還是力不從心。 這就是不動手的原因。

  定義明白了，思路理清了，這學習就事半功倍，從而學習的目的就達到了。我一直說，做好一個網頁如果給10分，那么理清思路就已經得6分了。 想當年，我學習的時候，就是因為不知道做網頁的思路，花費掉了兩年多的時間。真正去做，用的時間實在是太少了。思路理清楚了，克服細節的問題，找百度就好了。

  學習代碼最重要的一點就是動手，代碼看的再多，寫不出來，那么知識就不是你的，這個簡單的道理我們應該都懂。