用FrontPage 2000制作简单的留言簿 徐泽兵 2001年 38期 常为“家”操心的我，偶尔意外地发现用FrontPage可以制作简单的留言簿，页面只有几百个字节大小，但具有留言簿的基本功能，这对于我的个人主页完全够用了。不用手工输入一点代码，完全可视化制作，相信大家都有兴趣吧！跟我来吧。 　　要调试该留言簿，IIS（Internet Information Server，它是微软公司主推的服务器）必须要安装有FrontPage服务器扩展，只要在安装IIS时选取“安装FrontPage服务器扩展”就可以了，对于安装PWS（Personal Web Server，个人网站服务器）的用户，情况相似。我用的是FrontPage2000，过程如下： 　　制作原理：一个留言簿，应该提供查看留言和发表留言的基本功能，我在这里模仿一些论坛，采用了框架式主页结构，分为上下两个框架，上部的框架（top）供浏览留言所用，底部的框架（bottom）用一个表单来提交、发表留言。假设该留言簿主页为index．htm，top框架的页面为top．htm（保存留言内容），bottom框架为send．htm。当我们发表留言的时候，提交表单，把表单文本框中的内容存入到top．htm。以后再打开index．htm，调入的top框架的top．htm页面就是以前的留言内容。说白一点：就是先把发言内容写到一个文件里面去，再把这个文件读出来，就是留言内容。 　　制作过程： 　　1．先用 FrontPage 新建一个站点，选择“文件＼新建网页＼框架网页”中的“水平拆分”，如图1所示（^38040701a^），新建一个上下结构的框架网页，把该框架网主页保存为 index．htm ，然后点击上、下框架内的“新建网页”，分别保存 top、bottom框架内的页面为top．htm、send．htm。 　　2．在出现的编辑窗口中进行编辑，可以在顶部框架加入logo和要显示一些说明，比如：“欢迎您的光临……”和“留言列表：”等，它们将会出现在留言簿的最上端作为说明。接下来，底部框架的表单就是最重要的环节，建立图2（^38040701b^）所示的一个表单： 　　3．选择菜单“插入＼表单＼表单”，插入一个表单，在其中插入两个单行文本框、一个滚动文本框和两个按钮，排列成如图2 的样式。 双击文本框，弹出如图3（^38040701c^）所示对话框。 　　其中“名称（N）：”是该文本框或按钮的标识符，你可以取一个容易记的名字，如图2中的“称呼：”后面的文本框，取名为“name”，“E-mail：”后的文本框取名“email”，“你想说的话：”下面的滚动文本框取名“sendtext”，“发送”按钮取名“send”。“宽度（W）”是调整文本框显示的宽度，以字符为单位，大约取十二就差不多了。其他的默认即可。当然，你也可以设置“初始值”初始显示在文本框中的内容，设置“验证有效性”来限制用户输入内容的长短、格式等。 　　4．编辑表单属性，右键单击表单，在弹出的菜单中选择“表单属性……”，弹出图4（^38040701d^）所示对话框。 　　5．选中 “发送到（S）：” 单选框，在 “文件名称：” 后面的文本栏中填入“top．htm”，这样就会将表单内容保存到top．htm。然后点击左下角的“选项……”按钮，弹出如图5的对话框，进行相关设置。 　　6．如图5（^38040701e^）中，在“文件名称”中已默认是“top．htm”，“文件格式”下拉列表中选中“HTML项目符号列表”，“包括域名”不勾选，为了便于浏览，“最新结果放在末尾”也不勾选，“可选的第二文件：”不加以理会。 　　7．点击“确认网页”标签，在该标签中的“确认网页的URL（可选）：”中填入“top．htm”。这一步至关重要，它使表单在提交内容到top．htm的同时，刷新top．htm所显示的top页面，使人看起来的情况是留言已经发表。 　　8．点击“保存的域”标签（图6）（^38040701f^），在“要保存的表单域：”中只保留“name”、“email”和“sendtext”三项，其他选项可选可不选，但保存得太多，会使显示在页面上的内容太繁杂，不易浏览，而且不美观，所以建议其他的一概不选。 　　9．好了，现在一路点击“确定”，保存文件，再选择“文件＼发布站点……”，把这个站点传送到你的服务器上，试试看吧！ 　　哎，怎么不行？嘿嘿，还差一步啊！ 　　10．在刚才图4所示的“表单属性”对话框中，点中“目标框架”后面的那个一支笔的按钮，就出现了图7（^38040701g^）那样的对话框： 　　在“目标设置”中填入“top”，或者单击“当前框架网页”中顶部框架，选中该框架，这样留言的结果就会出现在上部的top框架了。看一看吧，这就是在IE中的效果（图8）（^38040701h^）。 　　11．当然这里只是最简单的介绍，还有很多细节值得细细去推敲，比如，留言显示的字体样式，隐藏框架的边框，页面配色，那就看你的喽！ 　　这里告诉大家一个简单的方法来设定留言的字体，先在top页面乱写几个字，设置好字体样式以后，再进入HTML编辑状态，把那几个字删除，把那些与＜font ．．．＞＜b＞等对应的＜/font＞和＜/b＞这些删掉，再把＜/body＞和＜/html＞也删除，那么，一直往后就都是这些＜font＞等标记的作用域了，显示的效果也就都会是这种固定的样式。