本文目的：与您分享如何学习基于web标准的网页制作。
适合人群：网页制作初学者。有一定的页面制作基础，并想学或正在学习web标准的朋友们。
备注：本文只是从理解以及概念上去分享网页制作的学习方法和步骤。力求通俗易懂，所以没有任何具体的代码、规范等内容，比如Xhtml的代码规范、CSS样式手册等具体内容我将会在文章的最后“推荐的资源列表”中将我所看到过或学习过的教程一一列出。

一、新形势下的网页制作以及职业定位

随着网络的发展，前几年还只是国外网站以及国内少数个人网站才会去实施的web标准，现在已经是大行其道了。上至新浪、163等门户网站，下至刚从学校毕业的大学生们的个人网站。到处都是它的踪影。
网站建设的分工也从原来的一人承包(从效果到页面到程序代码)的模式也逐步转变成Web Designer + Page Builder + Programer 的项目组合作开发模式。正是由于web标准的兴起，“页面工程师”这个称谓也慢慢走上了舞台并担任起了相当重要的角色。
曾在蓝色经典上看到Aether帖出来的土豆网的招聘信息，感觉这个招聘信息非常的有代表性，原文如下：

引用：
页面工程师，1人
技能要求：
1、对W3C网页标准（Web Standards）有较深理解；
  ·精通结构层代码（XHTML）和样式层代码（CSS）。
  ·对语义、结构与内容分离等有深刻理解；
  ·熟悉Javascript，并对行为层编程机理有一定理解，并了解后台程序制作流程。
2、有成熟作品，目前将主要从事代码方向工作；
3、精通Javascript优先。
工作内容：
配合页面架构（Web Architect，负责总体规划），完成页面制作（Page Builder）。
其上游是页面设计（Web Designer），下游是网站程序员（Programer）。

我非常的认同这种职业定位，所以转了过来。或许这将是未来比较流行的网站制作过程中的项目组分工合作的模式吧。

#p#

二、基于web标准的网页基本特征

从三年前开始接触网页到现在，我亲身经历了国内大多数网站的web标准重构。自己在不断的学习过程中也总结出了一点符合web标准的网页的一般特征，和大家一起分享一下。

1、页面代码容易读懂了。

举一个简单的例子，按以前如果要实现一个页面的布局，一般是使用表格来划分整个页面。请阅读并运行以下代码：

运行代码框
<table width="100%" cellpadding="5" cellspacing="1" bgcolor="blue"><tbody><tr><td bgcolor="silver" colspan="2" align="right"><table width="90%"></table></td></tr><tr><td>首页</td><td>栏目一</td><td>栏目二</td><td>栏目三</td><td>栏目四</td></tr></tbody></table><table><tbody><tr height="400"><td width="25%" bgcolor="white">左侧内容</td><td width="75%" bgcolor="white">右侧内容</td></tr><tr><td colspan="2" bgcolor="#f8f8f8" align="center">尾部文字</td></tr></tbody></table>