AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > 网页制作

Frontpage2000教程 第十课 表单设计

51自学网 http://www.51zixue.net
搜索表单
上一课我们学习了站点操作,在结合网页的编辑技巧,相信你已经可以制作一个自己的站点了。不过我们要把站点设计的更好,还需要继续学习。比如说,搜索网页。   

带有搜索文本框的网页

  你看这一个网页,在网页中有一个搜索文本框,里面可以输入文本,同时还有“开始搜索”和“重新填写”两个按钮。这是一个最简单的搜索表单。
  它是将搜索表单发布到WEB服务器并在浏览器中看到的结果。我们在自己的计算机上编辑完站点以后,可以先把站点的文件拷贝到一个大家都可以访问的服务器上,这样别人就可以通过浏览这个服务器来来访问我们的站点。这个过程就好像把工厂生产的产品拿到商店里让大家选购一样。我们把这个过程叫做站点的发布。我们把站点的WEB页拷贝到一个服务器上让大家访问,为了把这个放WEB页的服务器和其他服务器区分开,我们就把它叫做WEB服务器。 我们试一下就知道这个发布到WEB服务器的搜索表单有什么用了。
  现在我们在“搜索”文本框中输入“Test”,单击网页上的“开始搜索”按钮。

显示搜索结果的页面

  网页上多出了一个表格。这个多出的表格列出了我们网站中所有出现了“TEST”的网页,以及这些网页的修改日期、大小、和与关键字匹配的紧密程度。
  这个网页是一个进行关键字搜索的网页。现在我们自己也做一个这样的搜索表单我们首先在要插入这样的搜索表单的位置单击,使插入点放到指定位置,选择“插入”菜单的“组件”子菜单,单击“搜索表单”,进入“搜索表单属性”对话框。

“搜索表单属性”对话框

  在“搜索表单属性”选项卡里,我们可以改变搜索表单的文本框和按钮的提示,现在我们把“输入框的标签”改为“在网站中搜索:”,
  单击“搜索结果”选项卡,

“搜索结果”选项卡

  在这里我们可以设置显示查询结果时要显示哪些信息,以及信息的格式,我们选中“显示文件大小”和“选中文件日期”复选框,单击“确定”按钮。

搜索表单显示的情况

  搜索表单显示在指定位置了。除了搜索文本框的提示信息之外,它的外观和刚才的搜索表单并没有什么不同。现在我们单击“预览”选项卡,切换到预览模式,在“在网站中搜索:”中输入“FRONTPAGE”,单击“开始搜索”按钮。

搜索的结果没有显示

  没有反应? 我们看一下预览窗口的标题:“该网页中存在着需要保存或发布后才可正常预览的元素”。这说明我们的搜索表单在发布到WEB服务器之前是不能正常工作的。
  我们来看一看表单的工作原理。首先说说搜索表单和普通网页有区别:搜索表单可以让我们输入字符串,还可以查询关键字。而普通网页只能让浏览者通过选择超链接的方法进行选择,察看指定的网页,这些网页都是事先设计好的,在浏览时并不改变。但是搜索表单的查询结果可以不一样,每次查询都会改变网页的显示内容,这也就是说搜索表单在浏览时显示是可以改变的。
  我们再来看一下表单的工作过程:
1.首先,用户输入要查询的关键字,然后单击“开始搜索”按钮,浏览器就会把用户输入的信息发送到WEB服务器,这个过程叫做提交
2.接着WEB服务器受到信息之后就进行查询找到相关的网页,提取它们的大小、名字的等信息,并把这些信息格式化为WEB网页;
3.最后,服务器再把格式化后的网页发回用户的浏览器,这时用户就看到查询到的信息了,我们把这个过程叫做表单处理
  也就是说,表单处理的过程是在WEB服务器上完成的。正是因为这个道理,我们如果不把搜索表单发布到服务器就不能正常使用搜索表单的功能。

 

<

 

 

 
上一篇:HTML教程&nbsp;第五章 文件之间的连接  下一篇:Frontpage2000教程&nbsp;第&nbsp;二&nbsp;课 编辑网页