在 Dreamweaver 中设计动态页

优质
小牛编辑
129浏览
2023-12-01

注意:用户界面已经在 Dreamweaver CC 和更高版本中做了简化。因此,您可能在 Dreamweaver CC 和更高版本中找不到本文中描述的一些选项。有关详细信息,请参阅此文章。

Dreamweaver 和动态页设计

请执行以下常规步骤,成功地设计和创建一个动态网站。

  1. 设计页面。

    在设计任何 Web 站点(无论是静态还是动态的)时的一个关键步骤是页面视觉效果的设计。当向网页中添加动态元素时,页面的设计对于其可用性至关重要。请仔细考虑用户将如何既与各个页面又与整个 Web 站点进行交互。

    将动态内容合并到网页的常用方法是创建一个显示内容的表格,然后将动态内容导入该表格的一个或多个单元格中。利用此方法,可以用一种结构化的格式来表示各种类型的信息。

  2. 创建动态内容源。

    动态 Web 站点需要一个内容源,在将数据显示在网页上之前,动态 Web 站点需要从该内容源提取这些数据。能在网页中使用内容源之前,必须执行以下操作:

    • 创建动态内容源(如数据库)与处理该页面的应用程序服务器之间的连接。使用“绑定”面板创建数据源;然后可以选择数据源并将其插入到页面中。
    • 通过创建记录集指定要显示数据库中的什么信息,或指定希望在该页面中包括什么变量。还可以在“记录集”对话框内测试查询,并可以进行任何必要的调整,然后再将其添加到“绑定”面板。
    • 选择动态内容元素并将其插入到选定页面。
  3. 向网页添加动态内容。

    定义记录集或其它数据源并将其添加到“绑定”面板后,可以将该记录集所代表的动态内容插入到页面中。Dreamweaver 的菜单驱动型界面使得添加动态内容元素非常简单,只需从“绑定”面板中选择动态内容源,然后将其插入到当前页面内的相应文本、图像或表单对象中即可。

    将动态内容元素或其它服务器行为插入到页面中时,Dreamweaver 会将一个服务器端脚本插入到该页面的源代码中。该脚本指示服务器从定义的数据源中检索数据,然后将数据呈现在该网页中。若要在网页中放置动态内容,请执行以下操作之一:

    • 将其放在“代码”视图或“设计”视图中的插入点处。
    • 替换文本字符串或其它占位符。

      将其插入到 HTML 属性中。例如,动态内容可以定义图像的 src 属性或表单域的 value 属性。

  4. 向页面添加服务器行为。

    除了添加动态内容外,您还可以通过使用服务器行为将复杂的应用程序逻辑结合到网页中。服务器行为是预定义的服务器端代码片段,这些代码向网页添加应用程序逻辑,从而提供更强的交互性能和功能。

    Dreamweaver 服务器行为使您可以向网站添加应用程序逻辑,而不必由您亲自编写代码。随 Dreamweaver 提供的服务器行为支持 ColdFusion、ASP 和 PHP 文档类型。服务器行为经过精心编写和仔细测试,以达到快速、安全和可靠的目的。内置服务器行为支持跨平台网页,适用于所有浏览器。

    Dreamweaver 提供指向并单击 (point-and-click) 界面,这种界面使得将动态内容和复杂行为应用到页面就像插入文本元素和设计元素一样简单。可使用的服务器行为如下所述:

    • 定义来自现有数据库的记录集。所定义的记录集随后存储在“绑定”面板中。
    • 在一个页面上显示多条记录。可以选择整个表、包含动态内容的各个单元格或各行,并指定要在每个页面视图中显示的记录数。
    • 创建动态表并将其插入到页面中,然后将该表与记录集相关联。以后可以分别使用属性检查器和重复区域服务器行为来修改表的外观和重复区域。
    • 在页面中插入动态文本对象。插入的文本对象是来自预定义记录集的项,可以对其应用任何数据格式。
    • 创建记录导航和状态控件、主/详细页面以及用于更新数据库中信息的表单。
    • 显示来自数据库记录的多条记录。
    • 创建记录集导航链接,这种链接允许用户查看来自数据库记录的前面或后面的记录。
    • 添加记录计数器,以帮助用户跟踪返回了多少条记录以及它们在返回结果中所处的位置。

    还可以通过编写您自己的服务器行为或者安装由第三方编写的服务器行为来扩展 Dreamweaver 服务器行为。

  5. 测试和调试页面。

    在将动态页或整个 Web 站点发布到 Web 上之前,应首先测试其功能。还应考虑您的应用程序功能将会对残障人士造成何种影响。

更多此类内容

  • 使用表格显示内容
  • 添加和修改图像
  • 插入 SWF 文件