用FrontPage 2000制作简单的留言簿
?牐犚魇愿昧粞圆荆琁IS(Internet Information Server,它是微软公司主推的服务器)必须要安装有FrontPage服务器扩展,只要在安装IIS时选取“安装FrontPage服务器扩展”就可以了,对于安装PWS(Personal Web Server,个人网站服务器)的用户,情况相似。我用的是FrontPage2000,过程如下:
?牐犞谱髟恚阂桓隽粞圆荆Ω锰峁┎榭戳粞院头⒈砹粞缘幕竟δ埽以谡饫锬7乱恍┞厶常捎昧丝蚣苁街饕辰峁梗治舷铝礁隹蚣埽喜康目蚣埽╰op)供浏览留言所用,底部的框架(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^)所示对话框。
?牐犉渲小懊疲∟):”是该文本框或按钮的标识符,你可以取一个容易记的名字,如图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^)那样的对话框:
?牐犜凇澳勘晟柚谩敝刑钊搿皌op”,或者单击“当前框架网页”中顶部框架,选中该框架,这样留言的结果就会出现在上部的top框架了。看一看吧,这就是在IE中的效果(图8)(^38040701h^)。
?牐?11.当然这里只是最简单的介绍,还有很多细节值得细细去推敲,比如,留言显示的字体样式,隐藏框架的边框,页面配色,那就看你的喽!
?牐犝饫锔嫠叽蠹乙桓黾虻サ姆椒ɡ瓷瓒?留言的字体,先在top页面乱写几个字,设置好字体样式以后,再进入HTML编辑状态,把那几个字删除,把那些与<font ...><b>等对应的</font>和</b>这些删掉,再把</body>和</html>也删除,那么,一直往后就都是这些<font>等标记的作用域了,显示的效果也就都会是这种固定的样式。