头一低,很多年都这样过去了...

欢迎来到Kittow的部落格! - http://blog.skyhe.com

Agile Web Development (敏捷Web开发)

Want to Know Something More? Move Your Mouse Here;)

我是天空的一片云,偶尔投影在你的波心,你记得也好,最好你忘掉,你我在交汇时,互放的光亮。
——徐志摩《偶然》 More...

我的VOA听写积分

2006-12-29 [返回]
基于标准的web项目开发模式探索
日期:2006-12-18  作者:jxdawei  来源:blueidea
本文讨论的是如果开发一个符合w3c标准的web站点,重点探讨在新的设计与开发模式下,web项目组中的美工/页面制作人员/后台程序员三者之间如何有效地配合。为了便于阅读,制作了一个微缩型的项目。大家可以先预览一下 最终效果 。

本文适合于对web标准已经有了初步了解的同行共同研究。对此感兴趣的朋友欢迎在博客里发表您的评论。

项目内容:首页上的一个新闻列表 。

项目人员:网站美工一名/页面制作人员一名/程序员一名。(有很多人是三者合一的,哈哈。)

美工主要负责出效果图,截图。如下图:

然后对该图进行提取,得到相应的背景图片,见项目img文件夹。

程序员的工作有几下几点:

根据需求设计网站数据库结构。 
定义底层相应的对象,如:user/news等等。 
定义数据访问层,包括访问数据库、编写存储过程等。 
提供表现层读取数据的方法供调用。
我这里定义的程序员几乎可以不了解html代码/javascript脚本/css样式。相对比较独立。项目中的程序员工作部分被我简化了,想了解的朋友可参考vs.Net2003中自带的几个例子,分层做得很有借鉴价值。

页面制作人员的工作:(PS:我给页面制作人员的定义可能有些超纲了。)

一:对美工的效果图进行初步的页面实现,如根据上边的效果图,初步可写成以下代码:

<h4>八卦新闻</h4>
<ul>
<li>大学生为啥争当农民</li>
<li>TVB制造8大极品女明星</li>
<li>上流社会秘密旅馆的真相</li>
<li>大学生洗鸳鸯浴被曝光</li>
<li>男明星性感阳刚露点</li>
<li>明星挖鼻抠脚丑态</li>
<li>陈好是怎样变成美女的</li>
<li>X光揭秘魔术师"吞剑"</li>
<li>西安一村“喝尿”强身</lil>
<li>汪明荃青春惊艳旧照片 </li>
</ul>

二:将需要动态生成的部分换成程序员提供的相应接口,如例子中的代码为:

<ul>
<%
Call LoadTopNews()
%>
</ul>

如果程序员对html代码不熟悉,表现层的很多程序代码也应该由页面制作人员来实现,如上边的LoadTopNews()中涉及到了html代码,此部分如页面制作人员完成不了,也应该与程序员共同协商。根据页面制作人员的需要写出相应的程序代码。

三:CSS的页面效果实现。详见项目中的css/Style.css。(略)

四:Javascript脚本的编写。本例子中仅设计了新闻的折叠显示功能,详见项目中js/common.js。(略)

写得有点粗糙,欢迎同行一起探讨!

http://www.chinahtml.com/webdesign/6/2006/11664172819636.shtml
转自:天河网 | www.skyhe.com

Posted at 2:25 PM | Comments[0]

转自:天河网 | www.skyhe.com

发表评论
We Used Ajax to Post Your Comment!
本站评论系统采用Ajax技术,无刷新发送评论
您的大名 *   
电子邮件  
5+6=? *(请输入“5+6=?”的结果)
评论内容 *