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

第13章DreamweaverCS6动态网页设计基础,教学内容：动态网页就是根据访问者的请求，由服务器生成的网页，访问者在发出请求后，在服务器上获得生成的动态结果，并以网页形式显示在浏览器中。,教学重点了解HTML基础熟悉在DreamweaverCS6中编写代码掌握数据库连接的创建掌握编辑数据表记录掌握服务器行为的使用掌握留言系统的创建,HTML文本是由HTML标签组成的描述性文本，HTML标签可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。,13.1HTML的基础,HTML是HyperTextMarkupLanguage的缩写，即超文本标记语言，这是创建网页的脚本语言，它提供了精简而有力的文件定义，可以设计出多姿多彩的超媒体文件，通过HTTP（HyperTextTransferProtocol）通信协议，使得HTML文件可以在全球互联网（WorldWideWeb）上进行跨平台的文件交换。,13.1.1HTML的基本概念,超文本文档分为头部和主体两部分，在文档头部里，对这个文档进行了一些必要的定义，文档主体中才是显示的各种文档信息。,13.1.2HTML的基本语法,对于客户端编码，可以在Dreamweaver中处理多种文件类型，包括HTML、XML、层叠样式表（CSS）、JavaScript、VBScript、无线标记语言（WML）、扩展数据标记语言（EDML）、Dreamweaver模板（.dwt）和文本等。,13.2在DreamweaverCS6中编写代码,通过代码提示，可以在代码视图中插入代码。,13.2.1使用代码提示,使用代码片断，可以保存内容以便快速重复使用。,13.2.2使用代码片段,使用标签选择器可以将Dreamweaver标签库中的任何标签插入页面中。,13.2.3使用标签选择器插入标签,通过标签编辑器，可以使用对话框指定或编辑某一标签的属性。,13.2.4使用标签编辑器编辑标签,除了使用标签选择器编辑标签外，还可以使用标签检查器在属性表中编辑标签，方法非常简单，选择菜单中的【窗口】|【标签检查器】命令，打开【标签检查器】面板，如图13.19所示。,13.2.5用标签检查器编辑标签,任何内容的添加、删除、修改和检索都是建立在连接基础上进行的，可以想像连接的重要性了。,13.3建立数据库连接,DSN（DataSourceName，数据源名称），表示将应用程序和某个数据库建立连接的信息集合。,13.3.1了解DSN,数据库建立好以后，需要设定系统的DSN（数据源名称）来确定数据库所在的位置以及数据库相关的属性。,13.3.2定义系统DSN,数据源建立以后，接下来要定义这个网站使用的数据库连接。只有如此，这个网站才能通过数据库连接来存取数据库里的信息。,13.3.3建立系统DSN连接,动态网页最主要的就是结合后台数据库自动更新Web页面，离开了数据库也就谈不上动态页面了。,13.4编辑数据表记录,将数据库用作动态网页的数据源时，必须首先创建一个记录集。记录集在数据库和动态应用程序页面之间起一种桥梁作用。,13.4.1了解记录集,应用DreamweaverCS6的绑定功能在DreamweaverCS6中定义一个记录集，以实现网页读取数据的功能，只需要打开【绑定】面板，在其中绑定指定的数据表，新增所需的记录集即可。,13.4.2创建记录集,一般来说，要通过ASP页面向数据库中添加记录，需要提供用户输入数据的页面，利用DreamweaverCS6的【插入记录】服务器行为，就可以向数据库中添加记录。,13.4.3插入记录,选择菜单中的【窗口】|【服务器行为】命令，打开【服务器行为】面板，在面板中单击+按钮，在弹出菜单中选择【更新记录】选项，打开【更新记录】对话框，如图13.36所示。,13.4.4更新记录,利用Dreamweaver的【删除记录】服务器行为，可以在页面中实现删除记录的操作。删除记录的页面执行两种不同的操作，首先显示已存在的数据，用户可以选择将要被删除的数据；其次从数据库中删除此记录以反映用户选择的记录被删除的结果。,13.4.5删除记录,如果想显示从数据库中取得的多条或者所有记录，则必须添加一条服务器行为，这样就会按要求连续地显示多条或者所有的记录。,13.5增加服务器行为,【重复区域】服务器行为允许在页面中显示记录集中的多条记录。任何动态数据都可以转变成重复区域。,13.5.1插入重复区域,选择菜单中的【窗口】|【服务器行为】命令，打开【服务器行为】面板，在面板中单击+按钮，在弹出的菜单中选择【显示区域】选项，在弹出的子菜单中根据需要选择，如图13.40所示。,13.5.2插入显示区域,DreamweaverCS6提供的【记录集分页】服务器行为，实际上是一组将当前页面和目标页面的记录集信息整理成URL地址参数的程序段。,13.5.3记录集分页,应用程序可以将信息或参数从一个页面传递到另一个页面。要想让一个页面告诉另一个页面显示什么记录或想把一个页面的信息传递到另一个页面时，就要用到适当的服务器行为。,13.5.4转到详细页面,可以建立一个链接打开另一个页面而不是它的子页面，并且传递信息到该页面，这种页面与页面之间进行参数传递的两个页面，称为相关页。,13.5.5转到相关页面,为了更能有效地管理共享资源的用户，需要规范化访问共享资源的行为。,13.5.6用户身份验证,留言系统是网站与用户交流沟通的方式之一。当客户浏览网页时，如果有什么需要，可以在留言系统中给站点管理员留言。,13.6实战演练创建留言系统,在制作具体网站功能页面前，首先做一个最重要的工作，就是创建数据库表，用来存放留言信息所用。,13.6.1创建数据库,ODBC是数据库服务的一个标准协议，它向访问网络数据库的应用程序提供一种通用语言。只要系统中有相应的ODBC驱动程序，任何程序都可以通过ODBC操纵数据库。,13.6.2设置数据源ODBC,如果用户的网页服务器和DreamweaverCS6运行在同一个Windows系统上，那么就可以使用系统DSN来创建数据库连接，DSN是指向数据库的一个快捷方式。,13.6.3定义数据库连接,发布留言页面主要利用插入表单对象和【插入记录】服务器行为来实现，如图13.64所示。,13.6.4制作发布留言页面,留言列表页面主要是利用