Web 站点由一组 Web 页面组成。Web 页面包含实际的内容时,则 Web 站点是这些 Web 页面的分层设计和组织。要设计站点,则需要通过确定 Web 站点的高级目标来确定站点策略。
Web 站点应该具有一个高级目标(例如,销售产品),而每个 Web 页面则可以在满足此高级目标方面起到特定的作用(例如,用于销售的产品列表或购物车页面)。作为一个单元,组成 Web 站点的 Web 页面应具有相似的可视设计和布局。各个页面应相互关联,这样 Web 站点就会成为一个整体。开始项目时,首先应考虑 Web 站点的设计,然后再创建各个 Web 页面。否则,您的 Web 站点很容易出现下列问题:各个 Web 页面杂乱无章,组织结构不好,或者没有明显的可视关系。
当开发 Web 应用程序时,考虑 Web 站点总体设计非常重要。每个 Web 站点都有一个主要目标和一些较低级别的子目标,这些子目标的功用就是支持 Web 站点的主要目标。在开始开发各个 Web 页面之前,在 Web 站点设计阶段中应考虑这些目标,以确保您设计出来的 Web 应用程序能够成为一个整体并且是完整的。
当 Web 应用程序被部署到服务器并可从 Web 访问时,可以将应用程序看作 Web 站点。从最终用户的角度设计 Web 站点,这一点在确定站点的外观以及 Web 站点资源需求方面很重要。例如,您可以考虑用户将如何在各页面之间切换、将对每个页面执行的任务以及如何完成那些任务。站点的可视设计应补充站点的功能。
Rational® Studio 提供了一些工具(如 Web Site Designer 和 Web 图编辑器)以在 Web 应用程序开发的这一阶段提供帮助。开始着手 Web 项目时,应考虑 Web 站点的高级目标(包括业务逻辑流、Web 页面的布局和结构、站点的导航以及站点的可视外观)。然后,将创建和设计组成 Web 站点的各个 Web 页面,包括静态 HTML 页面和动态 JSP 页面,同时考虑样式表、图像、动态链接、数据存取等等。
如果想要了解有关应用程序开发的计划和高级阶段的更多内容,请参阅 Web 应用程序概述中的信息及其在信息中心中的附带部分。