经过前几节的制作，网站前期的准备工作已初步完成，本节建开始建立114的各个页面。页面文件的安排是 这样的：
top_114.asp：是所有页面的顶端，位于网站根目录下的 /common 文件夹下面；
buttom.htm：是所有页面的底端，也位于网站根目录下的 /common 文件夹下面；
以上两个文件都是通过ASP的include命令包含在相应的页面中，这样做的目的是使网站模块化，减少工作量。 index.asp：114的主页
search.asp：电话号码查询结果页面；
seek_tel.asp：查询表单，由于每个页面都包含查询部分，因此本部分也做成一个单独的文件被其它文件包 含；
login_tel.asp：在线填写登记的页面；
disp_tele.asp：显示相信信息的页面，页面包含电话号、号码对应的单位、单位介绍等；
login_ok.asp：在线填写登记完成时候显示的页面； 各位在这里只需要注意排版方面的技巧，其它的没有什么太多的。另外，要用http的形式访问这些页面，也 就是http://localhost/114/index.asp来看主页。
一、建立数据库连接
在第四步，我们的站点就已经建立好了。在构造动态页面之前，我们先在 Dreamweaver MX 中建立和数据
库之间的连接,请按下面步骤进行：
1、在应用程序选项卡里面选择数据库项目，然后点击加号按钮并选择“自定义连接字符串”,如图6-1:
2、在数据源设置对话框内，分别输入数据源名称和连接字符串。连接字符串用于连接数据库，在这里我
们先按绝对路径的格式输入："driver={Microsoft Access Driver (*.mdb)};dbq=E:/pcitw/db/cy114db_2004.mdb"
3、在这里需要注意的是，在引号内的所有内容必须按找格式书写，数据库的路径和文件名根据实际情况
填写，如图6－2：
经过上面3个步骤，数据库的连接便建立完毕。这时在看数据库面板，便能显示出数据库结构来。如图6－3：
数据库连接的建立，实质上是在我们的根目录下建立了一个 Connections 文件夹，并在该文件夹内建立了一
个和我们指定数据源名相同的asp文件。熟悉asp的朋友马上就能看明白了，里面原来是一个变量定义。页就是：MM_db114_STRING = "driver={Microsoft Access Driver (*.mdb)};dbq=E:/pcitw/db/cy114db_2004.mdb"，如果我们上
传到网站上，那么这段代码可要修改，否则是连接不上数据库的。如何修改，我们将在以后说明。如图6－4：
至此，我们已经建立了数据库的连接，以后任何操作，只要涉及数据库的，都要用到刚才建立的连接。当然，如果你的网站需要很多数据库，那么你将建立多个数据库连接。因为一个连接只能对应一个数据库。