2016-09-29 關(guān)鍵詞: 5098
對于前端的學習,我還是有些心得的,畢竟學了很久的html、css和javascript。
本文我想簡單的講下關(guān)于div和css的網(wǎng)頁布局。整個寫作過程,內(nèi)容安排,都是環(huán)環(huán)相扣的,也是一個歷史經(jīng)驗的歸納總結(jié)。
如何怎么做一個簡易的網(wǎng)頁,回顧其步驟:
1、新建站點,在css文件中添加居中代碼。
2、打開index.html,按照網(wǎng)頁的六個組成部分,依次創(chuàng)建logo層、導航層、banner層、內(nèi)容層、友情鏈接層、版權(quán)層
3、在firework中切圖,在firework中,打開之前做好的網(wǎng)頁效果圖psd源文件。按照6大組成部分,進行切圖。作為初學者,可以先不考慮網(wǎng)頁中的文字。(關(guān)于如何切圖下節(jié)講)
4、在紙上,記錄下每一部分寬高具體的尺寸。
5、通過css控制面板,對每個層進行定義,如它們的寬、高,邊框、背景、填充、邊界等。定義的時候,必須定義左浮動。
6、預覽其效果,感受其作用。
7、看其效果,對應的去看代碼及其含義。
相信有很多人會說,你說的這些我都明白,但是做的時候還是力不從心。 這就是不動手的原因。
定義明白了,思路理清了,這學習就事半功倍,從而學習的目的就達到了。我一直說,做好一個網(wǎng)頁如果給10分,那么理清思路就已經(jīng)得6分了。 想當年,我學習的時候,就是因為不知道做網(wǎng)頁的思路,花費掉了兩年多的時間。真正去做,用的時間實在是太少了。思路理清楚了,克服細節(jié)的問題,找百度就好了。
學習代碼最重要的一點就是動手,代碼看的再多,寫不出來,那么知識就不是你的,這個簡單的道理我們應該都懂。
180 1557 7818
基礎(chǔ)型網(wǎng)站建設(shè)營銷型網(wǎng)站設(shè)計品牌型網(wǎng)站建設(shè)高端定制網(wǎng)站設(shè)計定制系統(tǒng)開發(fā)
細致入微的前期服務(wù)
精準的策劃服務(wù)
精湛的網(wǎng)頁設(shè)計
穩(wěn)定 可靠 極速的域名和服務(wù)器
任何問題,24小時回復并處理
版權(quán)所有:蘇州謝謝網(wǎng)絡(luò)傳媒有限公司 蘇ICP備11087090號