看了一些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小白行列了。
尝试自己做出淘宝页面!再去看他们的源码,看那些特别的地方人家是怎么处理的,比如清浮动,如何解决兼容性问题这些