前端,練習將psd轉成手寫靜態頁面,htmlcss 求推薦?
想入門前端,求推薦 出題:練習將psd轉成手寫靜態頁面 的學習網站。我有學過html css 目前缺少的項目經驗。想從簡單的網頁模仿起,直至自己獨立完成淘寶京東首頁的靜態頁面。 跪求前輩指點,或者推薦一些適合的學習網站博客,資源等。感激不盡
終於看到一個不仿站,希望看到從PSD來切換到代碼的問題啦~~
先放上修真院的任務鏈接
http://www.jnshu.com/occupation/1/task?www.jnshu.com將近15個任務,包括JS部分的另外15個任務,全部都是從PSD入手的。
京東淘寶頁面能仿出來就可以了,適可而止,練多沒用,不如去學js,來公司特么快半年就沒寫過50行html,
知道什麼是冰山嗎?
知道冰山上的海豹嗎?
把前端比作冰山
html+css就是浮在水面上的一部分
練習將psd轉成手寫靜態頁面即是暫憩在冰山上的海豹。
就算你很熟練psd轉成手寫靜態頁面,也不能窺一斑而知全豹。
你會的僅僅只是海豹的皮毛,深究其內在原理邏輯結構,同樣的頁面,可以有N種實現方式,可以用不同的庫,簡單粗暴,可以自己寫輪子,有(neng)難(zhaung)度(b)。
舉幾個簡單的例子
單拿html來講,不同終端,不同瀏覽器,不同模式,響應的html頭配置也會不一樣
單拿css來講,有人覺得css不像編程,於是有了less,sass,覺得css功能太少,於是有了CSS3,動畫,3D,我在折騰3D的時候,感覺我十幾年的數學已經不夠用了。
而實際上,將psd轉成手寫靜態頁面僅僅只是前端工作中佔比很小的一部分,工作中常常只會佔據少量時間去完成。
很多時候一個前端可能很久都不會接觸到大量的HTML+css工作。
如果你只是想學習UI,所謂前端的這些那些都不需要怎麼懂,有時間還不如多多研究圖片。
望君慎重
千圖網上現成的psd文件,自己去下哇。
前期練習就先不要玩電商網站吧。找點簡單的,先玩起來。。。。。。。。。tips:講道理逞年輕,轉行吧,前端太坑了。推薦閱讀: