3. 实施

Ok.. 现在是真正的挑战的开始，因为“执行”才是实现应用。您可以划分这一阶段为以下几个步骤:

执行: 数据库

创建一个新数据库，写SQL代码定义表，属性和关系。看看下面的，过去我致力于一些有关此主题的文章的链接，以获取更多信息：

• How to use PHP and SQL to create DB tables and relationships 怎样使用PHP创建DB表和关系
• Create tables and relationships with SQL 使用SQL创建表和关系

执行: HTML

使用在设计阶段定义的页面结构实施 HTML 代码:

<div id=”header”> </div>
<div id=”navbar”> </div>
<div id=”mainContent”> </div>
<div id=”sidebar”> </div>
<div id=”footer”> </div>

此时添加所有在设计阶段定义的所需要的HTML元素。例如，如果mainContent部分包含一个标题，文字和文章的标签后，添加这些内容：

This is the moment to add all HTML elements you need in sections identified during Design phase. For example if the sections mainContent contains a post with a title, a text body and post tags, add these elements:

<div id=”header”> </div>
<div id=”navbar”> </div>

<div id=”mainContent”>

<h1><!– Post title –></h1>
<p><!– Text body –></p>
<small><!– Post tags –></small>
</div>

<div id=”sidebar”> </div>
<div id=”footer”> </div>

实施: CSS

当主体结构已经准备就绪，开始编写CSS代码添加样式。如果您需要一些如何撰写更好的CSS代码建议，请看看这些文章：

• CSS coding: semantic approach in naming convention CSS编码：语义的方法命名惯例
• Useful guidelines to improve CSS coding and maintainability 有益的改善的CSS编码和可维护性的指南

实施: 服务器端语言

实施应用类，应用功能,DB互动，查询，以及一切需要服务器端的实现的交互。

实施: JavaScript

使用在设计阶段选择的框架（ jQuery ， Scriptaculous ， MooTools …)来实施Ajax的功能（拖放，动画效果… ）

4. 测试

在这一阶段需要“强调”的是。你的应用程序能在各种条件下执行（例如使用不同的浏览器） 。您的目标是在最后释放前检测和修复所有的应用程序错误。

请记住，这一过程需要有条理，需要极大的耐心！试验的每个页面和每个功能（在这种情况下还可以帮助理顺应用图） 。如果您测试过程中发现一个bug ，修复它修改代码并继续进行最后的代码审核（一个不可告人的测试）。

5. 发布

最后你准备好发布了！在测试文件夹中发布并做最后的测试，假如一切都OK的话，那就进行最后的发布吧。

在Scribd上，阅读与下载此篇文章
下载 Woork Papers N1幻灯片 |你需要知道的开发Web应用程序的结构化过程

That’s all. 希望这篇文章能帮助到那些朋友，并要求我对这个主题做补充。

如果您有任何建议，以改善这一过程，请添加评论！谢谢： ）

英文原文：Structured process you must know to develop a web application

本文链接：http://www.blueidea.com/tech/site/2009/6751.asp　

出处：译言
责任编辑：bluehearts

上一页 开发Web应用程序的结构化过程 [2] 下一页

◎进入论坛网站综合、网页制作版块参加讨论