1. 詳情頁面的布局

頁面布局的話,我還是習(xí)慣先把靜態(tài)頁面做出來,確保沒問題了,然后再跟后臺(tái)對(duì)接。

在實(shí)際的開發(fā)過程中,靜態(tài)頁面一般是美工或者前端工程師負(fù)責(zé),后臺(tái)工程師主要關(guān)心如何把Java層的數(shù)據(jù)貼到靜態(tài)頁面。(雖然我經(jīng)歷的幾個(gè)公司都是自己一個(gè)人全包了。。。)

之前我已經(jīng)把我個(gè)人繪制靜態(tài)頁面的過程,還有自己的思路寫出來了,所以從本節(jié)開始,我不會(huì)再寫得那么詳細(xì),而是根據(jù)頁面效果來簡(jiǎn)明扼要地介紹一下。

我繪制頁面的一般流程,就是先在腦子里形成一個(gè)大概的模樣,就是搞清楚到底要畫一個(gè)怎樣的頁面?甚至還可以弄個(gè)草圖,然后根據(jù)草圖來逐步寫html和css代碼。

首先是搭骨架,骨架就是html代碼。

搭好了骨架,才是添加css代碼的時(shí)候。

我個(gè)人繪制頁面,都是遵循這樣一個(gè)流程。

好了,先看看效果:

頁面布局簡(jiǎn)圖:

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式