1.4 设计撰写留言页面
下面讲解在Dreamweaver中设计留言系统各个页面的方法。首先，需要创建撰写留言的页面w.asp，它的主要功能是向数据库文件book.mdb的ly1表中写入留言数据。此页面的设计过程如下。
01 在Dreamweaver窗口中按“Ctrl+S”组合键，在弹出的“另存为”对话框中将当前页面保存为w.asp，如图1-33所示。
图1-33 保存文件
02 在页面中输入“撰写留言”几个字后，在“言”字右侧按一下回车键。选择“插入记录”→“HTML”→“水平线”命令，在下一行中插入一根水平线，如图1-34所示。
图1-34 插入水平线
03 在水平线右侧按一下回车键，将光标定位到下一行后，单击“表单”工具条中的“表单”按钮，在水平线下方添加一个红色的表单线框（也称“表单域”），如图1-35所示。
图1-35 插入表单
04 在表单线框中单击一下鼠标，选择“插入”→“表格”命令，在弹出的如图1-36所示的对话框中插入一个3行2列、“表格宽度”为500像素、“边框粗细”为1像素的表格。
图1-36 插入表格
05 单击“确定”按钮返回到设计窗格，按“Ctrl+A”组合键全选所有内容，并单击属性面板中的“居中对齐”按钮，如图1-37所示。
图1-37 设置表格为居中对齐
06 拖动选中左列的上面两行单元格，在属性面板的“水平”下拉列表框中选择“右对齐”，这样就可以设置单元格中内容的对齐方式了，如图1-38所示。接着，在左列最后一个单元格单击一下，设置其水平方式为“居中”。
图1-38 设置单元格中的内容对齐方式
07 在左列按从上到下的顺序依次输入：您的姓名、您的留言、返回首页。在右列的前两个单元格中，分别单击表单工具条中的“文本字段”按钮（在本书以后的内容中，统一称为“文本框”）插入一个文本框，如图1-39所示。
图1-39 添加所需的内容
08 选中第二个文本框，在属性面板中设置其为“多行”，字符宽度和行数请根据实际需要设置（如40和5），如图1-40所示。
图1-40 设置文本框的状态为多行
09 接着，在右侧第3个单元格中插入两个按钮，选中第二个按钮，在属性面板中选择“重设表单”单选按钮，使这个按钮具有清空表单中文本框等元素中内容的功能。大家可以自行设置这个按钮的名称，如图1-41所示。
图1-41 添加重设按钮
10 分别选中两个文本字段，并在属性面板中将其名称修改为与数据库中对应字段相同的名称，如图1-42所示。
图1-42 修改文本框的名称
11 因为还需要自动输入来访者计算机的IP地址、添加留言的时间，以及设置默认的留言审核状态，所以需要在按钮左侧单击鼠标左键后，连续单击3次“表单”工具条中的“隐藏域”按钮，插入3个隐藏域。它们的设置如下。
● 选中第一个隐藏域，在属性面板中设置其名称为ipadd，在“值”文本框中输入“<%=ip%>”，如图1-43所示。接着，切换到“代码”视图，在<body>标识下输入创建变量ip的代码：“<% IP=Request("REMOTE_ADDR")%>”。这样，这个隐藏域就可以自动获得当前计算机的IP地址了。
图1-43 设置值为变量ip的值
提示
当使用Request("REMOTE_ADDR")或Request.ServerVariables("REMOTE_ADDR")取得客户端的IP地址时，如果客户端是使用代理服务器来访问，则不能取得真正的客户端IP地址。此时，应使用Request.ServerVariables("HTTP_X_FORWARDRD_FOR")的方法来获得真正的IP地址。
● 选中第二个隐藏域，在属性面板中设置其名称为lytime，“值”为“<%=now()%>”。这样，这个文本框就可以自动获得当前计算机的时间。
● 选中第三个隐藏域，在属性面板中设置其名称为lysh，“值”为数字0。即，默认写入的数字0表示留言没有经过审核。
12 在完成页面基本内容的设置后，现在需要添加动态功能，也就是向数据库中写入数据的功能。为此，需要在“应用程序”浮动面板中单击“服务器行为”标签下的“+”按钮，在弹出的快捷菜单中选择“插入记录”命令，如图1-44所示。
图1-44 选择“插入记录”命令
13 在出现的如图1-45所示的“插入记录”对话框中，在“连接”下拉列表框中选择connbook，在“插入到表格”下拉列表框中选择ly1，在“插入后，前往”文本框中输入index.asp（即完成留言后，自动跳转到index.asp页面来显示留言）。
图1-45 设置“插入记录”对话框
在“表单元素”列表框中，需要逐个检查表单中的元素是否插入到对应的字段。如果有哪个元素被忽略了，则要去完成相应的设置。
14 单击“确定”按钮，选中左侧第五个单元格中的“返回首页”几个字，在属性面板中设置链接为index.asp。这样做，是为了不想写留言时可以立即返回到显示留言页面，也就是本例留言系统的首页，如图1-46所示。
图1-46 添加返回首页链接
15 按“Ctrl+S”组合键保存文件，然后按“F12”键打开一个浏览器窗口，测试此页面的写入留言功能是否正常，如图1-47所示。
图1-47 测试写入功能
16 大家可以发现，IP、时间和审核状态的内容是看不到的，这就是隐藏域的作用——可以让一些不应被客户端修改的数据隐藏起来。在手工输入姓名和留言后，单击“添加留言”按钮继续。如果随即出现了如图1-48所示的页面（因为index.asp文件还没有设计，所以自然是找不到它的），则表示w.asp页面一切正常。
图1-48 测试成功
如果没有对C:\Inetpub\wwwroot文件夹进行权限设置，则会出现如图1-49所示的错误信息。
图1-49 权限设置不当时出现的错误
也就是说，只有在权限设置正确的情况下，才会成功地向数据库中写入数据，并自动进入Index.asp页面。
17 最后选择“修改”→“页面属性”命令，或按Ctrl+J组合键，在弹出的对话框的“外观”面板中设置“大小”（是指字体大小）为12，如图1-50所示。
图1-50 设置页面属性中的文字大小
单击左侧列表框中的“链接”选项，切换到如图1-51所示的界面中。设置“下画线样式”为“始终无下画线”，这样即可结束本页面的样式设计了。
图1-51 设置超链接
因为本例的文件太少，所以建议这个设计操作直接在Login.asp和Index.asp等页面中分别执行一次即可，而不必去专门制作CSS文件来调用。