Athur's Blog

页头:header 登录条:loginbar 标志:logo 侧栏：sidebar 广告:banner 导航:nav 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus 指南:guild 服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn 投票:vote 合作伙伴:partner 友情链接:friendlink 页脚:footer 版权:copyright

以上结构可以组合使用，例如：左列标题lefttitle；底部导航footernav 书写原则是： 1.一律小写； 2.尽量用英文； 3.不加中杠和下划线； 4.尽量不缩写，除非一看就明白的单词

[font style="BACKGROUND-COLOR: #ffff00"]呵呵 互联网的好处就在这里，在评论里又看到了 好文，贴在下面了。[/font]

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