利用AS建立动态网站与应用实例

第九章利用ASP建立动态网站

第一节动态网页概述

第二节数据库连接

第三节生成动态页第四节快速生成ASP应用程序第五节应用实例

习题九

Web应用程序是一个包含多个页的Web站点，这些页的部分内容或全部内容是未确定的。只有当访问者请求Web服务器中的某个页时，才确定该页的最终内容。因为页的最终内容根据访问者的操作请求的不同而变化，所以这种页称为动态页。第一节动态网页概述一、动态网页处理过程

当Web服务器接收到对静态Web页的请求时，服务器将该页直接发送到浏览器。但是，当Web服务器接收到对动态页的请求时，它将做出不同的反应：它会将该页传递给一个负责完成页面处理的特殊软件——应用程序服务器。它读取页上的代码，根据代码中的指令完成页，然后将代码从页上删除，所得结果是一个静态页，应用程序服务器将该页传递回Web服务器，然后Web服务器将该页发送到浏览器。当该页到达时，浏览器得到的全部内容都是HTML代码。动态网页处理的过程如下：

（1）Web浏览器请求动态页。

（2）Web服务器查找该页并将其传递给应用程序服务器。

（3）应用程序服务器查找该页中的指令并完成页。

（4）应用程序服务器将完成的页传递回Web服务器。

（5）Web服务器将完成的页发送到请求浏览器。二、相关术语

了解Web应用程序的常用术语，对网站的建设很有帮助。

1．应用程序服务器

应用程序服务器是一种软件，它帮助Web服务器处理包含服务器端脚本或标记的Web页。当从服务器请求这样一个页时，Web服务器先将该页传递给应用程序服务器进行处理，然后再将该页发送到浏览器。常见的应用程序服务器包括MacromediaColdFusion，MacromediaJRunServer，Microsoft.NET框架，IBMWebSphere，ApacheTomcat等。

2．数据库

数据库是存储在表中的数据的集合。表的每一行组成一条记录，每一列组成记录中的一个域。

3．数据库驱动程序

数据库驱动程序是在Web应用程序和数据库之间充当解释器的软件。数据库中的数据是以专用格式存储的。数据库驱动程序使Web应用程序可以读取和操作本来无法解密的数据。

4．数据库管理系统

数据库管理系统（DBMS），又称数据库系统，是用于创建和操作数据库的软件。常见的数据库系统包括MicrosoftAccess，Oracle和MySQL。

5．数据库查询

数据库查询是从数据库中提取记录集的操作。查询是由名为SQL的数据库语言所表示的搜索条件组成的。例如，查询可以指定在记录集中只包含某些列或某些记录。

6．动态页

动态页是在发送到浏览器之前由应用程序服务器自定义的Web页。

7．记录集

记录集是从数据库中一个或多个表中提取的一组数据。

8．关系型数据库

关系型数据库是包含两个或多个表的数据库，这些表共享数据。下面的数据库中有两个表共享DepartmentID列，所以是关系型数据库。

9．服务器技术

服务器技术是应用程序服务器用来在运行时，修改动态页的技术。

DreamweaverMX2004支持以下服务器技术：

（1）MacromediaColdFusion。

（2）MicrosoftASP.NET。

（3）MicrosoftActiveServerPages（ASP）。

（4）SunJavaServerPage（JSP）。

（5）HypertextPreprocessor（PHP）。10．静态页静静态态页是在发发送到浏览览器之前不不会被应用用程序服务务器修改的的Web页。11．Web应用程序Web应用程程序是一个个包含多个个页的Web站点，这些些页的部分分内容或全全部内容是是未确定的的。只有当当访问者请请求Web服务器中的的某页时，，才确定该该页的最终终内容。因因为页的最最终内容根根据访问者者的操作请请求的不同同而变化，，所以这种种页称为动动态页。12．Web服服务器Web服务器是是响应来自自Web浏览器的请请求发送出出Web页的软件。。当访问者者单击在浏浏览器中打打开的Web页上的某个个链接、在在浏览器中中选择一个个书签，或或在浏览器器的地址文文本框中输输入一个URL时，便生成成一个页请请求。常常见的的Web服务器包括括MicrosoftInternetInformationServer，MicrosoftPersonalWebServer，ApacheHTTPServer，NetscapeEnterpriseServer和SunONEWebServer。如果用户计计划建立动动态Web应用程序，，可以从设设置应用程程序服务器器和进行数数据库连接接开始着手手。如果要要将数据库库与Web应用程序一一起使用，，必须首先先连接到该该数据库。。本节介绍绍如何创建建数据库连连接。第二节数数据库连连接一、使用DSN创建建连接ASP应用程序必必须通过开开放式数据据库连接（（ODBC）驱动程序序（或对象象链接）和和嵌入式数数据库（OLEDB）提供程序序连接到数数据库。该该驱动程序序或提供程程序用作解解释器，能能够使Web应用程序与与数据库进进行通信。。用户可以使使用本地定定义的DSN在DreamweaverMX2004中创建数据据库连接。。如果要使使用本地DSN，必须首先先定义该DSN，其操作步步骤如下：：（（1）选择“开开始”→““控制面板板”命令，，打开“控控制面板””窗口，单单击“性能能和维护””图标，，打开“性性能和维护护”窗口，，单击“管管理工具””图标，，打开“管管理工具””窗口，双双击“数据据源（ODBC）”图标，，弹出““ODBC数据源管理理器”对话话框，如图图所示。图9.2.1“ODBC数据源管理理器”对话话框（2）打开“系系统DSN”选项卡，单单击“添加加”按钮，，弹出“创创建新数据据源”对话话框，如图图所示。图9.2.2“创建新数据据源”对话话框（3）选择数据据源的类型型，单击““完成”按按钮，弹出出“ODBCMicrosoftAccess安装”对话话框，如图图所示。单击击“选择””按钮，在在弹出的““选择数据据库”对话话框中选择择网站数据据库所在位位置。图9.2.3“ODBCMicrosoftAccess安装”对话话框（4）单击“确确定”按钮钮，完成DSN的创建。（（5）打开DreamweaverMX2004，创建一个个ASP动态页。（（6）选择“窗窗口”→““数据库””命令，打打开“数据据库”面板板。（（7）单击按按钮，在弹弹出的下拉拉菜单中选选择“数据据源名称（（DSN）”命令，，弹出“数数据源名称称（DSN）”对话框框，如图所示。图9.2.4“数据源名称称（DSN）”对话框框（8）单击“数数据源名称称”下拉列列表框右侧侧的小三角角，在弹出出的下拉列列表中选择择刚刚创建建的系统DSN并在“连接接名称”文文本框中为为该连接命命名。（（9）单击“确确定”按钮钮，完成连连接的创建建。二、创建非非DSN连接用户可以使使用非DSN连接在Web应用程序和和数据库之之间创建ODBC或OLEDB连接。在DreamweaverMX2004中使用连接接字符串来来创建这类类连接，连连接字符串串包含Web应用程序连连接到数据据库所需的的全部信息息，其操作作步骤如下下：（1）在DreamweaverMX2004中打开或新新建一个ASP页。（（2）选择“窗窗口”→““数据库””命令，打打开“数据据库”面板板。（（3）单击按按钮，在弹弹出的下拉拉菜单中选选择“自定定义连接字字符串”命命令，弹出出“自定义义连接字符符串”对话话框，如图图所示。（（4）设置完毕毕后，单击击“确定””按钮。图9.2.5“自定义连接接字符串””对话框使用DreamweaverMX2004中的Web应用程序序开发工工具，可可以向页页面添加加动态内内容。一、动态态页设计计流程DreamweaverMX2004可以使用用几种流流行的Web编程语言言和服务务器技术术中的任任意一种种来创建建动态Web站点，这这里介绍绍创建动动态Web站点所必必须的步步骤：第三节生生成成动态页页1．设计页页面设设计计任何Web站点时的的一个关关键步骤骤就是页页面视觉觉效果的的设计。。当向网网页中添添加动态态元素时时，页面面的设计计对于其其可用性性至关重重要。制制作动态态页的前前提便是是首先设设计一个个美观的的静态页页面。2．创建动动态内容容源动动态态Web站点需要要一个内内容源，，它可以以是数据据库、请请求变量量、服务务器变量量、表单单变量或或预存过过程。在在将数据据显示在在网页上上之前，，动态Web站点需要要从该内内容源提提取这些些数据。。3．向Web页添加动动态内容容定定义记记录集或或其他数数据源并并将其添添加到““绑定””面板后后，可以以将该记记录集所所代表的的动态内内容插入入到页面面中。Dreamweaver的菜单型型（menu-driven）界面使使得添加加动态内内容元素素非常简简单，只只需从““绑定””面板中中选择动动态内容容源，然然后将其其插入到到当前页页面内的的适当文文本、图图像或表表单对象象中即可可。二、绑定定记录集集创建完数数据源并并成功地地将其链链接到站站点后，，便可以以进行绑绑定记录录集操作作并进行行对记录录集的各各种操作作了。绑绑定记录录集的操操作步骤骤如下：：（（1）选择““窗口””→“绑绑定”命命令，打打开“绑绑定”面面板。（（2）单击按按钮，，在弹出出的下拉拉菜单中中选择““记录集集（查询询）”命命令，弹弹出“记记录集””对话框框，如图图所示。图““记录集””对话框框（3）设置完完成其他他各选项项后，单单击“测测试”按按钮，测测试所做做的设置置。（（4）单击““确定””按钮，，完成记记录集的的绑定。。三、显示示数据库库记录显示数据据库记录录涉及检检索储存存在数据据库或其其他内容容源中的的信息，，以及将将这些信信息呈现现到网页页上。DreamweaverMX2004提供了许许多显示示动态内内容的方方法，并并提供了了若干内内置的服服务器行行为，使使用户可可以增强强动态内内容的演演示，并并使用户户能够更更轻松地地查找和和导航从从数据库库返回的的信息。。1．动态表表格用用户户可以使使用动态态表格将将数据库库中的记记录显示示出来，，其操作作步骤如如下：（（1）选择““插入””→“应应用程序序对象””→“动动态数据据”→““动态表表格”命命令，弹弹出“动动态表格格”对话话框，如如图所示。图““动态表格格”对话话框（2）选择需需要显示示的记录录集名称称并设置置每页显显示记录录的条数数和表格格的边框框。（（3）单击““确定””按钮，，完成动动态表格格的添加加。（（4）根据需需要删除除表中的的列，更更改表格格的标题题。2．记录集集导航条条当当设置置每页显显示的记记录数少少于数据据库中的的记录总总数时，，便需要要使用记记录集导导航条来来控制显显示当前前页后面面的记录录。在文文档中插插入记录录集导航航条的操操作步骤骤如下：：（（1）选择““插入””→“应应用程序序对象””→“记记录集分分页”→→“记录录集导航航条”命命令，弹弹出“记记录集导导航条””对话框框，如图图所示。（（2）选择需需要插入入记录集集导航条条的记录录集名称称并设置置导航条条的显示示方式。。（（3）单击““确定””按钮，，完成记记

录集集导航条条的添加加。图““记录集导导航条””对话框框四、插入入数据库库记录插入数据据库记录录时，不不必绑定定记录集集，其操操作步骤骤如下：：（（1）选择““插入””→“应应用程序序对象””→“插插入记录录”→““插入记记录表单单向导””命令，，弹出““插入记记录表单单”对话话框，如如图所示。图““插入记录录表单””对话框框（2）单击““连接””下拉列列表框右右侧的小小三角，，在弹出出的下拉拉列表中中选择连连接名；；单击““插入到到表格””下拉列列表框右右侧的小小三角，，在弹出出的下拉拉列表中中选择需需要将记记录插入入到的表表格名；；根据需需要设置置其他的的选项。。（（3）单击““确定””按钮，，完成添添加插入入表单记记录的操操作。五、更新新数据库库记录更新数据据库记录录时，首首先应该该绑定记记录集。。插入更更新数据据库记录录的操作作步骤如如下：（（1）选择““插入””→“应应用程序序对象””→“更更新记录录”→““更新记记录表单单向导””命令，，弹出““更新记记录表单单”对话话框，如如图所示。图““更新记录录表单””对话框框（2）单击““连接””下拉列列表框右右侧的小小三角，，在弹出出的下拉拉列表中中选择连连接名；；单击““要更新新的表格格”下拉拉列表框框右侧的的小三角角，在弹弹出的下下拉列表表中选择择需要更更新的表表格；单单击“选选取记录录自”下下拉列表表框右侧侧的小三三角，在在弹出的的下拉列列表中选选择记录录集名；；根据需需要更新新表单字字段的标标签，显显示字段段类型等等信息。。（（3）单击““确定””按钮，，完成更更新数据据库记录录的添加加。六、删除除数据库库记录删除数据据库记录录时，首首先应该该绑定记记录集，，插入删删除数据据库记录录的操作作步骤如如下：（（1）选择““插入””→“表表单”→→“表单单”命令令，在文文档中插插入一个个表单。。（（2）选择““插入””→“应应用程序序对象””→“删删除记录录”命令令，弹出出“删除除记录””对话框框，如图图所示。图““删除记录录”对话话框（3）单击““连接””下拉列列表框右右侧的小小三角，，在弹出出的下拉拉列表中中选择连连接名；；单击““从表格格中删除除”下拉拉列表框框右侧的的小三角角，在弹弹出的下下拉列表表中选择择需要删删除记录录的表格格名；单单击“选选取记录录自”下下拉列表表框右侧侧的小三三角，在在弹出的的下拉列列表中选选择记录录集名；；根据需需要设置置其他选选项。（（4）单击““确定””按钮，，完成删删除记录录的添加加。七、筛选选数据库库记录筛选数据据库记录录是在绑绑定记录录集时完完成的，，其操作作步骤如如下：：（（1）选择““窗口””→“绑绑定”命命令，打打开“绑绑定”面面板。（（2）单击按按钮，，在弹出出的下拉拉菜单中中选择““记录集集（查询询）”命命令，弹弹出“记记录集””对话框框（见图图）。（3）单击““筛选””下拉列列表框右右侧的小小三角，，在弹出出的下拉拉列表中中选择需需要筛选选的数据据表中的的列，在在其后面面的下拉拉列表中中选择逻逻辑操作作符，在在其下面面的下拉拉列表中中选择筛筛选的类类型，在在其后面面的文本本框中输输入筛选选的值，，如图所示。（（4）设置完完成其他他选项后后，单击击“测试试”按钮钮，测试试所做的的设置。。（（5）单击““确定””按钮，，完成记记录集的的绑定。。图对记录进进行筛选选Web应用程序序通常赋赋予页面面一定的的功能，，例如使使用户可可以搜索索数据库库的页面面，使用用户可以以插入、、更新或或删除数数据库中中的数据据的页面面，以及及限制对对某一个个Web站点的访访问的页页面。使使用DreamweaverMX2004可以迅速速建立所所有此类类页面。。第四节快快速速生成ASP应用程序序一、生成成主详细细页开发Web应用程序序时，使使用主详详细页集集应用程程序对象象可以快快速生成成主详细细页。应应用程序序对象只只需通过过完成一一两个对对话框的的设置来来生成一一组完整整的动态态页。生生成主详详细页的的操作步步骤如下下：（（1）选择““文件””→“新新建”命命令，弹弹出“新新建文档档”对话话框，在在左侧““类别””列表框框中选择择“动态态页”选选项，在在右侧的的“动态态页”列列表框中中选择一一种动态态页的类类型，单单击“创创建”按按钮。（（2）为该文档绑绑定一个记录录集。（3）选择“插入入”→“应用用程序对象””→“主详细细页集”命令令，弹出“插插入主详细页页集”对话框框，如图所示。（（4）设置对话框框中各个选项项。（（5）单击“确定定”按钮，完完成主详细页页的插入。图““插入主详细页页集”对话框框二、生成搜索索页和结果页页Web上的搜索页通通常包含用户户在其中输入入搜索参数的的表单域。搜搜索页至少必必须具有一个个带有“提交交”按钮的HTML表单。生成搜索页的的操作步骤如如下：（（1）打开搜索页页或创建一个个新页，选择择“插入”→→“表单”→→“表单”命命令。（（2）选择“插入入”→“表单单”命令，在在弹出的下拉拉菜单中选择择需要插入的的表单对象。。

（3）选择“插入入”→“表单单”→“按钮钮”命令，添添加一个“提提交”按钮。。（4）在标签选择择器中选择标标记。（（5）在属性面板板中的“动作作”文本框中中输入将执行行数据库搜索索的结果页的的文件名。（（6）单击“方法法”下拉列表表框右侧的小小三角，在弹弹出的下拉列列表中选择一一种将表单数数据发送到服服务器的类型型。完成了搜索页页的创建页后后，便需要完完成显示搜索索结果的结果果页，首先要要对记录集进进行筛选，其其操作步骤如如下：（（1）新建一个动动态页。（（2）打开“绑定定”面板，单单击按钮，，在弹出的下下拉菜单中选选择“记录集集（查询）””命令，弹出出“记录集””对话框。（（3）输入记录集集的名称并选选择一个连接接；在“表格格”下拉列表表中，选择要要在数据库中中搜索的表。。（4）单击“筛选选”选项的第第一个下拉列列表框右侧的的小三角，在在弹出的下拉拉列表中选择择一个要在其其中搜索匹配配记录的数据据库表列；在在它右边的下下拉列表中选选择选选项；单击击第三个下拉拉列表框右侧侧的小三角，，在弹出的下下拉列表中选选择“表单变变量”选项；；在其右边的的文本框中输输入生成搜索索页的“提交交”按钮的名名称。（（5）单击“确定定”按钮，完完成记录集的的绑定。绑定记录集后后结果页便创创建完成，其其操作步骤如如下：（（1）选择“插入入”→“应用用程序对象””→“动态数数据”→“动动态表格”命命令，弹出““动态表格””对话框。（（2）选择需要显显示的记录集集名称并设置置每页显示记记录的条数和和表格的边框框。（（3）单击“确定定”按钮，完完成动态表格格的添加。（（4）根据需要删删除表中的列列、更改表格格的标题。（（5）Dreamweaver将插入一个动动态表格，用用于显示搜索索结果。本例制作一个个新闻发布页页面，效果如如图9.5.1所示。第五节应应用实例图9.5.1效果图图具体操作步骤骤如下：（（1）选选择“开始””→“所有程程序”→“MicrosoftOffice”→“MicrosoftOfficeAccess2003”命令，，打开“MicrosoftAccess””窗口。（（2））选择“文件件”→“新建建”命令，打打开“任务窗窗格”面板，，单击“空数数据库”快捷捷方式，弹出出“文件新建建数据库”对对话框，选择择数据库的保保存位置并将将该数据库命命名为“Data.mdb”，如图图9.5.2所示。单击击“创建”按按钮。图9.5.2“文件件新建数据库库”对话框（3）在“Data：数数据库（Access2000文文件格式）””窗口中双击击“使用设计计器创建表””图标，打开开“表1：表表”窗口，输输入字段名并并选择其数据据类型，如图图9.5.3所示。图9.5.3输入字字段名称并选选择其数据类类型（4）将光标标定位在id行，单击““表设计”工工具栏中的““主键”按钮钮将该列设设为主键；将将光标定位在在date行行，在“默认认值”文本框框中输入“Now()””。（（5）单击““关闭”按钮钮，弹出““MicrosoftOfficeAccess”提提示框，单击击“是”按钮钮，弹出“另另存为”对话话框，在“表表名称”文本本框中输入文文本“news”，单击“确定””按钮。（6）在“Data：数数据库（Access2000文文件格式）””窗口中双击击刚创建的““news””表格，打开开“news：表”窗口口。在“title”列列中输入新闻闻的标题；在在“subject”列列中输入新闻闻的类别；在在“content”列列中输入新闻闻的内容。（（7））输入完成后后，单击“关关闭”按钮，，关闭窗口口，数据表将将自动保存。。（8）选择“开始始”→“控制制面板”命令令，打开“控控制面板”窗窗口，单击““性能和维护护”图标，，打开“性能能和维护”窗窗口，单击““管理工具””图标，打打开“管理工工具”窗口，，双击“数据据源（ODBC）”图标，，弹出“ODBC数据源管理器器”对话框。。

（9）打开“系统统DSN”选项卡，单击击“添加”按按钮，弹出““创建新数据据库”对话框框，在“名称称”列表框中中选择“MicrosoftAccess存存量Driver（*.mdb）””选项。（10）选择数据源源的类型，单单击“完成””按钮，弹出出“ODBCMicrosoftAccess安安装”对话框，如如图所示。单击““选择”按钮钮，在弹出的的“选择数据据库”对话框框中选择Data.mdb文件。图““ODBCMicrosoftAccess安装”对话框框（11）单击“确定定”按钮，完完成DSN的创建。（（12）打开DreamweaverMX2004，创建一个ASP动态页。（（13）选择“窗口口”→“数据据库”命令，，打开“数据据库”面板。。（14）单单击击按按钮钮，，在在弹弹出出的的下下拉拉菜菜单单中中选选择择““数数据据源源名名称称（（DSN）””命命令令，，弹弹出出““数数据据源源名名称称（（DSN）””对对话话框框，，其其设设置置如如图图所示示。。图““数据据源源名名称称（（DSN）””对对话话框框（15）单单击击““数数据据源源名名称称””下下拉拉列列表表框框右右侧侧的的小小三三角角，，在在弹弹出出的的下下拉拉列列表表中中选选择择刚刚刚刚创创建建的的系系统统DSN并在在““连连接接名名称称””文文本本框框中中为为该该连连接接命命名名。。（（16）单单击击““确确定定””按按钮钮，，完完成成连连接接的的创创建建。。（17）选选择择““文文件件””→→““新新建建””命命令令，，弹弹出出““新新建建文文档档””对对话话框框。。（（18）在在““类类别别””列列表表框框中中选选择择““动动态态页页””选选项项，，在在““动动态态页页””列列表表框框中中选选择择““ASPVBScript””选项项，，单单击击““创创建建””按按钮钮。。（（19）设设置置文文档档标标题题为为““新新闻闻””，，单单击击““保保存存””按按钮钮，，为为该该文文档档命命名名为为““newsshow.asp””。（20）在在““常常用用””插插入入工工具具栏栏中中单单击击““表表格格””按按钮钮，，设设置置其其为为1行1例，，宽宽度度为为600像素素。。在在属属性性面面板板中中选选择择对对齐齐方方式式为为““居居中中对对齐齐””。。（（21）打打开开““CSS样式式””面面板板，，单单击击““附附加加样样式式表表””按按钮钮，，将将本本书书第第四四章章实实例例中中创创建建的的CSS样式式表表附附加加到到文文档档中中。。（22）单单击击““新新建建CSS样式式””按按钮钮，，弹弹出出““新新建建CSS样式式””对对话话框框，，在在““选选择择器器类类型型””选选项项中中选选中中““类类（（可可应应用用于于任任何何标标签签））””单单选选按按钮钮，，在在““名名称称””文文本本框框中中输输入入文文本本““.title1””，单单击击““确确定定””按按钮钮。。（（23）在在““类类型型””分分类类中中设设置置大大小小为为““18像素素””、、粗粗细细为为““粗粗体体””。。在在““区区块块““分分类类中中设设置置文文本本对对齐齐为为““居居中中””，，单单击击““确确定定””按按钮钮。。（24）单单击击““新新建建CSS样式式””按按钮钮，，弹弹出出““新新建建CSS样式式””对对话话框框，，在在““选选择择器器类类型型””选选项项中中选选中中““类类（（可可应应用用于于任任何何标标签签））””单单选选按按钮钮，，在在““名名称称””文文本本框框中中输输入入文文本本““.title2””，单单击击““确确定定””按按钮钮。。（（25）在在““类类型型””分分类类中中设设置置大大小小为为““14像素素””。。在在““区区块块””分分类类中中设设置置文文本本对对齐齐为为““居居中中””，，单单击击““确确定定””按按钮钮。。（26）选选择择““窗窗口口””→→““绑绑定定””命命令令，，打打开开““绑绑定定””面面板板，，单单击击按按钮钮，，在在弹弹出出的的下下拉拉菜菜单单中中选选择择““记记录录集集（（查查询询））””命命令令，，弹弹出出““记记录录集集””对对话话框框，，设设置置其其参参数数，，如如图图所示示。。单单击击““确确定定””按按钮钮。。图““记录录集集””对对话话框框（27）在在““绑绑定定””面面板板中中，，单单击击““记记录录集集（（rsnewsshow）””选选项项左左侧侧的的图图标标，，选选中中““title””选项项并并将将其其拖拖放放到到表表格格中中，，如如图图所示示。。图将““title””选项项拖拖放放到到编编辑辑区区（28）选选中中记记录录集集项项，，单单击击属属性性面面板板中中““样样式式””下下拉拉列列表表框框右右侧侧的的小小三三角角，，在在弹弹出出的的下下拉拉列列表表中中选选择择选选项项。。（（29）选选择择““插插入入””→→““HTML””→→““水平平线线””命命令令，，插插入入一一条条水水平平线线。。按按回回车车键键，，输输入入一一个个换换行行标标记记。。（30）输输入入文文本本““发发布布日日期期：：””，，在在““绑绑定定””面面板板中中，，选选中中““date””选项项并并将将其其拖拖放放到到文文本本““发发布布日日期期：：””的的后后面面，，然然后后输输入入两两个个全全角角空空格格。。（（31）在在““绑绑定定””面面板板中中，，选选中中““subject””选项项并并将将其其拖拖放放到到两两个个全全角角空空格格的的后后面面。。（32）单单击击标标签签选选择择器器中中的的标标记记，，选选中中该该行行，，单单击击属属性性面面板板中中““样样式式””下下拉拉列列表表框框右右侧侧的的小小三三角角，，在在弹弹出出的的下下拉拉列列表表中中选选择择选选项项，，再再按按回回车车键键输输入入一一个个换换行行标标记记。。（（33）在在““绑绑定定””面面板板中中，，选选中中““content””选项项并并将将其其拖拖放放到到换换行行标标记记处处。。单单击击属属性性面面板板中中““样样式式””下下拉拉列列表表框框右右侧侧的的小小三三角角，，在在弹弹出出的的下下拉拉列列表表中中选选择择““光光””选选项项。。（34）单单击击““全全部部保保存存””按按钮钮。。（（35）选选择择““文文件件””→→““新新建建””命命令令，，弹弹出出““新新建建文文档档””对对话话框框。。（（36）在在““类类别别””列列表表框框中中选选择择““动动态态页页””选选项项，，在在““动动态态页页””列列表表框框中中选选择择““ASPVBScript””选项项，，单单击击““创创建建””按按钮钮。。（37）设设置置文文档档标标题题为为““新新闻闻列列表表””，，单单击击““保保存存””按按钮钮，，为为该该文文档档命命名名为为““newslist.asp””。（（38）打打开开““CSS样式式面面板板””，，单单击击““附附加加样样式式表表””按按钮钮，，将将本本书书第第四四章章实实例例中中创创建建的的CSS样式式表表附附加加到到文文档档中中。。（39）单单击击““新新建建CSS样式式””按按钮钮，，弹弹出出““新新建建CSS样式式””对对话话框框，，在在““选选择择器器类类型型””选选项项中中选选中中““类类（（可可应应用用于于任任何何标标签签））””单单选选按按钮钮，，““名名称称””文文本本框框中中输输入入文文本本““.title3””，单单击击““确确定定””按按钮钮。。（（40）在在““类类型型””分分类类中中设设置置大大小小为为““14像素素””、、粗粗细细为为““粗粗体体””、、颜颜色色为为““#3366CC””。在在““区区块块””分分类类中中设设置置文文本本对对齐齐为为““居居中中””，，单单击击““确确定定””按按钮钮。。（41）选选择择““窗窗口口””→→““绑绑定定””命命令令，，打打开开““绑绑定定””面面板板，，单单击击按按钮钮，，在在弹弹出出的的下下拉拉菜菜单单中中选选择择““记记录录集集（（查查询询））””命命令令，，弹弹出出““记记录录集集””对对话话框框，，设设置置其其参参数数，，如如图图所示。。单击击“确确定””按钮钮。图““记录集集”对对话框框（42）选择择“插插入””→““应用用程序序对象象”→→“动动态数数据””→““动态态表格格”