Dreamweaver_CS5_网页制作_官方教程.doc

上次更新?2010/3/21 使用?DREAMWEAVER?CS5???394 以可视方式生成?Spry?页 创建?Spry?区域 Spry?框架使用两种类型的区域：一个是围绕数据对象?（如表格和重复列表）的?Spry?区域；另一个是?Spry?详细区域，该区域 与主表格对象一起使用时，可允许对?Dreamweaver?页面上的数据进行动态更新。 所有的?Spry?数据对象都必须括在?Spry?区域中。（如果在添加?Spry?区域之前尝试向页面中添加?Spry?数据对象， Dreamweaver?将提示您添加?Spry?区域。）默认情况下，Spry?区域位于?HTML?div?容器中。您可以在添加表格之前添加?Spry 区域；在插入表格或重复列表时自动添加?Spry?区域；或者在现有的表格或重复列表对象周围环绕?Spry?区域。 若要添加详细区域，通常先添加主表格对象，然后选择?“?更新详细区域?”?选项?（请参阅第?391?页的?“?动态表格布局?”）。详细 区域中唯一不同的特定值就是?“?插入?Spry?区域?”?对话框中的?“?类型?”?选项。 1???选择?“?插入?”“Spry”“Spry?区域?”。 您也可以在?“?插入?”?面板的?“Spry”?类别中，单击?“Spry?区域?”?按钮。 2???对于对象容器，选择?“div”?或?“span”?选项。默认值是使用?div?容器。 3???选择下列选项之一： · 要创建?Spry?区域，请选择?“?区域?”?（这是默认值）作为要插入的区域类型。 · 要创建?Spry?详细区域，请选择?“?详细区域?”?选项。只有当您希望绑定动态数据时，才应使用详细区域，当另一个?Spry?区域 中的数据发生变化时，动态数据将随之更新。 重要说明：您需要将详细区域插入与主表格区域所在的?div?不同的?div?中。您可能需要使用?“?代码?”?视图以精确地放置插 入点。 4???从该菜单中选择您的?Spry?数据集。 5???如果要创建或更改为某个对象定义的区域，请选择该对象并选项下列选项之一： 环绕选定内容??将新区域放在对象周围。 替换选定内容??替换对象的现有区域。 6???您单击?“?确定?”?时，Dreamweaver?会在页面中放置一个区域占位符，并显示文本?“?此处为?Spry?区域的内容?”。您可以将此占 位符文本替换为?Spry?数据对象?（如表格或重复列表），或者替换为?“?绑定?”?面板?（“?窗口?”“?绑定?”）中的动态数据。 “?绑定?”?面板显示数据集的可用数据。 注：“?绑定?”?面板中还列出了一些内置的?Spry?元素，?ds_RowID、?ds_CurrentRowID?和?ds_RowCount。在确定如何更新 动态详细区域时，?Spry?使用这些元素来定义用户在其中单击的行。 7???若要将占位符文本替换为?Spry?数据对象（例如?Spry?表格），请在?“?插入?”?面板中的?“Spry”?类别中，单击适当的?Spry?数据对 象按钮。  草稿 上次更新?2010/3/21 使用?DREAMWEAVER?CS5???395 以可视方式生成?Spry?页 8???要将占位符文本替换为动态数据，请使用下列方法之一： · 将一个或多个元素从?“?绑定?”?面板拖到选定文本的上方。 · 在?“?代码?”?视图中，直接键入一个或多个元素的代码。使用?{dataset-name::element-name}?格式，如?{ds1::category}??或 {dsProducts::desc}?中所示。如果在文件中仅使用一个数据集，或者使用的数据元素来自您为该区域定义的同一个数据集，则 可以忽略数据集的名称，而只需写成?{category}?或?{desc}。 无论您使用哪种方法来定义区域的内容，都需要向?HTML?代码中添加以下各行： div??spry:region=ds1{name}{category}/div div??spry:region=ds2{ds1::name}{ds1::descheader}/div 创建?Spry?重复区域 您可以添加重复区域来显示数据。重复区域是一个简单数据结构，您可以根据需要设置它的格式以显示数据。例如，您可以使 用重复区域在页面布局对象?（如?AP?div?元素）中逐张显示一组照片缩略图。 1???选择?“?插入?”“Spry”“Spry?重复项?”。 您也可以在?“?插入?”?面板中的?“Spry”?类别中，单击?“Spry?重复项?”?按钮。 2???对于对象容器，根据所需的标签类型选择?“div”?或?“span”?选项。默认值是使