2008 年 5 月 22 日

本文是使用 Ajax 改造现有 Web 站点系列的第一篇文章，将展示如何使用简单的模式窗口（modal window）消除弹出窗口和导航死角。

Ajax 技术改变了大型商业 Web 应用程序的外观，但是许多较小的 Web 站点都不具备足够的资源重新构建完整的用户界面（UI）。Ajax 的一些新特性能够解决实际中的界面问题并改善用户体验。本文将展示如何使用简单的模式窗口消除弹出窗口和导航死角。通过应用渐进增强（progressive enhancement）这一理念，能够保证这些增强的 UI 特性不会损害站点的可访问性，并且严格遵守 Web 标准。

developerWorks Ajax 资源中心 请访问 Ajax 资源中心，这是与开发 Ajax 应用程序相关的免费工具、代码和信息的一站式中心。活跃的 Ajax 社区论坛 由 Ajax 专家 Jack Herrington 主持，这里的同行或许可以帮助您解答疑问。

本文假设您已经牢固掌握超文本标记语言（Hypertext Markup Language，HTML）和级联样式表（Cascading Style Sheet，CSS），基本了解 JavaScript 编程和 Ajax。示例应用程序仅使用客户端代码构建；本文演示的技术适用于任何服务器端应用程序框架。要运行示例站点，您至少需要在本地主机上运行一个基本的 Web 服务器。此外，您也可以仅跟随源代码并在我的 Web 服务器上查看运行中的示例站点（参见 参考资料 中的链接）。

概念介绍：使用 Ajax 改进您的站点

引导用户跟随特定路径 — 即，从产品搜索到付款购买 — 这种需求与 Web 本身的历史一样久。它一直都充满着风险：让用户迷失方向。您的导航路径越长、越复杂，用户经历的内容就越多。您需要为用户提供足够的信息，以防止他们在导航过程中失去兴趣。

......

Please access the below link to view the full content.