2016-09-29
關鍵詞:
5363
對于前端的學習,我還是有些心得的,畢竟學了很久的html、css和javascript。
本文我想簡單的講下關于div和css的網頁布局。整個寫作過程,內容安排,都是環環相扣的,也是一個歷史經驗的歸納總結。
如何怎么做一個簡易的網頁,回顧其步驟:
1、新建站點,在css文件中添加居中代碼。
2、打開index.html,按照網頁的六個組成部分,依次創建logo層、導航層、banner層、內容層、友情鏈接層、版權層
3、在firework中切圖,在firework中,打開之前做好的網頁效果圖psd源文件。按照6大組成部分,進行切圖。作為初學者,可以先不考慮網頁中的文字。(關于如何切圖下節講)
4、在紙上,記錄下每一部分寬高具體的尺寸。
5、通過css控制面板,對每個層進行定義,如它們的寬、高,邊框、背景、填充、邊界等。定義的時候,必須定義左浮動。
6、預覽其效果,感受其作用。
7、看其效果,對應的去看代碼及其含義。
相信有很多人會說,你說的這些我都明白,但是做的時候還是力不從心。 這就是不動手的原因。
定義明白了,思路理清了,這學習就事半功倍,從而學習的目的就達到了。我一直說,做好一個網頁如果給10分,那么理清思路就已經得6分了。 想當年,我學習的時候,就是因為不知道做網頁的思路,花費掉了兩年多的時間。真正去做,用的時間實在是太少了。思路理清楚了,克服細節的問題,找百度就好了。
學習代碼最重要的一點就是動手,代碼看的再多,寫不出來,那么知識就不是你的,這個簡單的道理我們應該都懂。