本文讨论的是如果开发一个符合w3c标准的web站点，重点探讨在新的设计与开发模式下，web项目组中的美工/页面制作人员/后台程序员三者之间如何有效地配合。为了便于阅读，制作了一个微缩型的项目。大家可以先预览一下 最终效果 。
本文适合于对web标准已经有了初步了解的同行共同研究。对此感兴趣的朋友欢迎在博客里发表您的评论。
项目内容：首页上的一个新闻列表 。
项目人员：网站美工一名/页面制作人员一名/程序员一名。（有很多人是三者合一的，哈哈。）
美工主要负责出效果图，截图。如下图：
然后对该图进行提取，得到相应的背景图片，见项目img文件夹。
程序员的工作有几下几点：
- 根据需求设计网站数据库结构。
- 定义底层相应的对象，如：user/news等等。
- 定义数据访问层，包括访问数据库、编写存储过程等。
- 提供表现层读取数据的方法供调用。
我这里定义的程序员几乎可以不了解html代码/javascript脚本/css样式。相对比较独立。项目中的程序员工作部分被我简化了，想了解的朋友可参考vs.Net2003中自带的几个例子，分层做得很有借鉴价值。
页面制作人员的工作：（PS:我给页面制作人员的定义可能有些超纲了。）
一：对美工的效果图进行初步的页面实现，如根据上边的效果图，初步可写成以下代码：
八卦新闻
- 大学生为啥争当农民
- TVB制造8大极品女明星
- 上流社会秘密旅馆的真相
- 大学生洗鸳鸯浴被曝光
- 男明星性感阳刚露点
- 明星挖鼻抠脚丑态
- 陈好是怎样变成美女的
- X光揭秘魔术师"吞剑"
- 西安一村“喝尿”强身
- 汪明荃青春惊艳旧照片
二：将需要动态生成的部分换成程序员提供的相应接口，如例子中的代码为：
如果程序员对html代码不熟悉，表现层的很多程序代码也应该由页面制作人员来实现，如上边的LoadTopNews()中涉及到了html代码，此部分如页面制作人员完成不了，也应该与程序员共同协商。根据页面制作人员的需要写出相应的程序代码。
三：CSS的页面效果实现。详见项目中的css/Style.css。（略）
四：javascript脚本的编写。本例子中仅设计了新闻的折叠显示功能，详见项目中js/common.js。（略）
写得有点粗糙，欢迎同行一起探讨！