更新時間:2019-07-16 來源:黑馬程序員 瀏覽量:
搭建靜態(tài)頁面是指將設(shè)計的網(wǎng)頁效果圖轉(zhuǎn)換為能夠在瀏覽器瀏覽的頁面。這就需要對頁面設(shè)計規(guī)范有一個整體的認識并掌握一些基本的網(wǎng)頁腳本語言,例如HTML、CSs等。需要注意的是,在拿到網(wǎng)頁設(shè)計效果圖后,切忌直接切圖、搭建結(jié)構(gòu)。應(yīng)該先仔細觀察效果圖,對頁面的配色和布局有一個整體的認識,主要包括顏色、尺寸、輔助圖片等,具體介紹如下。
(1)顏色:觀察網(wǎng)頁效果圖的主題色、輔助色、點睛色,了解頁面的配色方案。
(2)尺寸:觀察網(wǎng)頁效果圖的尺寸,確定頁面的寬度和模塊的分布。
(3)輔助圖片:觀察網(wǎng)頁效果圖,看哪些地方使用了素材圖片。確定需要單獨保留的圖片。例如,重復的背景圖、小圖標、文本內(nèi)容配圖等。對頁面效果圖有了一個基本的分析之后,就能夠“切圖”了。“切圖”就是對效果圖進行分割,將無法用代碼實現(xiàn)的部分保存為圖片。當切完圖之后,就可以使用Html、css搭建靜態(tài)頁面。搭建靜態(tài)頁面就是將效果圖轉(zhuǎn)換為瀏覽器能夠識別的標記語言的過程。
以上我們介紹了“web前端頁面開發(fā)需要注意的問題”,如果還有其他問題,可以點擊頁面的咨詢按鈕獲得幫助。
推薦了解熱門學科
java培訓 | Python人工智能 | Web前端培訓 | PHP培訓 | 區(qū)塊鏈培訓 | 影視制作培訓 |
C++培訓 | 產(chǎn)品經(jīng)理培訓 | UI設(shè)計培訓 | 新媒體培訓 | 產(chǎn)品經(jīng)理培訓 | Linux運維 |