CSS标准系列建立自己的操作标准_Web标准教程

　　
　　当我们都在投入WEB标准的行列时，我们时常听到这样的声音：“太慢了，制作这样的一张页面我需要花费比以前多数倍的时间。”采用标准是不是真的会让你的制作变得很慢呢？我的回答是“不一定，这完全取决于你从什么样角度去看，并且没有找到快速操作的方式方法。”

　　首先我们要确定的是：新的制作方式是把我们从“所见即所得”软件制作中拉到“代码编辑者”行列。我们现在需要对每一个XHTML标签都要有所了解，对他们的特性都要有所熟悉！而以前我们只需要躲在软件的后面。

　　我们现在站在路口，是我们选择的时候了！向标准？还是向传统？对于事物的取舍需要分析事物的可发展性，与先进性。标准是主张代码标准而清楚，主张样式于数据的分离。

　　从这一点上来分析：代码的清楚与标准化，是为了方便网站内的信息共享，也就是说代码清楚而标准的网站更加轻易被收索引擎搜索得到，并且可以移植到其它显示设备中。而数据与样式的分离则表明网页制作的分工变得越来越清楚。美工只要专注与美学方面就可以了！制作人员只需要了解如何实现美工的作品，而程序员只要把代码与数据输出。

　　光是这两点我们已经可以放弃传统模式了！更何况我们还可以省下购买Dreamweaver的钱！但是我们总是会碰上困难——开发速度！

　　要知道，我们以前的开发速度得益于我们对Dreamweaver的熟练，与我们对表格布局的了解，以及我们对细节的忽略。大家可以把以前的作品拿出来与设计图比较一下是不是很多地方“大小长短”都与一开始设计得不一样了？当然打击传统的弱点并不能让我放弃传统，我们需要拿出可以比传统制作方式更快，更精确，更易于治理的方法。而今天我就是来表述我的观点！

　　当我在开始学习标准之初我就在想着如何让我的工作量更加的少！减少没有必要的重复劳动，是美德。我发现我们制作网页在网页代码中我们有很多都是一样的！比如是头文件，有时我们的布局看来看去也只是那十几个布局方式，而我们所用的标签常用的也只有十几个，当我们对于布局熟悉之后我们对于XHTML的编排也有了更为清楚的熟悉。好了，看我是怎么做的：(提醒：就算我们是代码编辑者我们也需要一个很好的代码编辑工具。我用的是Editplus)

　　1、整理好一个标准的XHTML文件。这个文件里有DTD,HEAD,BODY等等，在HEAD中我们把每次都要填写的信息都加入其内，这个就是我每次生存网页的模板！

　　2、在Editplus中把一些常用的标签都事先制作放在Editplus的剪贴库中！

　　3、在Editplus中把一些常用的CSS也事先做好放在剪贴库中

　　4、分析出常用的几种网页布局，然后制作成XHTML代码，存放在剪贴库中

　　5、制作自己的CSS常用ID与CLASS名称集，最好全面一点

　　6、在CSS中需要把常用的一些CSS命令制作成为合集，比如：“网页居中”，“横向导航”，“表单样式”等，在CSS中的BODY与的DIV的ID或是CLASS的CSS命令就合为一个放在剪贴库中

　　在实际操作中还会有更多的可以减少的重复劳动，这就需要我们在工作之余去思考如何解决这个问题。同时我们还可以把代码尽可以写得相似，这样在我们移植到其它地方时这些代码依然可以不作修改地使用！