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)圖:
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
![學(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)](http://m.roadsoft.com.cn/attached/image/templet/e87d53eb-cf7a-4689-887a-1cd260f416a5.jpg)