1. 詳情頁面的布局

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

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

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

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

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

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

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

好了,先看看效果:

頁面布局簡圖:

網(wǎng)友評論