第13章 Dreamweaver CS6动态网页设计基础

13.5.1

插入重复区域
【重复区域】服务器行为允许在页面中显示记录 集中的多条记录。任何动态数据都可以转变成重 复区域。
13.5.2

插入显示区域
选择菜单中的【窗口】|【服务器行为】命令， 打开【服务器行为】面板，在面板中单击+按钮， 在弹出的菜单中选择【显示区域】选项，在弹出 的子菜单中根据需要选择，如图13.40所示。
13.4.3

插入记录
一般来说，要通过ASP页面向数据库中添加记录， 需要提供用户输入数据的页面，利用 Dreamweaver CS6的【插入记录】服务器行为， 就可以向数据库中添加记录。
13.4.4

更新记录
选择菜单中的【窗口】|【服务器行为】命令， 打开【服务器行为】面板，在面板中单击+按钮， 在弹出菜单中选择【更新记录】选项，打开【更 新记录】对话框，如图13.36所示。
13.2.1

使用代码提示
通过代码提示，可以在代码视图中插入代码。
13.2.2

使用代码片段
使用代码片断，可以保存内容以便快速重复使用。
13.2.3

使用标签选择器插入标签
使用标签选择器可以将Dreamweaver标签库中 的任何标签插入页面中。
13.2.4

使用标签编辑器编辑标签
通过标签编辑器，可以使用对话框指定或编辑某 一标签的属性。

HTML文本是由HTML标签组成的描述性文本， HTML标签可以说明文字、图形、动画、声音、表 格、链接等。HTML的结构包括头部（Head）、主 体（Body）两大部分，其中头部描述浏览器所需的 信息，而主体则包含所要说明的具体内容。

HTML是HyperText Markup Language的缩写， 即超文本标记语言，这是创建网页的脚本语言，它 提供了精简而有力的文件定义，可以设计出多姿多 彩的超媒体文件，通过HTTP（Hyper Text Transfer Protocol）通信协议，使得HTML文件可 以在全球互联网（World Wide Web）上进行跨平 台的文件交换。
教学内容：动态网页就是根据访问者的请求， 由服务器生成的网页，访问者在发出请求后， 在服务器上获得生成的动态结果，并以网页形 式显示在浏览器中。
• • • • • •
教学重点 了解HTML基础 熟悉在Dreamweaver CS6中编写代码 掌握数据库连接的创建 掌握编辑数据表记录 掌握服务器行为的使用 掌握留言系统的创建
13.6.3

定义数据库连接
如果用户的网页服务器和Dreamweaver CS6运 行在同一个Windows系统上，那么就可以使用系 统DSN来创建数据库连接，DSN是指向数据库的 一个快捷方式。
13.6.4

制作发布留言页面
发布留言页面主要利用插入表单对象和【插入记 录】服务器行为来实现，如图13.64所示。
13.3.1

了解DSN
DSN（Data Source Name，数据源名称），表 示将应用程序和某个数据库建立连接的信息集合。
13.3.2

定义系统DSN
数据库建立好以后，需要设定系统的DSN（数据 源名称）来确定数据库所在的位置以及数据库相 关的属性。
13.3.3

建立系统DSN连接
数据源建立以后，接下来要定义这个网站使用的 数据库连接。只有如此，这个网站才能通过数据 库连接来存取数据库里的信息。
13.4.5

删除记录
利用Dreamweaver的【删除记录】服务器行为， 可以在页面中实现删除记录的操作。删除记录的 页面执行两种不同的操作，首先显示已存在的数 据，用户可以选择将要被删除的数据；其次从数 据库中删除此记录以反映用户选择的记录被删除 的结果。
13.5

增加服务器行为
如果想显示从数据库中取得的多条或者所有记录， 则必须添加一条服务器行为，这样就会按要求连 续地显示多条或者所有的记录。
13.6.5

制Hale Waihona Puke Baidu留言列表页面
留言列表页面主要是利用创建记录集，定义重复 区域、绑定动态数据和转到详细页等服务器行为 来实现的，如图13.83所示。
13.6.6

制作显示留言页面
显示留言页面中的数据是从留言表中读取的，主 要利用Dreamweaver创建记录集，然后绑定相 关数据字段，如图13.106所示。
入
留言系统
发布留言页面
留言列表页面
显示留言页面
13.6.1

创建数据库
在制作具体网站功能页面前，首先做一个最重要 的工作，就是创建数据库表，用来存放留言信息 所用。
13.6.2

设置数据源ODBC
ODBC是数据库服务的一个标准协议，它向访问 网络数据库的应用程序提供一种通用语言。只要 系统中有相应的ODBC驱动程序，任何程序都可 以通过ODBC操纵数据库。
13.5.5

转到相关页面
可以建立一个链接打开另一个页面而不是它的子 页面，并且传递信息到该页面，这种页面与页面 之间进行参数传递的两个页面，称为相关页。
13.5.6

用户身份验证
为了更能有效地管理共享资源的用户，需要规范 化访问共享资源的行为。
13.6

实战演练——创建留言系统
留言系统是网站与用户交流沟通的方式之一。当 客户浏览网页时，如果有什么需要，可以在留言 系统中给站点管理员留言。
13.4

编辑数据表记录
动态网页最主要的就是结合后台数据库自动更新 Web页面，离开了数据库也就谈不上动态页面了。
13.4.1

了解记录集
将数据库用作动态网页的数据源时，必须首先创 建一个记录集。记录集在数据库和动态应用程序 页面之间起一种桥梁作用。
13.4.2

创建记录集
应用Dreamweaver CS6的绑定功能在 Dreamweaver CS6中定义一个记录集，以实现 网页读取数据的功能，只需要打开【绑定】面板， 在其中绑定指定的数据表，新增所需的记录集即 可。
13.2.5

用标签检查器编辑标签
除了使用标签选择器编辑标签外，还可以使用标 签检查器在属性表中编辑标签，方法非常简单， 选择菜单中的【窗口】|【标签检查器】命令， 打开【标签检查器】面板，如图13.19所示。
13.3

建立数据库连接
任何内容的添加、删除、修改和检索都是建立在 连接基础上进行的，可以想像连接的重要性了。
13.1.2 HTML的基本语法

超文本文档分为头部和主体两部分，在文档头部里， 对这个文档进行了一些必要的定义，文档主体中才 是显示的各种文档信息。
13.2

在Dreamweaver CS6中编写代码
对于客户端编码，可以在Dreamweaver中处理 多种文件类型，包括HTML、XML、层叠样式表 （CSS）、JavaScript、VBScript、无线标记语言 （WML）、扩展数据标记语言（EDML）、 Dreamweaver模板（.dwt）和文本等。
13.5.3

记录集分页
Dreamweaver CS6提供的【记录集分页】服务 器行为，实际上是一组将当前页面和目标页面的 记录集信息整理成URL地址参数的程序段。
13.5.4

转到详细页面
应用程序可以将信息或参数从一个页面传递到另 一个页面。要想让一个页面告诉另一个页面显示 什么记录或想把一个页面的信息传递到另一个页 面时，就要用到适当的服务器行为。