当前位置导航:炫浪网>>网络学院>>网页制作>>HTML与CSS教程

建立自己的操作标准

    当我们都在投入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命令就合为一个放在剪贴库中。

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

相关内容
赞助商链接