Microsoft Visual InterDev 、Dreamweaver UltraDev（或MX）和FrontPage 2003都有强大的ASP编写功能，我们可以借助这些网页制作工具轻松准确地设计制作ASP系统，提高编写效率。虽然InterDev 、Dreamweaver、FrontPage里内置的ASP开发功能能迅速准确开发ASP，但是很多情况下还是要手工输入或是修改代码，以设计出功能强大并且灵活的ASP程序，因此作为一个ASP程序开发者是必须熟悉ASP语言。我们也可以先使用Dreamweaver、FrontPage设计制作普通HTML页，然后在里面手工插入ASP程序代码，但要注意文件扩展名要改为.asp。设计制作ASP程序的方式方法多种多样，通常是将手工编写与使用网页制作工具相结合。
本章第1节所介绍的采用手工代码方式编写的留言板相对比较简单，下面我们介绍使用大家所熟悉的Dreamweaver MX来开发一个功能相对完善的ASP留言板系统。
7.4.1 留言板的总体框架设计
该留言板用于盛达公司与客户进行交互，在留言板客户提出意见与建议，公司及时发馈。可以实现的功能包括用户留言及查询公司的回复、显示留言列表、显示留言详细信息、管理员登录、管理员登录后回复留言。该留言板包含以下页面：
▲ messagesend.asp：用户留言页。
▲ messagelist.asp：留言列表页。
▲ message.asp：显示详细留言页。
▲ login.asp：管理员登录页。
▲ error.asp：显示登录失败页。
▲ remessage.asp：公司回复页。
7.4.2 留言板的数据库设计
留言板的数据存储使用Access数据库。数据库文件名为sdmessage.mdb，包括数据表admin和message。
管理员表admin用于存放管理员信息，设计如图所示。

留言信息表message用于存放用户留言及公司回复，设计如图所示。

说明：
▲ 字段“序号”设为主键，系统将按序号对留言进行检索。
▲ 字段“留言时间”的数据类型为“日期/时间”，并且设置默认值为now()，留言提交时以获取系统的当前时间。
本系统所有ASP文件与数据库文件都放在同一级目录sdmessage下。
完成留言板的整体规划和数据库设计后，下面打开Dreamweaver MX来具体制作本系统。
7.4.3 具体制作过程
打开Dreamweaver MX后，按以下操作来完成具体制作过程。
1．设置站点信息
编写ASP系统的机子最好安装IIS，这样方便在本机对程序进行调试。在设置站点时，在【您是否打算使用服务器技术】选择中，选择“是，我想使用服务器技术”，在【哪种服务器技术】下拉列表框中选择“ASP VBScript”，如图所示。

在“测试文件”对话中，填写测试URL，例http://10.10.10.100/，如图所示，单击【测试URL】按钮，如果通过，弹出的消息框显示测试成功。

2．打开【站点】面板，在站点总文件夹下建立sdmessage文件夹，在sdmessage文件夹下建立各空白ASP页面，此时所建立的新文件后缀为.asp。
3．打开Access，建立数据库文件sdmessage.mdb，在管理员表admin中预设好管理员名和密码。数据库建好后保存到sdmessage文件夹下。
4．设置数据库连接信息
设置数据库连接信息的操作步骤如下：
（1）打开一个ASP页面。
（2）单击【窗口】|【数据库】命令，打开【数据库】面板，在面板中单击【＋】按钮，在弹出的选择菜单中选择【数据源名称】，在打开的【数据源名称】对话框中，输入连接名称sdmessage，选择数据源名称sdmessage，如图所示。

（3）设置完毕，测试连接情况，测试通过后，点【确定】按钮，数据库面板里将出现所连接的数据库信息。
也可以选择【自定义连接字符串】，在出现的对话框中进行如下连接设置。
连接名称：sdmessage
连接字符串：Driver={Microsoft Access Driver (*.mdb)};DBQ=d:\sd-web\sdmessage\sdmessage.mdb
本例数据库位置为d:\sd-web\sdmessage\sdmessage.mdb。设置完成后，在站点根目录下自动生成connections文件夹，其中包含记录数据库连接信息的文件sdmessage.asp，留言板系统ASP文件将在页面代码的开头用<!--#include file="../Connections/sdmessage.asp" -->语句来包含这个文件从而与数据库进行连接。