Dreamweaver CS5教程：创建与编辑Spry区域

"Adobe_Dreamweaver_CS5官方教程_2" 在Adobe Dreamweaver CS5中，Spry页是一种强大的工具，它允许开发者以可视化的方式创建交互式网页元素，特别是与数据相关的功能。 Spry框架提供了两种主要类型的区域：Spry区域和Spry详细区域。 Spry区域是用于包围数据对象的基础，如表格和重复列表。这些数据对象必须被包含在一个Spry区域内，以便能够利用其动态功能。如果你尝试在没有 Spry 区域的情况下添加 Spry 数据对象，Dreamweaver会提示你首先创建一个 Spry 区域。 默认情况下， Spry 区域是以 HTML 的 `<div>` 容器形式存在的。创建 Spry 区域的过程包括以下几个步骤： 1. 通过“插入”菜单选择“Spry”然后点击“Spry区域”，或者直接在“插入”面板的“Spry”类别中点击“Spry区域”按钮。 2. 在弹出的对话框中，你可以选择使用`<div>`或`<span>`作为对象容器。通常，`<div>`是默认选项。 3. 选择要创建的区域类型：普通“区域”或“详细区域”。普通区域适用于一般的数据展示，而“详细区域”则用于与主表格对象配合，实现数据的动态更新。详细区域仅在需要根据其他Spry区域数据变化来更新数据时使用。 4. 选择一个已有的Spry数据集。数据集是存储数据的容器，可以从下拉菜单中选取。 5. 如果你有选中的内容，可以选择“环绕选定内容”或“替换选定内容”，决定新区域如何与现有内容交互。 6. 点击“确定”后，Dreamweaver会在页面上放置一个占位符，显示“此处为Spry区域的内容”。你可以用 Spry 数据对象（如表格、重复列表）或动态数据（通过“绑定”面板）替换这个占位符。 重要的是要注意，当创建 Spry 详细区域时，它需要插入到与主表格区域所在的 `<div>` 不同的位置。这可能需要在“代码”视图中精确操作，确保详细区域的正确定位。在“绑定”面板中，除了数据集，还有内置的 Spry 元素可供选择，如 ds_R，这些元素可以帮助你构建更复杂的交互功能。 Dreamweaver CS5 提供的 Spry 功能使得非编码人员也能轻松创建动态、交互式的网页元素，极大地提升了网页设计的效率和灵活性。通过熟练掌握 Spry 区域和详细区域的使用，开发者可以构建更加用户友好的数据驱动网站。