《
通向web标准之路》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302349352013.htm
--> [
网站建设之]通向web标准之路
今天下战书，我的一个朋友问我：对一个想了解web标准的老
网页设计师有什么提议。
我想将我的email回复贴在这里让更多人看见将是一个很好的典范。我的回复是：这有一个全面的，非正式的，有些罗嗦的指南，送给所有据说过web标准，盼望使用web标准却又不晓得从哪里开始设计师。
注释
首先不要急着开始！在做任何事情之前做好2个心理准备，这对你的学习过程是最重要的事情：
1).学习需要时光，要循序渐进；
2).前进的过程中会遇到挫折。
然而你并不孤单，我们中许多人正在投入到学习和应用web标准的行列中来。有一个一直扩展的团体来赞助你更容易地学习，老手在学习技巧和技能的进程中碰到许多艰苦，荣幸的后来者(包含我本人)将从他们的汗水与泪水中获益。
当最后，你能纯熟使用基于web标准的设计方法(使那些传统的基于表格的方法显得黯然无光)时，回头再看，你将惊疑用CSS布局页面并不是那么难。哦，当然，如果主流浏览器能对CSS2规范中的一些操作支持更好，实际上使用时可能会更加容易。
恩，我好象有点跑题了。
那么，让我们破刻开始了解实际有用的信息。首先，去买一本《Designing With Web Standards》(中文版已经引入)，不用多想，立即去做。已经有了？好，现在就浏览它，不要让它积满灰尘。我想说的每一点在书里都有具体的解释。书分为均匀的两局部，宣言(为什么你应该怎么做)和教程(你怎么去做)。这对你是有用的。
现在，第一件事件就是建立一个XHTML的思维系统概念，不论你挑选HTML4.01或者XHTML 1.0 Strict(有良多理由抉择其中的任一种，现在你可以先忽略这些,当前不能疏忽,
选择网站类型的两大原则与四大方法，除非你预备做让人麻痹的苦差事。)，所有的文档以取舍一个DOCTYPE开始。告诉浏览器你的文档用什么标志语言,这样做可以避免呈现不用要的表现错误，否则糟糕的页面显示结果会使你猖狂。打个比喻：我想飞往芝加哥，就必需告知旅行社我要去哪里，否则可能无目的的乱飞到维也纳。要显示的是HTML或者XHTML，你必须先告诉浏览器,设置DOCTYPE可以确保我达到"目标地"。
下一个目的：谨严格局的标识。这十分轻易控制。把所有的属性加上引号(例如:<a href="link">)；正确的嵌套标识；关闭所有翻开的标识(例如：<input type="text" />)。每一个标识或者元素都须要封闭。
快捷解释：不知道什么时候，标识(tags)变成了元素(elements),它们是相同的含意，不同的说法。无论你怎么称说它们，现在正确的称谓仿佛应该是"元素"，兴许一开始就是这样的，我不知道也没有人告诉过我。
无论如何，每一个元素都必须被正确的关闭。如果你使用HTML4.01，可以不考虑独自元素象<br>,<hr>和<input>，如果你使用XHTML，单独元素也必须关闭，就是在最后加一个斜杠，例如：<br>变成<br />。
接下来,是一个有点令人糊涂的、对于XHTML属性的规矩：所有的属性都必须有一个值，如果没有值，就用它自身。例如<input type="radio" checked="checked" />。在HTML4.01中checked是不需要值的，而XHTML中它是必须的。
最后，XHTML需要你用小写写所有的代码，HTML不分辨大小写，但XHTML辨别，它遵守的是XML语法规则。
上面就是所有关于标识的变更！你已经都知道了！深呼吸、喝口啤酒，放松一下。因为那只是第一步。
第二节
当初,咱们开端学习撰写正确的HTML/XHTMLL，并在W3组织的校验器(validator)里校验它们。假如你写得正确，你将看到一个蓝底黄字的胜利信息。尝试爱好这种色彩/字体组合吧，它将是你最好的友人。
为什么校验那么主要？有什么关联吗？因为poorly-written(随便的、不严谨的)标识将带来完全的不可预知性。页面的"生逝世"完整依附于浏览器的错误处理方法，只管大多数浏览器还能很好的支持poorly-written标识，但这是不正确的习惯。嗨，是什么使得我们习惯非标准？重要起因是浏览器大战，1995年微软可能从Netscape地盘里竞争取得市场就是由于IE对网页错误的处置方式和 Netscape 截然不同。
另一个观点是：校验帮助你发现错误的代码，确保你的页面有更一致的表现。校验代码是我调试布局的第一件事，信任你也是。
ok,当你第一次校验你的第一个站点，你很可能需要忍耐一下反馈回来的七八十条不堪设想的错误信息。可怜的，固然校验有辅助信息，但并不完善，它只是由一些意愿者保护的。好新闻是那些毛病是关系的，如果你发明少了一个</p>标签并修改了它，很可能接下来的24个过错都没有了。简言之，看起来校验结果很蹩脚，但往往并不是。
现在，你已经通过了校验，你的代码也都契合规范。此时，你保持了一个严厉的领导方针，但是对为什么首先要这样做还缺少全面的懂得。
第三节
下一步是采取良好格式(well-formed)的标识重构你已经建立的文档，剥离那些被越来越多早先的DOCTYPE列为“不赞同”使用的表现层的属性，将它们放在一个单独的文件中。这就是倍受争议的"表现与结构相分离"，这也是为什么CSS受到人们器重的原因。
这样比方：你的文本是内容。内容是完全的，但是没有任何内容结构的提示(比方：空格、节、标题、列表等)，你得到的只是一个混乱的文本，完全不好用。结构层是额外的，在文档中加个别的元素以转达额外的结构信息，来攻破杂乱的文本，使之更有逻辑性、组织性。但是那些元素并不能把持文本的默认表面。例如，你经常发现第一页的标题比正文字体大，这并不是结构的作用,
选择合适的Doctype，解决CSS失效问题。
是"表现层"涌现的时候了。表现是格式化的提醒，它告诉第一页的题目是红色的，斜体的，字体尺寸是正文字体的150%,
适合做商品团购营销的网站。表现层是文档结构层以上额定的层。CSS就属于表现层,它可以通过文档上简略的标记，将文档转换成令人惊奇的情势--可以拜访CSS Zen Garden 看实例。
那么，什么是从结构中分别表现最好的方式？我们拿一段传统代码来阐明，其中包括用于供给表现的 HTML元素或属性。是砍掉那些bgcolors跟<center>标签的时候了，我们来一个随堂测试：
在下面这段演示代码中，哪些用于表现的属性和标签应当被打消？
<center><h1><font face="Verdana">This is my first web site.</font></h1></center> <table border="0" cellpadding="0" cellspacing="0"> <body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> <td bgcolor="#ffffff" valign="top" align="center"><p>They're coming to take me away...</p></td>
筹备好你的谜底了吗？好，准确的成果列在下面，这是清洁的不表示痕迹的构造化的代码：
<h1>This is my first web site.</h1> <table> <body> <td><p>They're coming to take me away...</p></td>
就这样？就是这样。
虽然这段代码不明白合乎任何一种标准，这样的分离，更大的意思在于使用了正确的元素。使用表格布局则是次要问题，在上面的例子中，使用表格办法不正确，从久远、谨严的角度斟酌应该移去<table>和<td>元素。虽然表格不被同意使用，但表格仍然无比有用，它们可以用在恰当的处所--表格排列的数据上。
好，我们已经将格式从我们的页面剥离，万岁！现在还做什么呢？那只剩下一些丑恶的元素，Times-New-Roman字体的文本和线条。一点都不有趣，哪里是我们承诺的活泼美丽的页面？
回首看Zen Garden的例子，看见可恶的设计了吗？看起来它们是如许不同？要害是：在那些英俊的设计下面是雷同的XHTML，就和你方才未格式化的文档一样乏味。错误吗？
事实上，乏味和丑陋却有一个好的基础，你可能已经注意到这个没有格式化的HTML看起来就象1994年的web一样糟糕。除了少数例外，这些元素和web本身一样老，<h2>自从Mosaic浏览器出现那天就有了。
利益当然不仅限于此，简直不必考虑易用性(满意那些特别需要)，内建搜寻引擎优化，带宽的本钱降落，等等等等。Jeffrey Veen已经在去年写了"web标准的贸易价值"，Roger Johansson在他最近的"使用web标准开发"中也说明了基于标准的设计的技术和好处。
CSS已经被今天所有主流阅读器很好的支撑,
运营网站的9个细节诠释，有数不尽的资源帮助学习CSS的语法、基于CSS的布局以及高等技巧。我推举多少个比拟好的：westCiv提供一个正在进行的免费的CSS课程，将帮助你入门和疾速把握。Andrew Fernandez已经树立了一个宏大的CSS资源列表，不管你是否新手都将对你有帮助。Eric Meyer已经写了一捆书，你能够放在案头随时查阅。这些书包括以案例为基本的《Eric Meyer on CSS》《More Eric Meyer on CSS》。O&rsquo,
运营旅游行业网站的个人见解;Reilly出版社出版的CSS参考书：《CSS威望指南》已经发行第2版，你最好也放在桌上。同样还有Molly Holzschlag的《The Designer’s Edge》以及Chris Schmitt的《Designing CSS Web Pages》。
深刻利用CSS的细节和构建布局将破费太多时间。我就未几说了。以上就是我能给那些开始留神web尺度的设计师的倡议。通读并分享你的心得，让我们作为一个集团一起成长，我们中有很多人在踊跃推进web标准发展，我们有一个寰球的网络，充足应用它吧。 Tag：web标准 web标准
(责任编辑：网站建设)
通向web标准之路相关文章