Dreamweaver_CS5_网页制作_免费官方教程

 容器。 3   选择下列选项之一： · 要创建 Spry 区域，请选择 “ 区域 ” （这是默认值）作为要插入的区域类型。 · 要创建 Spry 详细区域，请选择 “ 详细区域 ” 选项。只有当您希望绑定动态数据时，才应使用详细区域，当另一个 Spry 区域 中的数据发生变化时，动态数据将随之更新。 重要说明：您需要将详细区域插入与主表格区域所在的  创建 Spry 重复区域 您可以添加重复区域来显示数据。重复区域是一个简单数据结构，您可以根据需要设置它的格式以显示数据。例如，您可以使 用重复区域在页面布局对象 （如 AP div 元素）中逐张显示一组照片缩略图。 1   选择 “ 插入 ”>“Spry”>“Spry 重复项 ”。 您也可以在 “ 插入 ” 面板中的 “Spry” 类别中，单击 “Spry 重复项 ” 按钮。 2   对于对象容器，根据所需的标签类型选择 “ 创建 Spry 重复列表区域 您可以添加重复列表，以便将数据显示为经过排序的列表、未经排序的 （项目符号）列表、定义列表或下拉列表。 1   选择 “ 插入 ”>“Spry”>“Spry 重复列表 ”。 您也可以在 “ 插入 ” 面板中的 “Spry” 类别中，单击 “Spry 重复列表 ” 按钮。 2   选择要使用的容器标签：UL、 OL、 DL 或 SELECT。其它选项因所选容器而异。如果您选择 “SELECT”，则必须定义下 列域： · 显示列：这是用户在其浏览器中查看页面时所看到的内容。 · 值列：这是发送到后台服务器的实际值。 例如，您可以创建一个州列表，向用户显示 “Alabama” 和 “Alaska”，但向服务器发送 “AL” 或 “AK”。还可以使用 SELECT 作为导航工具，并向用户显示产品名 （如 “Adobe Dreamweaver” 和 “Adobe Acrobat”），但向服务器发送 URL （如 “support/products/dreamweaver.html” 和 “support/products/acrobat.html”）。 3   从该菜单中选择您的 Spry 数据集。 4   选择要显示的列。 5   单击 “ 确定 ” 即可在页面上显示重复列表区域。在 “ 代码 ” 视图中，会看到 HTML 

、
、

 或 FORM select 标签 已插入到您的文件中。 注：如果您尝试插入重复列表区域，但是尚未创建区域， Dreamweaver 会提示您在插入重复列表区域之前添加一个区域。所 有的 Spry 数据对象都必须包含在区域中。 添加 Spry 效果 Spry 效果概述 “Spry 效果 ” 是视觉增强功能，可以将它们应用于使用 JavaScript 的 HTML 页面上几乎所有的元素。效果通常用于在一段时 间内高亮显示信息，创建动画过渡或者以可视方式修改页面元素。您可以将效果直接应用于 HTML 元素，而无需其它自定义 标签。 注：要向某个元素应用效果，该元素当前必须处于选定状态，或者它必须具有一个 ID。例如，如果要向当前未选定的 div 标签 应用高亮显示效果，该 div 必须具有一个有效的 ID 值。如果该元素尚且没有有效的 ID 值，您将需要向 HTML 代码中添加一 个 ID 值。 效果可以修改元素的不透明度、缩放比例、位置和样式属性 （如背景颜色）。可以组合两个或多个属性来创建有趣的视觉效 果。 由于这些效果都基于 Spry，因此在用户单击应用了效果的元素时，仅会动态更新该元素，不会刷新整个 HTML 页面。 草稿 上次更新 2010/3/21 使用 DREAMWEAVER CS5   397 以可视方式生成 Spry 页 Spry 包括下列效果： 显示 / 渐隐   使元素显示或渐隐。 高亮颜色  更改元素的背景颜色。 遮帘   模拟百叶窗，向上或向下滚动百叶窗来隐藏或显示元素。 滑动  上下移动元素。 增大 / 收缩  使元素变大或变小。 晃动  模拟从左向右晃动元素。 挤压  使元素从页面的左上角消失。 重要说明：当您使用效果时，系统会在 “ 代码 ” 视图中将不同的代码行添加到您的文件中。其中的一行代码用来标识 SpryEffects.js 文件，该文件是包括这些效果所必需的。请不要从代码中删除该行，否则这些效果将不起作用。 有关 Spry 框架中可用的 Spry 效果的全面概述，请访问 www.adobe.com/go/learn_dw_spryeffects_cn。 应用显示 / 渐隐效果 注：此效果可用于除下列元素之外的所有 HTML 元素：applet、 body、 iframe、 object、 tr、 tbody 和 th。 1  （可选）选择要为其应用效果的内容或布局元素。 2   在 “ 行为 ” 面板 （“ 窗口 ”>“ 行为 ”）中，单击加号 (+) 按钮，从菜单中选择 “ 效果 ”>“ 显示 / 渐隐 ”。 3   从目标元素菜单中，选择元素的 ID。如果已选择元素，请选择 “< 当前选定内容 >”。 4   在 “ 效果持续时间 ” 框中，定义此效果持续的时间，用毫秒表示。 5   选择要应用的效果：“ 渐隐 ” 或 “ 显示 ”。 6   在 “ 渐隐自 ” 框中，定义显示此效果所需的不透明度百分比。 7   在 “ 渐隐到 ” 框中，定义要渐隐到的不透明度百分比。 8   如果您希望该效果是可逆的（即连续单击即可从 “ 渐隐 ” 转换为 “ 显示 ” 或从 “ 显示 ” 转换为 “ 渐隐 ”），请选择 “ 切换效果 ”。 应用遮帘效果 注：此效果仅可用于下列 HTML 元素：address、dd、div、dl、dt、form、h1、h2、h3、h4、h5、h6、p、ol、ul、li、applet、 center、 dir、 menu 和 pre。 1  （可选）选择要为其应用效果的内容或布局元素。 2   在 “ 行为 ” 面板 （“ 窗口 ”>“ 行为 ”）中，单击加号 (+) 按钮，从菜单中选择 “ 效果 ”>“ 遮帘 ”。 3   从目标元素菜单中，选择元素的 ID。如果已选择元素，请选择 “< 当前选定内容 >”。 4   在 “ 效果持续时间 ” 框中，定义此效果持续的时间，用毫秒表示。 5   选择要应用的效果：“ 向上遮帘 ” 或 “ 向下遮帘 ”。 6   在 “ 向上遮帘自 / 向下遮帘自 ” 框中，以百分比或像素值形式定义遮帘的起始滚动点。这些值是从元素的顶部开始计算的。 7   在 “ 向上遮帘到 / 向下遮帘到 ” 域中，以百分比或像素值形式定义遮帘的结束滚动点。这些值是从元素的顶部开始计算的。 8   如果您希望该效果是可逆的 （即连续单击即可上下滚动），请选择 “ 切换效果 ”。 草稿 上次更新 2010/3/21 使用 DREAMWEAVER CS5   398 以可视方式生成 Spry 页 应用增大 / 收缩效果 注：此效果可用于下列 HTML 元素：address、 dd、 div、 dl、 dt、 form、 p、 ol、 ul、 applet、 center、 dir、 menu 和 pre。 1  （可选）选择要为其应用效果的内容或布局元素。 2   在 “ 行为 ” 面板 （“ 窗口 ”>“ 行为 ”）中，单击加号 (+) 按钮，从弹出菜单中选择 “ 效果 ”>“ 增大 / 收缩 ”。 3   从目标元素弹出菜单中，选择元素的 ID。如果已选择元素，请选择 “< 当前选定内容 >”。 4   在 “ 效果持续时间 ” 域中，定义出现此效果所需的时间，用毫秒表示。 5   选择要应用的效果：“ 增大 ” 或 “ 收缩 ”。 6   在 “ 增大自 / 收缩自 ” 框中，定义元素在效果开始时的大小。该值为百分比大小或像素值。 7   在 “ 增大到 / 收缩到 ” 框中，定义元素在效果结束时的大小。该值为百分比大小或像素值。 8   如果您为“增大自/收缩自”或“增大到/收缩到”框选择像素值，“宽/高”域就会可见。元素将根据您选择的选项相应地增大或 收缩。 9   选择您希望元素增大或收缩到页面的左上角还是页面的中心。 10 如果您希望该效果是可逆的 （即，连续单击即可增大或收缩），请选择 “ 切换效果 ”。 应用高亮效果 注：此效果可用于除下列元素之外的所有 HTML 元素：applet、 body、 frame、 frameset 和 noframes。 1  （可选）选择要为其应用效果的内容或布局元素。 2   在 “ 行为 ” 面板 （“ 窗口 ”>“ 行为 ”）中，单击加号 (+) 按钮，从菜单中选择 “ 效果 ”>“ 高亮显示 ”。 3   从目标元素菜单中，选择元素的 ID。如果已选择元素，请选择 “< 当前选定内容 >”。 4   在 “ 效果持续时间 ” 框中，定义您希望此效果持续的时间，用毫秒表示。 5   选择您希望以哪种颜色开始高亮显示。 6   选择您希望以哪种颜色结束高亮显示。此效果将持续的时间为您在 “ 效果持续时间 ” 中定义的时间。 7   选择元素在完成高亮显示之后的颜色。 8   如果您希望该效果是可逆的，即通过连续单击来循环使用高亮颜色，请选择 “ 切换效果 ”。 应用晃动效果 注：此效果适用于下列 HTML 元素：address、blockquote、dd、div、dl、dt、fieldset、form、h1、h2、h3、h4、h5、h6、 iframe、 img、 object、 p、 ol、 ul、 li、 applet、 dir、 hr、 menu、 pre 和 table。 1  （可选）选择要为其应用效果的内容或布局元素。 2   在 “ 行为 ” 面板 （“ 窗口 ”>“ 行为 ”）中，单击加号 (+) 按钮，从菜单中选择 “ 效果 ”>“ 晃动 ”。 3   从目标元素菜单中，选择元素的 ID。如果已选择元素，请选择 “< 当前选定内容 >”。 应用滑动效果 要使滑动效果正常工作，必须将目标元素封装在具有唯一 ID 的容器标签中。用于封装目标元素的容器标签必须是 blockquote、 dd、 form、 div 或 center 标签。 目标元素标签必须是以下标签之一：blockquote、 dd、 div、 form、 center、 table、 span、 input、 textarea、 select 或 image。 1  （可选）选择要应用效果的内容的容器标签。 草稿 上次更新 2010/3/21 使用 DREAMWEAVER CS5   399 以可视方式生成 Spry 页 2   在 “ 行为 ” 面板 （“ 窗口 ”>“ 行为 ”）中，单击加号 (+) 按钮，并从菜单中选择 “ 效果 ”>“ 滑动 ”。 3   从目标元素菜单中选择容器标签的 ID。如果已选择容器，请选择 < 当前选定内容 >。 4   在 “ 效果持续时间 ” 域中，定义出现此效果所需的时间，用毫秒表示。 5   选择要应用的效果：“ 上滑 ” 或 “ 下滑 ”。 6   在 “ 上滑自 ” 框中，以百分比或像素值形式定义起始滑动点。 7   在 “ 上滑到 ” 框中，以百分比或正像素值形式定义滑动结束点。 8   如果您希望该效果是可逆的，即通过连续单击上下滑动，请选择 “ 切换效果 ”。 应用挤压效果 注：此效果仅可用于下列 HTML 元素：address、dd、div、dl、dt、form、img、p、ol、ul、applet、center、dir、menu 和 pre。 1  （可选）选择要为其应用效果的内容或布局元素。 2   在 “ 行为 ” 面板 （“ 窗口 ”>“ 行为 ”）中，单击加号 (+) 按钮，从菜单中选择 “ 效果 ”>“ 挤压 ”。 3   从目标元素菜单中，选择元素的 ID。如果已选择元素，请选择 “< 当前选定内容 >”。 添加其它效果 同一个元素可以关联多个效果行为，得到的结果将非常有趣。 1  （可选）选择要为其应用效果的内容或布局元素。 2   在 “ 行为 ” 面板 （“ 窗口 ”>“ 行为 ”）中，单击加号 (+) 按钮，从 “ 效果 ” 菜单中选择效果。 3   从目标元素菜单中，选择元素的 ID。如果已选择元素，请选择 “< 当前选定内容 >”。 删除效果 您可以从元素中删除一个或多个效果行为。 1  （可选）选择要为其应用效果的内容或布局元素。 2   在 “ 行为 ” 面板 （“ 窗口 ”>“ 行为 ”）中，单击要从行为列表中删除的效果。 3   请执行下列操作之一： · 在子面板的标题栏中单击 “ 删除事件 ” 按钮 (-)。 · 右键单击 (Windows) 或按住 Control 并单击 (Macintosh) 要删除的行为，然后选择 “ 删除行为 ”。 草稿 上次更新 2010/3/21 第 16 章 : 使用 Adobe 在线服务 管理 Adobe 在线服务的连接 Adobe® Creative Suite® 5 包含在线服务，能够为您提供强大的桌面 Web 功能。可以使用这些服务联系社区、进行协作以及充 分利用 Adobe 工具。这些服务与 Creative Suite 5 集成在一起，以使您能够快速增强现有工作流程。某些服务在脱机状态下也 可以提供完整功能或部分功能。 Adobe® Acrobat.com  创建在线文档和演示文稿，在安全的审阅环境中共享文档以及远程存储文件。您不必担心平台兼容 性、穿越防火墙或安装软件等问题。 Adobe® BrowserLab  生成在不同浏览器和操作系统中显示的网页的屏幕抓图，并将其并排进行比较。 Adobe® Business Catalyst  使用此承载应用程序，可构建任何内容，包括数据驱动的基本 Web 站点，以及功能强大的在线 商店。 Adobe® ConnectNow  通过 Web 与分散的工作团队协作，共享语音、数据和多媒体。 Adobe® CS Review  发布设计文件 （包括 Photoshop 小样文件），并使其他人通过一些注释工具快速审阅文件并添加注释。 CS Live 服务包括以下四个在线服务：ConnectNow、 BrowserLab、 CS Review 和 Acrobat.com。 有关管理服务的信息，请访问 Adobe 网站，网址是 www.adobe.com/go/learn_creativeservices_cn。 某些 Creative Suite 5 应用程序包含单独的服务。 访问 CS Live 1   在 Adobe InDesign、Photoshop、Illustrator、Flash、Fireworks 或 Dreamweaver 中，选择 “ 窗口 ”>“ 扩展功能 ”>“ 访 问 CS Live”。 2   如有必要，请单击面板中的 “ 登录 ” 链接，输入 Adobe ID 和密码，然后单击 “ 登录 ” 按钮。 注：如果您在安装过程中提供了 Adobe ID 和密码，则可以自动登录到所使用的应用程序。 3  （可选）要在重新启动应用程序时保持登录状态，请选择 “ 保持登录状态 ”。 BrowserLab Adobe BrowserLab 允许您从 Dreamweaver 中预览本地 Web 内容，不需要先将该内容发布到可公开访问的服务器。可从本 地 Dreamweaver 站点，也可从远程服务器或测试服务器，来预览文件。 Dreamweaver 工程团队以视频方式概述了 BrowserLab 的用法，请访问 www.adobe.com/go/dwcs5browserlab_cn。 设置文件位置首选参数 BrowserLab 允许您预览本地版本的文件 （即未上传到 Web 服务器的文件）或其它服务器上的文件 （例如，远程模拟调试服 务器或远程测试服务器）。 预览本地文件时， BrowserLab 实际上将文件上传到 BrowserLab 服务器，在不同浏览器中创建页面的屏幕快照，然后在 BrowserLab 应用程序窗口中显示屏幕快照。从服务器预览文件时， BrowserLab 执行与对其它实时文件执行的相同操作：在 不同浏览器中创建服务器文件的屏幕快照，然后在 BrowserLab 应用程序窗口中显示屏幕快照。 1   选择 “ 窗口 ”>“ 扩展 ”>“Adobe BrowserLab”。 400 草稿 上次更新 2010/3/21 使用 DREAMWEAVER CS5   401 使用 Adobe 在线服务 2   在 BrowserLab 的 Web 服务面板中，从弹出菜单中选择一个位置。 注：所选择的文件位置在您再次对其进行更改之前会保持不变。 本地  指示 BrowserLab 从本地站点预览文件。从 “ 设计 ” 或 “ 代码 ” 视图预览文件时， BrowserLab 使用本地文件作为其 屏幕快照的源。从 “ 实时 ” 视图预览文件时， BrowserLab 使用 WebKit （“ 实时 ” 视图的呈现引擎）呈现的页面作为其屏 幕快照的源。 服务器  指示 BrowserLab 从活动服务器预览文件。 使用服务器配置 （即并非本地 Dreamweaver 站点中的文件）预览文件时， BrowserLab 使用的服务器是 Dreamweaver 中处于活动状态的服务器。活动服务器是上次在展开或折叠的 “ 文件 ” 面板中从 “ 服务器 ” 视图菜单选择的服务器。例如， 如果一直是将文件从本地站点上传到所定义的测试服务器，则 BrowserLab 将在该测试服务器上创建所指定文件的屏幕快 照。 Dreamweaver 会记住并保持该设置，直至您手动更改活动服务器为止。若要查看哪个服务器是活动服务器，请单击 “ 文件 ” 面板中的 “ 展开 ” 按钮。所选择的服务器 （测试服务器或远程服务器）是活动服务器。 重要说明：如果活动服务器是远程服务器 （例如，远程模拟调试服务器）或测试服务器，则必须填写服务器的 “ 基本 ” 编辑 视图中的 “Web URL” 文本框。Web URL 应对应于所指定的远程或测试服务器位置（FTP 站点的 FTP 地址、本地 / 网络 站点的远程文件夹，等等）。 预览页面 1   在 Dreamweaver 中，打开要预览的页面。 2   选择 “ 文件 ”>“ 在浏览器中预览 ”>“Adobe BrowserLab”。 3   当打开 BrowserLab 登录屏幕时，输入 Adobe ID （电子邮件地址）和密码，然后单击 “ 登录 ”。 编辑和刷新页面 您可以在 Dreamweaver 中编辑本地页面，然后在 BrowserLab 中刷新页面，无需在 Dreamweaver 中保存文件或者将文件上 传到服务器。如果要对 CSS 进行很多编辑工作，并且想要在进行编辑时无需保存更改即可预览每项更改，则此选项特别有用。 注：如果您在 BrowserLab 中使用远程配置进行预览，则在预览之前， BrowserLab 会自动保存文件并将文件上传到活动服务 器。 1   在 Dreamweaver 中，打开要预览的页面。 2   选择 “ 文件 ”>“ 在浏览器中预览 ”>“Adobe BrowserLab”。 3   对页面或附加到页面的 CSS 进行更改。 4   单击 BrowserLab 应用程序窗口中的 “ 刷新 ” 按钮。 无需先保存本地更改， BrowserLab 即可预览页面。 草稿 上次更新 2010/3/21 使用 DREAMWEAVER CS5   402 使用 Adobe 在线服务 更多帮助主题 第 238 页的 “ 在 Dreamweaver 中预览页面 ” 第 38 页的 “ 设置测试服务器 ” 第 39 页的 “ 关于测试服务器的 Web URL” Business Catalyst InContext Editing 关于 Business Catalyst InContext Editing Adobe Business Catalyst InContext Editing 是一种在线托管服务，用户通过它可以在 Web 浏览器中对内容进行简单的更 改。若要更改某个网页，用户只需浏览到该页面，登录到 InContext Editing 服务，然后编辑该页面。编辑选项简单而精致， 使用这些选项无需预先了解关于 HTML 代码或 Web 编辑的知识。 允许用户在 Web 上实时更改您的 HTML 页面之前，您需要使用 Dreamweaver 让这些 HTML 页面成为可编辑页面。只需指 定希望允许用户编辑的页面区域，即可实现此目的。例如，您可能拥有包含文章标题和广告词的新闻页面。您可以选择这些内 容，然后将其转换为 InContext Editing 可编辑区域，这样用户在登录 InContext Editing 服务后，可以直接在浏览器中编辑 这些标题和广告词。 此文档介绍如何在 Dreamweaver 中使用 InContext Editing 可编辑区域；但 Adobe 还提供了大量其它资源，帮助您使用 InContext Editing： · 有关 Adobe InContext Editing 的视频概览，请访问 www.adobe.com/go/lrvid4045_dw_cn。 · 有关 InContext Editing 入门的更多资源 （含

教程

人力资源管理pdf成真迷上我教程下载西门子数控教程protel99se入门教程fi6130z安装使用教程

），请访问 www.adobe.com/go/incontextediting_getstarted_cn。 · 有关使用 InContext Editing 在浏览器中编辑页面的文档，请访问 www.adobe.com/go/learn_dw_incontextediting_browser_cn。 · 有关使用 InContext Editing 管理面板的文档，请访问 www.adobe.com/go/learn_dw_incontextediting_administration_guide_cn。 注：在某些情况下， Adobe Business Catalyst InContext Editing 会出现异常。有关特定网络、浏览器、页面和编辑限制的 列表，请访问 www.adobe.com/go/incontextediting_limitations_cn。 注： Adobe AIR 不支持 Adobe Business Catalyst InContext Editing。如果使用 AIR Extension for Dreamweaver 导出 包含 InContext Editing 区域的应用程序， InContext Editing 功能将失效。 创建 InContext Editing 可编辑区域 InContext Editing 可编辑区域由开始标签中包含 ice:editable 属性的一对 HTML 标签构成。可编辑区域定义了用户可以直接 在浏览器中编辑的页面区域。 注：如果向基于 Dreamweaver 

模板

个人简介word模板免费下载关于员工迟到处罚通告模板康奈尔office模板下载康奈尔 笔记本 模板 下载软件方案模板免费下载

的页面添加 InContext Editing 可编辑区域，新的 InContext Editing 可编辑区域必须位 于已可编辑的区域内。 1   执行以下操作之一： · 选择要转换为可编辑区域的 div、 th 或 td 标签。 · 将插入点置于要插入新的可编辑区域的页面位置。 · 在 Dreamweaver 模板 （DWT 文件）中选择且仅选择一个可编辑区域。 · 选择希望可供编辑的其它页面内容 （例如文本块）。 2   选择 “ 插入 ”>“InContext Editing”>“ 创建可编辑区域 ”。 草稿 上次更新 2010/3/21 使用 DREAMWEAVER CS5   403 使用 Adobe 在线服务 3   选项因所选内容而异。 · 如果选择了 div、 th 或 td 标签， Dreamweaver 会将其转换为可编辑区域，无需任何其它步骤。 · 如果要插入新的空白可编辑区域，请执行以下操作之一： · 选择 “ 在当前插入点处插入新的可编辑区域 ”，单击 “ 确定 ”。Dreamweaver 会在您的代码中插入 div 标签，其开始标 签中具有 ice:editable 属性。 · 如果希望 Dreamweaver 将选区的父标签作为可编辑区域的容器元素，请选择 “ 将父标签转换为可编辑区域 ”。只有 以下这些 HTML 标签可供转换：div、 th 和 td。 注：此第二选项仅适用于父节点满足严格转换标准的情况。例如，它必须是列出的可转换标签之一，且必须没有 第 406 页的 “InContext Editing 错误消息 ” 中列出的任何错误。 · 如果选择了 Dreamweaver 模板可编辑区域，请在 “ 创建可编辑区域 ” 对话框中单击 “ 确定 ”。Dreamweaver 使用 div 标 签来封装模板可编辑区域，该标签将用作新 InContext Editing 可编辑区域的容器。 · 如果选择了希望可供编辑的其它内容，请执行以下操作之一： · 如果希望封装通过 div 标签选择的任何内容，并将其转换为可编辑区域，请选择 “ 将当前选择的内容封装在 DIV 标签 内，然后对其进行转换 ”。 Dreamweaver 用来封装内容的 div 标签将用作可编辑区域的容器。 注：向页面添加 div 标签可能会改变页面外观和 CSS 规则的效果。例如，如果您的 CSS 规则在 div 标签周围应用红 色边框，则当 Dreamweaver 使用 div 标签封装当前选区，然后转换该选区时，您会在选区周围看到红色边框。若要 避免此类冲突，可以改写影响当前选区的 CSS 规则，也可以撤消转换 （“ 编辑 ”>“ 撤消 ”），然后选择并转换 Dreamweaver 无需使用 div 标签来封装的受支持的标签。 · 如果希望 Dreamweaver 将选区的父标签作为可编辑区域的容器元素，请选择 “ 将父标签转换为可编辑区域 ”。只有 以下这些 HTML 标签可供转换：div、 th 和 td。 4   在 “ 设计视图 ” 中，如果尚未选择可编辑区域，请单击它的蓝色选项卡，将其选中。 注：如果正在使用 Dreamweaver 模板，请确保选择的是 InContext Editing 可编辑区域 （容器区域），而非 Dreamweaver 模板可编辑区域。 5   在 “ 可编辑区域属性检查器 ” 中，根据需要选择或取消选择选项。用户在浏览器中编辑可编辑区域的内容时，这里选中的选项 将可供他们使用。例如，如果选择了 “ 粗体 ” 选项，用户将能够加粗文本；如果选择了 “ 编号列表 ” 和 “ 项目列表 ” 选项， 用户将能够创建编号列表和项目列表；如果选择了 “ 链接 ” 选项，用户将能够创建链接；诸如此类。如果将鼠标悬停在各个 选项图标上，可以看到对该选项所启用内容的工具提示。 6   保存页面。 如果这是您首次向页面添加 InContext Editing 功能， Dreamweaver 会通知您，它正在向您的站点添加 InContext Editing 支持文件：ice.conf.js、 ice.js 和 ide.html。上传页面时，将务必将这些文件也上传到服务器，否则无法在浏览器 中使用 InContext Editing 功能。 创建 InContext Editing 重复区域 InContext Editing 重复区域由开始标签中包含 ice:repeating 属性的一对 HTML 标签构成。重复区域定义了用户在浏览器中进 行编辑时，可以 “ 重复 ” 和向其中添加内容的页面区域。例如，如果您有一个标题，后接一段文本，则可以将这些元素转换为 用户可在页面上复制的重复区域。 草稿 上次更新 2010/3/21 使用 DREAMWEAVER CS5   404 使用 Adobe 在线服务 可编辑 InContext Editing 浏览器窗口中看到的重复区域。下方区域已选中，可供再次复制、删除或上下移动。 除了在原始区域的基础上添加重复区域，还可以提供相关选项，让用户能够删除区域、添加全新区域 （不基于原始区域的内 容）以及上下移动区域。 创建重复区域时， Dreamweaver 将其封装在称为 “ 重复区域组 ” 的另一个容器中。此容器由一对 div 标签构成，其开始标签 添加有 ice:repeatinggroup 属性。它是用户可添加到组中的所有可编辑重复区域的容器。无法将重复区域移出其重复区域组容 器。此外，不应手动向页面添加重复区域组标签。 Dreamweaver 会在需要处自动为您添加这些标签。 注：根据表格行（tr 标签）创建重复区域时，Dreamweaver 将对父标签（例如，table 标签）应用重复区域组属性，而不插入 div 标签。 如果正在使用的页面已包含重复区域组，那么尝试紧跟在现有组之后添加重复区域时， Dreamweaver 会检测到在您尝试添加 的区域之前存在重复区域组，并提供将新区域添加到现有组的选项。您可以选择是将新的重复区域添加到现有组，还是创建全 新的重复区域组。 注：如果向基于 Dreamweaver 模板的页面添加 InContext Editing 重复区域，新的 InContext Editing 重复区域必须位于已 可编辑的区域内。 若要在 Dreamweaver 中创建重复区域，请执行以下步骤。 1   执行以下操作之一： · 选择要转换为重复区域的标签。可选标签很多，列表如下：a、abbr、acronym、address、b、big、blockquote、center、 cite、code、dd、dfn、dir、div、dl、dt、em、font、h1、h2、h3、h4、h5、h6、hr、i、img、ins、kbd、label、li、 menu、 ol、 p、 pre、 q、 s、 samp、 small、 span、 strike、 strong、 sub、 sup、 table、 tbody、 tr、 tt、 u、 ul 和 var。 注：只有 div 标签可以同时包含可编辑区域属性和重复区域属性。 · 将插入点置于要插入新的重复区域的页面位置。 · 在 Dreamweaver 模板 （DWT 文件）中选择且仅选择一个重复区域。 · 选择希望可供重复的其它页面内容 （例如标题和文本块）。 2   选择 “ 插入 ”>“InContext Editing”>“ 创建重复区域 ”。 草稿 上次更新 2010/3/21 使用 DREAMWEAVER CS5   405 使用 Adobe 在线服务 3   选项因所选内容而异。 · 如果选择了可转换标签， Dreamweaver 会将其转换为重复区域，无需任何其它步骤。 · 如果要插入新的空白重复区域，请执行以下操作之一： · 选择 “ 在当前插入点处插入新的重复区域 ”，单击 “ 确定 ”。 · 如果希望 Dreamweaver 将选区的父标签作为重复区域的容器元素，请选择 “ 将父标签转换为重复区域 ”。只有以下 这些 HTML 标签可以转换：a、abbr、acronym、address、b、big、blockquote、center、cite、code、dd、dfn、dir、 div、dl、dt、em、font、h1、h2、h3、h4、h5、h6、hr、i、img、ins、kbd、label、li、menu、ol、p、pre、q、s、 samp、 small、 span、 strike、 strong、 sub、 sup、 table、 tbody、 tr、 tt、 u、 ul 和 var。 注：此第二选项仅适用于父节点满足严格转换标准的情况。例如，它必须是列出的可转换标签之一，且必须没有 第 406 页的 “InContext Editing 错误消息 ” 中列出的任何错误。 · 如果选择了 Dreamweaver 模板重复区域，请在 “ 创建重复区域 ” 对话框中单击 “ 确定 ”。Dreamweaver 使用 div 标签来 封装模板重复区域，该标签将用作新 InContext Editing 重复区域的容器。 · 如果选择了希望可供重复的其它内容，请执行下列操作之一： · 如果希望封装通过 div 标签选择的任何内容，并将其转换为复制区域，请选择 “ 将当前选择的内容封装在 DIV 标签 内，然后对其进行转换 ”。 Dreamweaver 用来封装内容的 div 标签将用作复制区域的容器。 · 如果希望 Dreamweaver 将选区的父标签作为重复区域的容器元素，请选择 “ 将父标签转换为重复区域 ”。只有以下 这些 HTML 标签可以转换：a、abbr、acronym、address、b、big、blockquote、center、cite、code、dd、dfn、dir、 div、dl、dt、em、font、h1、h2、h3、h4、h5、h6、hr、i、img、ins、kbd、label、li、menu、ol、p、pre、q、s、 samp、 small、 span、 strike、 strong、 sub、 sup、 table、 tbody、 tr、 tt、 u、 ul 和 var。 4   在 “ 设计视图 ” 中，如果尚未选择复制区域，请单击它的蓝色选项卡，将其选中。请注意，Dreamweaver 实际上会强制您选 择重复区域组的选项卡。这是因为，所有重复区域都位于一个重复区域组中，您必须通过设置整个组的选项来设置重复区域 的选项。 5   在“重复区域组属性检查器”中，根据需要选择或取消选择选项。提供的选项有两个：“重新排序”和“添加/删除”。如果选择“ 重新排序 ”，用户在浏览器中进行编辑时，可以上下移动重复区域。如果选择 “ 添加 / 删除 ”，用户在浏览器中进行编辑 时，可以添加或删除重复区域。两个选项默认都是选中的，您必须至少选中其中一个。 6   保存页面。 如果这是您首次向页面添加 InContext Editing 功能， Dreamweaver 会通知您，它正在向您的站点添加 InContext Editing 支持文件：ice.conf.js、 ice.js 和 ide.html。上传页面时，将务必将这些文件也上传到服务器，否则无法在浏览器 中使用 InContext Editing 功能。 删除区域 若要删除区域，最佳方法是利用区域的属性检查器。通过区域的属性检查器，可以确保删除与此区域关联的所有代码。 1   选择可编辑区域、重复区域或重复区域组。 2   在区域的属性检查器中，单击 “ 删除区域 ” 按钮。 为格式指定 CSS 类 从 Dreamweaver CS5 起已弃用 InContext Editing 的 “ 管理可用的 CSS 类 ” 功能。 草稿 上次更新 2010/3/21 使用 DREAMWEAVER CS5   406 使用 Adobe 在线服务 InContext Editing 错误消息 无法将 InContext Editing 应用于包含脚本标签的标签或服务器端代码块 如果所选内容包含服务器端代码， Dreamweaver 不允许您将其转换为可编辑区域或重复区域。此问题与用户在浏览器中进行 操作时， InContext Editing 保存可编辑页面的方式有关。当用户在编辑页面后进行保存时， InContext Editing 会从区域中 删除服务器端代码。 无法使用 DIV 标签转换或封装当前所选内容，因为父节点不允许使用 DIV 作为子标签 当希望转换的所选页面内容无法直接转换时， Dreamweaver 需要用 div 标签来封装此选区，该标签将用作新的可编辑区域或 重复区域的容器。为此，要转换内容的父标签必须 允许使用 div 标签作为子标签。如果您尝试转换的标签的父标签不允许有 div 子标签， Dreamweaver 将不允许执行转换。 当前选区已包含可编辑区域或位于可编辑区域内。不允许嵌套的可编辑区域。 如果所选内容位于可编辑区域中，或所选内容中 包含可编辑区域， Dreamweaver 将不允许执行转换。 InContext Editing 不 支持嵌套的可编辑区域。 可编辑区域不应包含重复区域或重复区域组 InContext Editing 可编辑区域无法包含任何其它 InContext Editing 功能。如果您尝试向可编辑区域中添加重复区域或重复 区域组， Dreamweaver 将不允许执行转换。 重复区域不应位于可编辑区域中，也不应包含重复区域组 InContext Editing 可编辑区域无法包含任何其它 InContext Editing 功能。如果您尝试向可编辑区域中添加重复区域或重复 区域组， Dreamweaver 将不允许执行转换。此外，如果元素已包含重复区域组， Dreamweaver 不会将此元素转换为可编辑 区域或重复区域。 当前所选内容已包含重复区域或处于重复区域内。不允许嵌套的重复区域。 如果所选内容位于重复区域中，或所选内容中 包含重复区域， Dreamweaver 将不允许执行转换。 InContext Editing 不支持 嵌套的重复区域。 所选内容必须仅包含一个 Dreamweaver 模板可编辑区域 / 重复区域，或必须位于任何 Dreamweaver 模板可编辑区域内 使用 Dreamweaver 模板文件 （.dwt 文件）时，必须遵守特定规则。若要将 Dreamweaver 模板可编辑区域 / 重复区域转换 为 InContext Editing 可编辑区域 / 重复区域，必须在页面上正好选择一个 Dreamweaver 模板可编辑区域 / 重复区域，然后 进行转换。若要转换其它所选页面内容 （例如文本块），所选内容必须位于 Dreamweaver 模板可编辑区域中。 只有 DIV 标签可以同时应用可编辑区域功能和重复区域功能 如果所选内容不是 div 标签，且已应用有重复区域属性，Dreamweaver 同样不允许将可编辑区域属性应用到该标签。只有 div 标签可以同时应用有可编辑区域属性和重复区域属性。 Dreamweaver 检测到，重复区域之前有重复区域组标签 所有 InContext Editing 重复区域都必须位于重复区域组中。向页面添加新的重复区域时， Dreamweaver 会检测该重复区域 是否紧跟在一个重复区域组的后面。如果是， Dreamweaver 会让您选择，是将这个新的重复区域添加到已存在的重复区域组 中，还是创建一个新的重复区域组来包含这个新的重复区域。 草稿 上次更新 2010/3/21 第 17 章 : 使用 XSLT 显示 XML 数据 Adobe® Dreamweaver® CS5 提供的工具使您可以在网页上显示可扩展标记语言 (XML) 数据及创建在客户端或服务器上执行 可扩展样式表语言转换 (XSLT) 的页面。 关于 XML 和 XSLT 在 Web 页面中使用 XML 和 XSL 可扩展标记语言 (XML) 可对信息进行结构化处理。与 HTML 一样， XML 允许您使用标签使信息结构化，但 XML 标签与 HTML 标签不一样，它不是预定义的。 XML 允许您创建对数据结构 （架构）进行最佳定义的标签。标签嵌套在其它标签中可 创建一种父子标签的架构。与大多数 HTML 标签一样， XML 架构中的所有标签都有一个开始标签和一个结束标签。 下面的示例介绍 XML 文件的基本结构： 03/01/2004 Charles  Brown 04/08/2004 John  Thompson 在此示例中，每个父级  标签包含三个子级标签：、