论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{WEB标准}CSS标准系列建立自己的操作标准

文章类别:div+css布局 | 发表日期:2008-9-26 11:52:54

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

  在实际操作中还会有更多的可以减少的重复劳动,这就需要我们在工作之余去思考如何解决这个问题。同时我们还可以把代码尽可以写得相似,这样在我们移植到其它地方时这些代码依然可以不作修改地使用!
  
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058