看了一些CSS的基本教程,了解了一些基本的语法。 要怎么熟悉更多的CSS技能以至于能达到能设计出完整的网页呢? 有什么这样的练习的网站或者书么
业精于勤,荒于嬉;行成于思,毁于随。
我也說一下吧,求高手不噴。
我和題主一樣, 也是剛學了 CSS 的一些基本語法,想著練手,可是自己對於网页 UI設計不太在行(美工渣),於是就模仿著別人的頁麵來做。 於是我就找了個美工很厲害的朋友的頁麵,打開他的 CSS ,查看他的顏色值,(注意,我隻是看他的顏色值),其他的我沒看。然後再按照那個頁麵的風格來寫自己的頁麵的 CSS 。模仿的過程你隻看被模仿頁麵在瀏覽器上顯示出來的效果,最多看看 CSS 裏顏色值(當然,如果你配色能力強/對顏色敏感的話就自己選擇顏色吧),其他屬性就根據看到的然後自己思考該怎麼實現。(P.S. 當時我把做出來的效果發給那個朋友看,他也被嚇了一跳,他還問我是怎麼做到的,哈哈 :P) 這種方法在初學的時候應該還是挺有用的吧,我現在在模仿中慢慢找到感覺了,不過以後就要開始有自己的想法了,接下來該怎麼做就讓高手來回答吧,我水平不夠了
网页 UI
送給你 LayoutIt! 可拖放排序在線編輯的Bootstrap可視化布局係統。LayOut
按照你想的隨意擺放你的布局,然後可以下載HTML代碼,再然後自己折騰
找一些比較好的網站,進行不斷的修改和調試,直到變成自己的。主要的還是多練手。
這還不好辦。你可以隨便到BAT的網上找一個前端的效果,自己實現它。把你遇到的所有技術難點都搞懂它。
http://jsfiddle.net
逼自己切圖,做頁麵出來,有時間就看www.w3school.com.cn
簡單說說我個人的意見。
說一下我當初的經曆:沒看書,就是拿了一個切好的網站(就是設計圖和html/css代碼),然後自己重新切一遍,不會的就對照成品,看看它是怎麼寫的,這樣對CSS就有了一個大體的了解了。 然後,就可以自己獨立寫了,遇到不懂的/解決不了的,就去網上查,一般你遇到的問題,早就被人家問爛了,漸漸的,就脫離CSS小白行列了。
嚐試自己做出淘寶頁麵!再去看他們的源碼,看那些特別的地方人家是怎麼處理的,比如清浮動,如何解決兼容性問題這些
我也說一下吧,求高手不噴。
我和題主一樣, 也是剛學了 CSS 的一些基本語法,想著練手,可是自己對於
网页 UI
設計不太在行(美工渣),於是就模仿著別人的頁麵來做。於是我就找了個美工很厲害的朋友的頁麵,打開他的 CSS ,查看他的顏色值,(注意,我隻是看他的顏色值),其他的我沒看。然後再按照那個頁麵的風格來寫自己的頁麵的 CSS 。模仿的過程你隻看被模仿頁麵在瀏覽器上顯示出來的效果,最多看看 CSS 裏顏色值(當然,如果你配色能力強/對顏色敏感的話就自己選擇顏色吧),其他屬性就根據看到的然後自己思考該怎麼實現。(P.S. 當時我把做出來的效果發給那個朋友看,他也被嚇了一跳,他還問我是怎麼做到的,哈哈 :P)
這種方法在初學的時候應該還是挺有用的吧,我現在在模仿中慢慢找到感覺了,不過以後就要開始有自己的想法了,接下來該怎麼做就讓高手來回答吧,我水平不夠了
送給你 LayoutIt! 可拖放排序在線編輯的Bootstrap可視化布局係統。
LayOut
按照你想的隨意擺放你的布局,然後可以下載HTML代碼,再然後自己折騰
找一些比較好的網站,進行不斷的修改和調試,直到變成自己的。主要的還是多練手。
這還不好辦。你可以隨便到BAT的網上找一個前端的效果,自己實現它。把你遇到的所有技術難點都搞懂它。
http://jsfiddle.net
逼自己切圖,做頁麵出來,有時間就看www.w3school.com.cn
簡單說說我個人的意見。
說一下我當初的經曆:沒看書,就是拿了一個切好的網站(就是設計圖和html/css代碼),然後自己重新切一遍,不會的就對照成品,看看它是怎麼寫的,這樣對CSS就有了一個大體的了解了。
然後,就可以自己獨立寫了,遇到不懂的/解決不了的,就去網上查,一般你遇到的問題,早就被人家問爛了,漸漸的,就脫離CSS小白行列了。
嚐試自己做出淘寶頁麵!再去看他們的源碼,看那些特別的地方人家是怎麼處理的,比如清浮動,如何解決兼容性問題這些