1. 詳情頁(yè)面的布局
頁(yè)面布局的話,我還是習(xí)慣先把靜態(tài)頁(yè)面做出來(lái),確保沒(méi)問(wèn)題了,然后再跟后臺(tái)對(duì)接。
在實(shí)際的開(kāi)發(fā)過(guò)程中,靜態(tài)頁(yè)面一般是美工或者前端工程師負(fù)責(zé),后臺(tái)工程師主要關(guān)心如何把Java層的數(shù)據(jù)貼到靜態(tài)頁(yè)面。(雖然我經(jīng)歷的幾個(gè)公司都是自己一個(gè)人全包了。。。)
之前我已經(jīng)把我個(gè)人繪制靜態(tài)頁(yè)面的過(guò)程,還有自己的思路寫(xiě)出來(lái)了,所以從本節(jié)開(kāi)始,我不會(huì)再寫(xiě)得那么詳細(xì),而是根據(jù)頁(yè)面效果來(lái)簡(jiǎn)明扼要地介紹一下。
我繪制頁(yè)面的一般流程,就是先在腦子里形成一個(gè)大概的模樣,就是搞清楚到底要畫(huà)一個(gè)怎樣的頁(yè)面?甚至還可以弄個(gè)草圖,然后根據(jù)草圖來(lái)逐步寫(xiě)html和css代碼。
首先是搭骨架,骨架就是html代碼。
搭好了骨架,才是添加css代碼的時(shí)候。
我個(gè)人繪制頁(yè)面,都是遵循這樣一個(gè)流程。
好了,先看看效果:
頁(yè)面布局簡(jiǎn)圖: