导航:首页 > 万维百科 > 网页设计搜索怎么实现

网页设计搜索怎么实现

发布时间:2020-12-21 06:23:16

1、大型网站怎么制作实现搜索系统

模式匹配算法
大部分搜索算法采用匹配的方法,也就是说,它们会比对用户的査询字符串与网站文件全文的索引,以寻找符合的文本字符串。找到吻合字符串时,来源文件就加进搜索集合中。所以,如果用户输入査询字符串“electric guitar”时,任何文件只要含有“electric guitar”,就会被检索出来。听起型当简单,但是这个比对过程可以用很多不同方式运作,以产生不同的结果。有些算法传回很多的结果,而这些结果各有不同的相关性,有些算法只传回高质量的结果。变动范围的两个极端术语就是査全率和査准率。甚至还有公式可以计算他们:査全率=#检索出来的相关文件牌集合中的所有文件,査准率=#检索出来的相关文件/#集合中的相关文件。那么是否可以兼顾两者呢,可惜,鱼与熊掌不可兼得,考虑大到用户的利益,我们需要在西者间取得平衡,然后,根据选择一种搜索引擎,其算法是偏向杳全率或者杳准率视情况而定,
其他做法
当你有“好”文件在手上时,有些算法会把该文件转换得相当于一个查询(这种做法通常称为文件相似度)。例如“the”“is”“he”这些停用词会从好文件中抽掉,留下一组语义丰富的术语,足以代表文件即可。然后,这些术语会转换成一种査询字符串,面这种査询字符串可以让你检索出类似的结果。另一种做法展示那些已经使用相类似的元数据做过索引的结果。当然,一定还有其他的搜索算法,但重点是这些算法的主要目的是找出最好的文件集合作为搜索结果。但是,“最好”是相当主观的,而且必须了解什么人想在你的网站上找到什么。
分组结果
尽管我们可以用各种方式列出结果,却没有一种是完美的。像Google的混合式做法就很有希望,但是,通常必须介入搜索的设计工作,才可能拥有这样的工具。无论是哪种情况,我们的网站通常是越来越大,因此,搜索结果也会变大。同时,当用户放弃再看时,那些就只是理想中的。然而另一种替代排序和排名的做法看来是有希望的:依照某个共同的方面把结果聚集起来。当结果按类别和等级分组时,可以改善效果。 我们怎么分组结果?可惜,明显的方式都没什么用:我们可以使用现有的元数据,诸如文件类型以及文件建立/修改日期,让我们把搜索结果分成几个组群。比较游泳的是从手工添加的元数据衍生出来的组群,诸如主题、用户、语言,以及产品家族。可惜,根据手工添加的做法会贵到吓人。有些自动化工具可以得到比较有用的主题类型组群,通常可以满足用户所需。这些组群为结果提供了情境,你可以选择你最感兴趣的目录,就能够浏览相当小的一群搜索集合,以及一群相同主题领域的文件(理想上) 。这种做法很类似动态产生的搜索区域。
设计捜索界面
用户差异性大,搜索技术也花招百出,所以实在没有什么单一化的理想捜索界面。在 web早起,很多搜索引擎都是在校仿在线图书馆目录和以CD-ROM为主的数据库中所采用的“传统”搜索引擎功能,这些传统系统多半提供给研究者、图书馆员及专业人士,面用户通常要懂得复杂语言才能使它们。在web的用户:爆炸增长之后,全方位的搜索经验和专长下降到最低点,新生代的用户没那么多耐性。用户通常只会输入一两个术语,不会包含任何运算符,然后就按下 “搜索”按钮,并希望能得到最佳的结果。搜索引擎开发人员的做法是,把老式的花悄找事隐藏在“高级捜索”界面之中。 由于以上理由,最终又会晃回老路,支持受到挫折的用户可以用更多的搜索语言,而且他们也愿意花时间学习复杂的搜索界面,并构造出査询字符串。但是就目前面言,假设最好的做法是让搜索界面尽可能简单,而这也是相当合理的。

2、自己设计的网站,实现站内搜索的方法是什么?

Google: http://www.google.com/intl/zhCN/add_url.html 

百度: http://www.baidu.com/search/url_submit.html 

可去以上两个网站中添加你自己网站的网络地址。

3、网页设计中如何做一个好看的搜索框

通过from表单,将查询的关键词,通过 like 跟数据进行模糊查询对比
从topics表中查询字段subject与传进来的参数'$_POST['topic']进行比较模糊查询
设subject字段数据为:数学,英语,物理,化学,英文
$subject=$_POST['topic'];
$sql = "select * from topics where subject like '%" .$subject. "%'";
$result = mysql_query($sql);
若从表单提交的‘topic’值为“学”,得到的结果将是:数学,化学
多个字段匹配查询:
$sql = "select id,subject from topics where (id like '%" .$id. "%') or (name like '%" .$name. "%') or (subject like '%" .$subject. "%') order by id desc";

4、html中搜索框怎么做

.aa{width:100px; height:20px; boder:solid 1px #f00;}//定义搜索框的大小高度以及边框颜色。

思路是:
放大镜图标用个img写进来或者用其它回标签用CSS做背景也可以;
下拉导航答这种效果系统的Select下拉是最容易想到的,但是别想着用它做,,原因很简单,做不到的,,这个必须借助JS辅助来解决!

5、网页制作如何实现搜索的功能?请大家帮帮我

搜索是首先对搜索框定义一个表单

即<form action="搜索处理页面URL" method="post">

下面是你的输入框和按钮

然后内在处理页面进行处理就可容以了

处理页面需要获取输入框所传递过来的数值,然后进行数据库取值比对!

已经回答你了,你最后的补充不知道你要说明什么

6、dw制作的网页如何实现搜索功能?

先在一个flash中添加多个音乐,然后保存为swf文件,之后加在网页上就可以了
或者
在设计图示下,回最下面有“页面属答性”
在页面属性里找相关选项
其实代码也很简单的
在代码图示找到<head>
在这个后面输入
<embed
src="1.mp3"
hidden="true"
autostart="true"
loop="true"
width=300
height=100>
这样就可以了
其中,“1.mp3”是音乐文件的路径,如果是和网页在同一个目录下只打上名字就可以了,hidden是是否隐藏播放器,true是隐藏,false是显示,其他可以不用动

7、html 制作简单的搜索功能

1.打开Hbuilder编辑器,创建一个输入框和一个按钮,水平放置。

2.首先,将“#7FCC0B”颜色的边框添加到输入框中,设置宽度和高度。然后,设置按钮按钮的白色字体和背景色“#7FCC0B”。

3.按CRTL+s可以在软件的右边看到最终的效果。这就是如何在HTML中创建一个搜索框。

(7)网页设计搜索怎么实现扩展资料:

1. 语言概述

WWW上的超媒体文档称为页面。作为组织或个人在万维网上的起点的页面称为主页,而主页通常包含指向其他相关页面或其他节点的指针(超链接)。从逻辑上讲作为一个整体处理的一系列页面的有机集合称为一个网站(网站或Web)。

Web页面,也称为Web页面,在这里没有区别。

2. 规范和标准

HTML是一种规范,一种标准,它使用标记符号来标记要显示的web页面的各个部分。web文件本身是一个文本文件,通过在文本文件中添加标记,您可以告诉浏览器如何显示内容(例如,如何处理文本、如何安排图片、如何显示图片等)。

浏览器依次读取网页文件,然后根据标记解释并显示其标记的内容。错误的标记不会被指出,也不会停止其解释的执行。编译器只能通过显示效果来分析错误的原因和部分原因。但是,需要注意的是,不同的浏览器可能对相同的标记有不同的解释,并且可能具有不同的显示效果。

3.标记语言

HTML被称为超文本标记语言,因为文本包含所谓的“超链接”点—URL指针,使浏览器能够通过激活(单击)新网页来轻松检索它们。这是为什么HTML被广泛使用的最重要的原因之一。

因此,Web页面的本质是HTML,通过结合其他Web技术(如脚本语言、CGI、组件等)可以创建功能强大的Web页面。因此,HTML是Web编程的基础,这意味着万维网是基于超文本的。

8、dreamweaver网页制作如何加入搜索框,搜索框功能是可以搜索自已制作的网页中的内容,能做出来吗?谢谢

可以制作搜索框,但是如果要实现实际的搜索功能可能就需要用到后台的内容了。仅仅依靠网页制作,应该是实现不了这个功能的。

9、网页设计 类似百度搜索页面是怎么做出来的

网页设计这个一般都是要求会前端代码,html css js flash 还有些其他的脚本插件什么的。

如果代码写的熟练可以不用DW。写网页的工具很多,用txt文本文档也可以。


好了,贴上搜索框代码,使用需要后台程序支持,直接点了可是什么都没有哦。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>搜索框</title>
<style type="text/css" media="screen">
      body {
        background-color: #f1f1f1;
        margin: 0;
      }
      body,
      input,
      button {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      }
      .container { margin: 30px auto 40px auto; width: 800px; text-align: center; }

      a { color: #4183c4; text-decoration: none; font-weight: bold; }
      a:hover { text-decoration: underline; }

      h3 { color: #666; }
      ul { list-style: none; padding: 25px 0; }
      li {
        display: inline;
        margin: 10px 50px 10px 0px;
      }
      input[type=text],
      input[type=password] {
        font-size: 13px;
        min-height: 32px;
        margin: 0;
        padding: 7px 8px;
        outline: none;
        color: #333;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right center;
        border: 1px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in 0;
        vertical-align: middle;
      }
      .button {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 8px 15px;
        font-size: 13px;
        font-weight: bold;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,0.9);
        white-space: nowrap;
        background-color: #eaeaea;
        background-image: -moz-linear-gradient(#fafafa, #eaeaea);
        background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
        background-image: linear-gradient(#fafafa, #eaeaea);
        background-repeat: repeat-x;
        border-radius: 3px;
        border: 1px solid #ddd;
        border-bottom-color: #c5c5c5;
        box-shadow: 0 1px 3px rgba(0,0,0,.05);
        vertical-align: middle;
        cursor: pointer;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-appearance: none;
      }
      .button:hover,
      .button:active {
        background-position: 0 -15px;
        border-color: #ccc #ccc #b5b5b5;
      }
      .button:active {
        background-color: #dadada;
        border-color: #b5b5b5;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.15);
      }
      .button:focus,
      input[type=text]:focus,
      input[type=password]:focus {
        outline: none;
        border-color: #51a7e8;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);
      }
     
      label[for=search] {
        display: block;
        text-align: left;
      }
      #search label {
        font-weight: 200;
        padding: 5px 0;
      }
      #search input[type=text] {
        font-size: 18px;
        width: 705px;
      }
      #search .button {
        padding: 10px;
        width: 90px;
      }

    </style>
</head>
<body>
<div class="container">
  <div id="search">
    <label for="search"></label>
    <input type="text" name="q">
    <input class="button" type="submit" value="Search">
  </div>
</div>
<div style="text-align:center;margin:100px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

与网页设计搜索怎么实现相关的知识