日期:2013-09-12  浏览次数:20953 次

从开始认识CSS(DW4)那时起,我就知道了CSS的强大,但从未用CSS排版过,由于我曾经尝试过学习,但感觉太难了

而且用DW的表格,所见及所得,做起页面来非常的快,排版也容易的多,由于最近求职,很多公司都要求DIV,CSS,所以我再次尝试学习

1.学习方式

我以为,看别人的代码是一个非常好的学习方式(前提是你需求有点基础知识),在查看别人的代码时可以去除一些反复的,或者一些于CSS无关的代码,将更利于我们分析,你可以从中了解到别人是怎样做的,更深一点,你可以考虑为什么要这样做,当然它们做的也不一定全对。

2.练习方式

在了解到一些基本的规划方式,以及一些容器的属性之后,可以尝试本人,编写一些简单的规划,遇到出现问题的时候,可以在google搜索一下,或者想\象理想论坛以及其他一些讨论标准化的论坛讯问一下,会有很多好心人的哦

3.一本手册

在遇到问题的时候或者对某个属性不是很了解,或者对于属性的兼容性不太清楚的时候,可以找本手册供你参考。

4.多写多练

你发现本人多写了几个规划,或者出了一些问题并处理后,你曾经基本掌握了规划的要点了.

二、如何学习标准化

1、几本书

《网站重构》掀起国内web标准热潮的第一本相关著作。理论性质多一些,全书涉及到具体操作和代码的部分很少。老手初次阅读很可能觉得没有实际用途。建议在阅读学习《CSS网站规划实录》有了一定的技术基础了再回头学习,反思本人之前学习和设计过程中的问题,这样才能无效地提高。

《款式表中文手册》必备的工具,我普通放在桌面随时查询。里面提供了详细的使用说明和实例。

《CSS网站规划实录》较新的一本标准化著作。通知你怎样去写符合标准的xhtml和css代码,通知你一些常见规划和页面效果的代码是什么样子。这本书很适合初学者,基本上都是针对实例的规划、效果的实际操作,比较系统的讲述了如何进行标准化网站制造。这本书只是在讲具体的实现,关于标准化的概念、网站重构的目标这些指点实际操作的理念性东西几乎没有。可以在学习这本书之后读一下《网站重构》,二者结合起来学习效果不错。目前的版本可能由于时间问题,校正很仓促,有不少错别字和有问题的句子没,但涉及到代码到没有发现错误。

《CSS权威指南》详细阐述CSS1.0每个属性的规则和定义,并且展望了CSS2.0许多诱人的东西。对实现web标准化有着重要的意义。通过本书的学习可以深入理解浏览器如何解析属性的规则和定义,为精确实现设计意图提供保障。

《html和xhtml权威指南》应该是一本权威的工具书,没有必要通读,可以在实际设计制造过程中参考。详细的讲述了html和xhtml的规则定义使用技巧。

《javascript权威指南》作为行为层的次要技术,不学习javascript就不能完整地学习web标准。

2.如何学习?

1、读写

读书读上面我推荐的贴子、网站和blog。互联网的宗旨在于共享和传播,那些接触技术比较早的理解和实践比较深入的朋友给我们提供经验和教程。要静下心来,不能仅仅为了一个效果或者一个规划的实现去找答案。而是去理解教程给我们带来的实现思路。要系统地读书也要针对性的搜集某个问题的方法去总结提取。读到的时候就要写,写一些代码片断,一些规划结构,一些效果的实现。哪怕是照着书敲出代码来,加深记忆和理解,效果要比单纯的度过效果要好得多。

2、改动

改,不是抄袭。把别人的网站另存下来,改动其中的部分内容,看看页面显示有什么变化,在这些变化中去理解你所改动部分代码再实现页面效果中起到了什么作用。这是一个很重要的学习方法。你看到的效果变化来源于你的改动,这本身就是一个加深记忆和理解的过程。另外一种改法就是把复杂的页面简单化,简单到能演示效果为主,代码少了看起来清晰有利于学习。或者把简单的规划填充内容之后看页面怎样显示,会不会影响到规划,自顺应的还是固定大小的,超出固定大小的内容hidden了还是流向了结构之外?有没有什么Bug?青蛙用永远逮不到一个安安静静站在那里的蜻蜓,只要蜻蜓飞起来了青蛙才能判断才能捕食。

3、睡觉

睡觉前的思考。在显示器之外去思考之前学习到的东西,要有一定的距离和空间高度去看待去思考,比如今天写的规划是不是合理,有没有必要这样复杂,如果把浮动改成绝对定位呢。等等,就像作平面设计一样,有时候椅子往后一仰,稍稍的远离屏幕,对之前的细节处理就能有一个全新的认识。

4、收藏

好记性不如烂笔头,总去发帖提问也不是办法。把看到的有用的教程收集起来分类整理,比如规划代码、导航特效、浏览器兼容hack写法等等。建立本人的文档库,时间久了整理整理,如果有合适的条件不要忘记和朋友们分享。

5、实践

作一个完整的网站/网页项目,未必要复杂或者庞大。但至少要有一个完整的页面,尽可能用熟悉的技术去实现。检验本人、发现问题给本人继续学习的动力。