首頁新聞動態(tài)正文

Web靜態(tài)頁面開發(fā)需要注意的問題

更新時間:2019-07-16 來源:黑馬程序員 瀏覽量:

搭建靜態(tài)頁面是指將設(shè)計的網(wǎng)頁效果圖轉(zhuǎn)換為能夠在瀏覽器瀏覽的頁面。這就需要對頁面設(shè)計規(guī)范有一個整體的認(rèn)識并掌握一些基本的網(wǎng)頁腳本語言,例如HTML、CSs等。需要注意的是,在拿到網(wǎng)頁設(shè)計效果圖后,切忌直接切圖、搭建結(jié)構(gòu)。應(yīng)該先仔細(xì)觀察效果圖,對頁面的配色和布局有一個整體的認(rèn)識,主要包括顏色、尺寸、輔助圖片等,具體介紹如下。

靜態(tài)頁面開發(fā)

(1)顏色:觀察網(wǎng)頁效果圖的主題色、輔助色、點(diǎn)睛色,了解頁面的配色方案。

(2)尺寸:觀察網(wǎng)頁效果圖的尺寸,確定頁面的寬度和模塊的分布。

(3)輔助圖片:觀察網(wǎng)頁效果圖,看哪些地方使用了素材圖片。確定需要單獨(dú)保留的圖片。例如,重復(fù)的背景圖、小圖標(biāo)、文本內(nèi)容配圖等。對頁面效果圖有了一個基本的分析之后,就能夠“切圖”了?!扒袌D”就是對效果圖進(jìn)行分割,將無法用代碼實(shí)現(xiàn)的部分保存為圖片。當(dāng)切完圖之后,就可以使用Html、css搭建靜態(tài)頁面。搭建靜態(tài)頁面就是將效果圖轉(zhuǎn)換為瀏覽器能夠識別的標(biāo)記語言的過程。

以上我們介紹了“web前端頁面開發(fā)需要注意的問題”,如果還有其他問題,可以點(diǎn)擊頁面的咨詢按鈕獲得幫助。


推薦了解熱門學(xué)科

java培訓(xùn)Python人工智能Web前端培訓(xùn)PHP培訓(xùn)區(qū)塊鏈培訓(xùn)影視制作培訓(xùn)
C++培訓(xùn)產(chǎn)品經(jīng)理培訓(xùn)UI設(shè)計培訓(xùn)新媒體培訓(xùn)產(chǎn)品經(jīng)理培訓(xùn)Linux運(yùn)維


分享到:
在線咨詢 我要報名
和我們在線交談!