前言

Ajax是Web 2.0时代用于开发交互式网页的一种新兴技术，它集成了目前在浏览器中通过JavaScript脚本可使用的所有技术，并以一种革命性的方式来应用这些技术，使得传统的基于B/S模式的Web应用开发焕发了巨大的活力。

Adobe Dreamweaver CS3是业界领先的Web设计工具，它提供了对领先Web开发技术（包括HTML、XHTML、CSS、XML、JavaScript、PHP、ColdFusion、ASP、ASP.NET和JSP）的支持，具有高度的灵活性和强大的功能。与以前的Dreamweaver版本相比，CS3版本的最大亮点是增加了对Ajax技术的支持，主要体现在以下几个方面：

● Ajax Spry框架。使用该框架可以通过可视方式设计、开发和部署动态用户界面，构建向用户提供更丰富体验的网页，在减少页面刷新的同时，提升交互性、速度和可用性。

● Spry数据。Spry数据集是通过JavaScript脚本创建的一个对象。只需要在网页中编写几行代码，就可以创建一个Spry数据集对象并从指定的数据源（如XML文档、HTML表格以及JSON对象等）异步加载数据，然后在网页上通过Spry区域把数据集成到Web页中，集成的数据很容易进行排序和过滤。

● Spry构件。Spry构件是预置的常用用户界面组件，可以使用CSS自定义这些组件，然后将其添加到网页中。使用Dreamweaver CS3，可以将多个Spry构件添加到网页中，这些构件包括XML驱动的列表和表格、折叠构件、选项卡式面板、HTML面板、滑动面板、工具提示，以及具有验证功能的表单元素等。

● Spry效果。Spry效果是一种提高网站外观吸引力的简洁方式，这种效果几乎可应用于HTML页面上的所有元素，通过添加Spry效果可以放大、收缩、渐隐和高亮显示元素，在一段时间内以可视方式更改页面元素，以及执行更多操作。

为了帮助读者快速掌握使用Dreamweaver CS3创建基于Spry框架的Ajax网页，笔者结合自己长期从事动态网站开发和教学工作的实践经验编写了这本书。书中不仅系统地讲述了HTML网页设计、CSS样式应用、JavaScript语言编程、ASP网页编程、ADO数据访问，以及XML文档制作与转换等传统内容，也详细讨论了Ajax异步请求、Spry效果应用、Spry构件应用和Spry数据访问等最新知识。

本书特色

（1）可视化设计与手工编码有机结合，通过可视化设计提高效率，通过手工编码灵活控制程序流程，两者相辅相成、相得益彰。在讲解HTML网页设计、CSS样式应用、ASP动态网页编程、ADO数据访问、检查新用户名、用户登录，以及限制对页的访问时，既讲述如何利用Dreamweaver可视化工具或服务器行为快速实现某项功能，同时也介绍如何通过手工编码方式来实现同样的功能或实现服务器行为无法实现的功能。书中不仅讲述了如何利用Dreamweaver可视化工具添加Spry效果、创建Spry构件及实现Spry数据访问，还介绍了如何通过API编程方式实现这些功能，这样做不仅是为了更好地控制程序流程，也是为了在网页中应用最新的Spry框架。由于Dreamweaver CS3中内置的Spry框架版本为1.4，而该框架目前的最新版本为1.6，要使用Spry新版本中提供的Spry数据集和Spry构件，或者在Dreamweaver早期版本中使用Spry框架，都需要通过手工编码来实现。

（2）使用JavaScript作为ASP服务器端脚本语言。Ajax技术兼容所有的标准型的服务器和服务端语言，如PHP、ASP、ASP.NET、JSP等，开发人员可以选择适合于自己的服务器技术，然后开始结合Ajax技术进行开发。介绍ASP编程的图书一般选择VBScript作为服务器端脚本语言，而在客户端编程时又多选用JavaScript作为编程语言，这样就需要在不同脚本语言之间切换。在本书中选择多数读者比较熟悉的ASP作为服务器端技术，而且选用JavaScript作为服务器端脚本语言，这样可以在很大程度上与客户端JavaScript编程保持一致，而不必在不同脚本语言之间切换。

（3）通过丰富的实例来介绍结合Ajax应用的ASP动态网站开发技术。为了帮助读者在短时间内快速掌握用Dreamweaver CS3开发ASP动态网站及基于Spry框架从事Ajax应用开发的基本知识和技巧，书中提供近200个通过测试可运行的完整例子。在讲解这些例子时，首先给出最终的运行效果图，然后介绍详细的设计步骤，并提供上机操作的屏幕画面，在容易出现问题的地方，则以“注意”或“提示”的方式介绍一些常用技巧。每章后面均附有小结和习题，供读者进行复习和自我测试之用。

（4）提供了模块化综合设计实例。为了帮助读者综合应用书中讲述的内容，本书最后两章提供了会员管理系统和BSS管理系统两个设计实例，这两个实例都是动态网站的常用组成模块。讲述这些实例时，从系统功能分析到数据库设计与实现，从虚拟目录的创建到ASP JavaScript动态站点的设置，从CSS样式表和系统导航菜单的制作到每个ASP页面的实现，完整地介绍了ASP动态网站开发的全过程。

本书内容

本书分为15章，结合大量实例全面系统地讲述了如何使用Dreamweaver CS3作为开发工具来构建基于ASP JavaScript技术和Ajax Spry框架、由SQL Server数据库驱动的动态网站。各章内容是这样安排的：

第1章介绍Ajax基础知识，让读者了解什么是Ajax、Ajax的工作机制以及目前流行的Ajax框架，并掌握如何配置服务器端环境和创建Dreamweaver站点，在此基础上编写出自己的第一个Ajax网页。

第2章讲述HTML网页设计基本知识，主要介绍HTML语言基础、设置文本格式、在网页中应用表格和图像、为网页添加动感效果、在网页中应用超链接、设计框架网页以及设计表单。

第3章讲解如何通过CSS控制网页外观，主要介绍创建和应用CSS、CSS单位应用以及设置CSS属性。

第4章讲述JavaScript脚本语言编程，主要介绍JavaScript基础、流程控制语句、函数、面向对象编程和文档对象模型。

第5章讲解如何在网页中应用Spry效果，主要介绍Spry效果基本原理、简单效果应用和各种预定义效果应用。

第6章讨论如何在网页中使用Spry构件，主要介绍Spry构件的结构和基本操作、折叠构件应用、可折叠面板应用、选项卡式面板应用、菜单栏构件应用以及其他Spry构件（滑动面板、HTML面板和工具提示）应用。

第7章讲述如何使用JavaScript脚本语言创建ASP动态网页，主要介绍ASP编程基础以及各个ASP内置对象的应用，包括Request对象、Response对象、Server对象、Session对象以及Application对象。

第8章讨论如何使用Spry构件进行表单验证，主要介绍Spry验证文本框、Spry验证文本区域、Spry验证列表框、Spry验证复选框、Spry验证单选按钮、Spry验证密码框构件以及Spry验证确认构件等。

第9章讨论如何通过ADO技术在ASP页上实现数据访问，主要介绍创建数据库连接、查询记录、添加记录、更新记录和删除记录。

第10章讲述XML与XSLT的基本知识，主要介绍XML文档规则、用DTD规范XML文档、用Schema规范XML文档、用XSLT转换XML以及用DOM访问XML。

第11章讲解Ajax异步通信技术，主要介绍HTTP请求/响应基础、使用XMLHttpRequest对象、发送异步请求以及处理服务器响应。

第12章讨论如何使用Spry框架实现XML数据访问，主要介绍创建Spry XML数据集、通过动态区域显示数据以及获取和操作数据。

第13章继续探讨Spry数据访问技术，主要介绍HTML数据集、JSON数据集、嵌套数据集以及分页视图数据集。

第14章介绍了一个综合设计实例，即以Dreamweaver CS3作为开发工具，使用ASP JavaScript技术并结合Ajax Spry框架实现一个会员管理系统，并介绍了“登录用户”、“检查新用户名”以及“限制对页的访问”等服务器行为的应用。

第15章介绍了另一个综合设计实例，即以Dreamweaver CS3作为开发工具，使用ASP JavaScript技术并结合Ajax Spry框架实现一个BBS管理系统，并介绍了如何在SQL Server数据库中使用存储过程或触发器来实现业务逻辑，以及通过Ajax异步请求检查用户名、使用HTML面板实现主/详细区域功能和使用Spry滑动面板显示回复信息等设计技巧。

本书中用到的一些人名和电子邮件地址均属虚构，如有雷同，实属巧合。

致谢

本书由赵增敏编著。参加本书编写、文字输入和代码测试的还有朱粹丹、赵朱曦、李菲、郭宏等，在此一并致谢。非常感谢博文视点郭立总经理、高洪霞编辑，她们为本书的选题策划、编辑加工和出版发行付出了辛勤的劳动。

由于作者水平所限，书中错误和疏漏之处在所难免，欢迎广大读者批评指正。

作者

2007年12月