首頁猿問如何根據(jù)圖片做出頁面?

如何根據(jù)圖片做出頁面?

Html/CSS JavaScript

慕粉3814228 2016-12-19 09:44:18

如題.看了課程當場是明白的,但是看到一個圖片要做成頁面感覺無從下手.該如何提升自己的這種能力?

查看完整描述

9 回答

方舟圓舟

TA貢獻10條經(jīng)驗獲得超16個贊

我覺得可以從四個方面出發(fā)：1、先把頭部內(nèi)容結構弄出來，先不管它的表現(xiàn)形式。2、接著就是footer部分，表現(xiàn)形式也不用寫。3、就是中間的內(nèi)容部分，分區(qū)域寫代碼。4、最后就是網(wǎng)頁的整體表現(xiàn)形式的設計。

能力是自己練出來的，先看到圖片對應的html是什么？然后是CSS的樣式是什么？

5 反對回復 2016-12-19

筱汐
這回復挺好

回復 2016-12-19
方舟圓舟
謝謝哈！

回復 2016-12-20

已采納

杜塞爾多夫

TA貢獻16條經(jīng)驗獲得超6個贊

說實話剛剛工作的時候,公司比較奇葩,安排給我的任務都是只有一個設計圖,然后就讓我自己去寫頁面.一開始不就是根據(jù)設計圖了解頁面基本機構,不用框架的話就是頭,內(nèi)容還有底部三個大模塊三個div嗎?接下來就是分別寫三個部分了,自己測量內(nèi)外邊距,div長度,字體顏色什么的.我論述的比較簡單,看你提這問題應該是剛入坑不久的新手,我再怎么具體描述也就這樣了.剛開始確實對新手來說很麻煩,事情比較多比較雜沒什么頭緒,只有慢慢寫了,程序員的工作就這樣了,別人只能給你建議可真沒時間手把手教教你啊!

反對回復 2016-12-20

慕粉3814228
確實…看到圖片一臉懵逼.

回復 2016-12-23

習慣受傷

TA貢獻885條經(jīng)驗獲得超1144個贊

一般經(jīng)歷以下幾個步驟： 1，切圖：將原圖變成頁面中更小的元素。 2，寫頁面大體框架：div。 3，分解每一層為HTML元素并填寫css。 4，重復第三步。 5，為頁面添加JS（如果有需要JS的地方）。 6，解決頁面兼容性（如果需要兼容各個瀏覽器），通過各個瀏覽器的測試，找出與原圖有差異的地方，逐個擊破，也就是寫Css hack。 7，寫CSS3 media以兼容不同大小的瀏覽器（如果需要兼容手機端）。至此，一個完美的頁面就呈現(xiàn)眼前了。

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何根據(jù)圖片做出頁面?

如何根據(jù)圖片做出頁面?

9 回答

相關問題推薦

添加回答