如題.看了課程當場是明白的,但是看到一個圖片要做成頁面感覺無從下手.該如何提升自己的這種能力?
如何根據圖片做出頁面?
慕粉3814228
2016-12-19 09:44:18
9 回答
已采納
習慣受傷
TA貢獻885條經驗 獲得超1144個贊
一般經歷以下幾個步驟：
1，切圖：將原圖變成頁面中更小的元素。
2，寫頁面大體框架：div。
3，分解每一層為HTML元素并填寫css。
4，重復第三步。
5，為頁面添加JS（如果有需要JS的地方）。
6，解決頁面兼容性（如果需要兼容各個瀏覽器），通過各個瀏覽器的測試，找出與原圖有差異的地方，逐個擊破，也就是寫Css hack。
7，寫CSS3 media以兼容不同大小的瀏覽器（如果需要兼容手機端）。
至此，一個完美的頁面就呈現眼前了。
添加回答
舉報
0/150
提交
取消