1、如何在网页中实现搜索功能?
有三种常见的方式
1、自己设计表单、编程、与数据库链接检索。
2、在百度或谷歌注册申请站内搜索功能。获得代码,添加到自己的页面中。
3、使用第三方的工具软件,搭建检索功能
下面是制作’PHP搜索’功能
准备:
数据库(mysql):一个数据库(search),库里面一个表(title),表里面一个字段(name).
PHP页面:两个页面(index.php search.php)
制作工具:Dreamweaver
开始:
——————————————————
第一步.创建数据库.(目前大家应该都是用的phpmyadmin来操作数据库的吧?)
建立一个数据库.
第二步.建表
在刚建立的search数据库里插入一个名字为title的表.建表时让你选插入几个字段.写1就可以了.
第三步.建字段
插入的字段命名为name,长度值20就可以了.
—–数据库部分已经做完,接下来是网页部分—–
第四步.建立两个页面
建立两个文件:index.php和search.php可以使用记事本等文本工具直接建立.我使用的工具是Dreamweaver(方便嘛.呵呵).
第五步.index.php的页面制作.
这个页面是用来传递你搜索的关键字的.代码如下:
<form method=”post” action=”search.php” name=”search”>
<input name=”search” type=”text” value=”" size=”15″> <input type=”submit” value=”Search”>
</form>
这段代码是建立一个FORM表单.专门用来提交数据的.
第一行是FORM表单的开始.它的传递方式是post,传递到search.php这个页面.表单名为name.
第二行是文本域和提交按钮.文本域命名为search,按钮默认就可以了.
第三行是FORM表单的结束语句.
第五步.search.php的页面制作.
这个页面很关键.因为他是获取index页面传递过来的值,然后导出搜索的数据.
首先要绑定你建立的search数据库,我用的DW生成的.
上一个页面传送的文本域是search.所以,这里需要建立一个search变量.来接收你输入的关键词.用以下语句定义变量:
<?php
$searchs = $_POST['search'];
?>
然后建立一个记录集,选择高级.SQL语句中填写:
SELECT *
FROM title
WHERE name like ‘%$searchs%’
这句的意思是选择title表里面的所有字段(*),然后查询name中的$searchs变量。这个变量也就是你在index中输入的值啦。
然后在BODY里面绑定一个动态文本。选择NAME。
—–网页部分完成.真个搜索功能也就完成了—–
2、网页设计问题?搜索功能.
可以实现。你可以使用baidu,google或中搜提供的站内搜索功能。
见http://www.baidu.com/search/guide.html#4
代码如下:
<SCRIPT language=javascript>
function g(formname) {
var url = "http://www.baidu.com/baidu";
if (formname.s[1].checked) {
formname.ct.value = "2097152";
}
else {
formname.ct.value = "0";
}
formname.action = url;
return true;
}
</SCRIPT>
<form name="f1" onsubmit="return g(this)">
<table bgcolor="#FFFFFF" style="font-size:9pt;">
<tr height="60"><td valign="top"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-137px.gif" border="0" alt="baidu"></td>
<td>
<input name=word size="30" maxlength="100">
<input type="submit" value="百度搜索"><br>
<input name=tn type=hidden value="bds">
<input name=cl type=hidden value="3">
<input name=ct type=hidden>
<input name=si type=hidden value="www.guoxue.com">
<input name=s type=radio> 互联网
<input name=s type=radio checked> www.guoxue.com
</td></tr></table>
</form>
将其中的www.guoxue.com替换成你的网站即可。
3、网站设计中搜索框的设计技巧有哪些
设计精美的网站当然很吸引人,但如果你的网站设计精美,内容上乘,就是不明白网站为何没达到运营预期目标,问题可能就出在搜素框这一元素的运用之上。本文指出了设计者必须避免的错误,并分享了一些搜索框设计技巧,希望在优化网站性能方面有所帮助。
在浏览整个网站中,搜索框通常是通向用户使用的最后一道关卡。如果你的网站内容很多,包含了详尽的特色,功能,设计元素,产品和服务等等,那么搜索框就成为了网站不可或缺的一部分。网站的成长往往需要时间。当然,从整个网站设计和开发过程来看,设计肯定要简洁,有文章和评论,以及非正式的网站通知,特色内容和服务等等。不过,随着网站层次不断提升和更新,与网站相关的内容的只是起到了装饰作用。因此,搜索框对网站的性能优化起到了至关重要的作用。
优质的职能和运作对网站开发确实很重要,但与此同时,我们也不可忽视网站的前端性能。你的网站也许在特色内容,功能以及内容质量等方面都很出众,但是,如果网站前端性能令人不满意,并且没有以用户为中心,那么网站其它方面做得再好,也起不到任何作用。
错误观念:搜索框不需要设计
在整个网站设计中,搜索框的外观要显眼,方便用户快速找到。网站站长普遍认为搜索框只是一个输入和提交内容的按钮而已,因此他们根本不需要花时间设计。
但是由于错误观念泛滥,站长们也错失了一些潜在的机会。由于设计上的缺失以及亮点不突出,用户通常会被搜索框的位置弄得焦头烂额,他们通常会点击“返回”按钮(离开网页)。因此,设计平庸,辨识度不高的搜索框就是导致这一切的元凶,如果想要网站获得可观的流量,但是网站转化率却低得离谱,这是不行的。
如果用户对你的网站感到失望,搜索框则有助于留住用户。在大量的网站中,真正带给用户绝佳体验的少之又少,用户有时还没深入了解整个网站,可能就不断点击后退,离开网页了。如果用户能进行搜索,他们只需在搜索框中输入自己想找的内容,上述问题也就迎刃而解了。
在如今这个快速成功的社会,时间就是金钱。搜索框不仅能帮助用户节约时间,还可带给用户高度愉悦和简洁的浏览体验。
搜索框设计技巧
在为网站设计搜索框时,你可重点考虑以下建议:
1. 搜索框要显眼
搜索框要清晰可见,千万不可放在难以注意到的位置。即使你的网站主题是纯白色,为搜索框设置黑色的边框,选用红色等亮色作为字体颜色,这都可能会解决搜索框不明显的问题。
2. 搜索框要有搜索框的样
你可以尝试在搜索框设计中融入创意,但是不要把它弄得不伦不类。这也是搜索框必须是框状的原因。访问网站的用户不会仔细浏览完整个网站的内容,他们只会关注自己感兴趣的内容,而且许多学习条件是受制于他们的行为,在用搜索框进行搜索时,实际上用圆角矩形的搜索框就可以了。
3. 搜索框的位置
搜索框的位置对网站优化和性能提升十分重要。一般的经验表明搜索框的最佳位置应在网站顶部的左上角或右上角,因为用户希望节约时间和精力,直接搜索到他们所需的内容。但是受广告等内容的影响,迫使设计者将搜索框放在页面底部。这并没真正解决搜索框在网站中的实用性问题,必须避免。
另外,在每个网页中都放入搜索框是一个明智的主意,即使用户在网站中迷失,他们也能够方便地找到需要的内容。
4. 为提交按钮取一个有创意的名字
搜索框的名字要取得有创意,不要简单地放上单调的“go”,“find”或“search”在旁边。不管给它起什么名字,只要不为难用户去猜意思就好。
5. 为用户提供分类搜索
用户可自由搜索各种分类。同样的思路,你也可以显示分类,用户在输入区域进行搜索。在JavaScript的帮助下,用户只需将鼠标悬停在搜索框上,即可显示类型或进行用户自定义搜索,从用户的角度讲,这是一个很棒的选择。
设计者必须避免的错误
我们在试用其它网站的搜索时发现他们在搜索框的显示上犯了不少错。这些都是些很常见的错误,如果你希望通过搜索框优化网站性能,那么就必须得避免这些问题。
1. 隐藏搜索框
我们反复强调搜索框的明确显示的必要性。不要把搜索框放在网站底部,放在网站的右上角效果会更好,如果网站设计得很混乱,用户在没有浏览到接近网站的底部时就已经离开网页了。
2. 切忌输入区域过短
为用户提供所需范围准确的输入查询。搜索框输入区域太短只会让用户对搜索框感到失望,因为,他们不会在整个区域输入想查询的内容。再者,这也非常不方便用户阅读和回应。
3. 切忌提交按钮过短
受网站设计限制,提交按钮不应过长,但是太短又会让用户感到失望,因为他们在鼠标点击的准确性上又会有偏差,从而浪费搜索时间,还会被转入到到一些不同页面上。
4. 切勿将搜索框与其它菜单混排在一起
如果把搜索框和与新闻和导航条混排在一起,这是相当让人不爽的事。这样用户很难在邮件订阅或文章搜索栏中区分出搜索框。因此,搜索框应与其它菜单分开排列。
5. 过度设计搜索框
不要因为搜索框要显眼,在设计时就受到影响。虽然搜索框要清晰地展现出来,但也不要设计过度,以免影响到它的直观性。
6. 没必要提供高级搜索工具
高级搜索当然会有它的用处,但这会使本来简单的搜索变得更加复杂。因此,没必要提供高级搜索工具,除非你是为了迎合懂技术的用户。如果你只是搞定一般用户,尽量保持搜索选项简单。
7. 一个搜索框有多个提交按钮
这条建议非常有意思,我们很少看到有网站设置了多个搜索提交按钮,比如同时有“go”和“find”。很明显,这会扰乱按钮的选择。
8. 如果在网站设计中,你遵从了以上建议,我们相信一个高效的搜索框能够起到优化网站性能的作用。
4、如何在网页设计中添加搜索引擎
你是指做个输入框然后点按钮后跳转成别的搜索引擎(例如百度)的的呢还是在自己站内搜索
5、自己设计的网站,实现站内搜索的方法是什么?
Google: http://www.google.com/intl/zhCN/add_url.html
百度: http://www.baidu.com/search/url_submit.html
可去以上两个网站中添加你自己网站的网络地址。
6、网页设计 类似百度搜索页面是怎么做出来的
网页设计这个一般都是要求会前端代码,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">7、网页设计中如何做一个好看的搜索框
通过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";
8、搜索引擎的设计技巧?
一、搜索引擎的分类
获得网站网页资料,能够建立数据库并提供查询的系统,我们都可以把它叫做搜索引擎。按照工作原理的不同,可以把它们分为两个基本类别:全文搜索引擎(FullText Search Engine)和分类目录Directory)。
全文搜索引擎的数据库是依靠一个叫“网络机器人(Spider)”或叫“网络蜘蛛(crawlers)”的软件,通过网络上的各种链接自动获取大量网页信息内容,并按以定的规则分析整理形成的。Google、百度都是比较典型的全文搜索引擎系统。
分类目录则是通过人工的方式收集整理网站资料形成数据库的,比如雅虎中国以及国内的搜狐、新浪、网易分类目录。另外,在网上的一些导航站点,也可以归属为原始的分类目录,比如“网址之家”。
全文搜索引擎和分类目录在使用上各有长短。全文搜索引擎因为依靠软件进行,所以数据库的容量非常庞大,但是,它的查询结果往往不够准确;分类目录依靠人工收集和整理网站,能够提供更为准确的查询结果,但收集的内容却非常有限。为了取长补短,现在的很多搜索引擎,都同时提供这两类查询,一般对全文搜索引擎的查询称为搜索“所有网站”或“全部网站”,比如Google的全文搜索(http://www.google.com/intl/zh-CN/);把对分类目录的查询称为搜索“分类目录”或搜索“分类网站”,比如新浪搜索和雅虎中国搜索(http://cn.search.yahoo.com/dirsrch/)。
在网上,对这两类搜索引擎进行整合,还产生了其它的搜索服务,在这里,我们权且也把它们称作搜索引擎,主要有这两类:
⒈元搜索引擎(META Search Engine)。这类搜索引擎一般都没有自己网络机器人及数据库,它们的搜索结果是通过调用、控制和优化其它多个独立搜索引擎的搜索结果并以统一的格式在同一界面集中显示。元搜索引擎虽没有“网络机器人”或“网络蜘蛛”,也无独立的索引数据库,但在检索请求提交、检索接口代理和检索结果显示等方面,均有自己研发的特色元搜索技术。比如“metaFisher元搜索引擎”
(http://www.hsfz.net/fish/),它就调用和整合了Google、Yahoo、AlltheWeb、百度和OpenFind等多家搜索引擎的数据。
⒉集成搜索引擎(All-in-One Search Page)。集成搜索引擎是通过网络技术,在一个网页上链接很多个独立搜索引擎,查询时,点选或指定搜索引擎,一次输入,多个搜索引擎同时查询,搜索结果由各搜索引擎分别以不同页面显示,比如“网际瑞士军刀”(http://free.okey.net/%7Efree/search1.htm)。
二、搜索引擎的工作原理
全文搜索引擎的“网络机器人”或“网络蜘蛛”是一种网络上的软件,它遍历Web空间,能够扫描一定IP地址范围内的网站,并沿着网络上的链接从一个网页到另一个网页,从一个网站到另一个网站采集网页资料。它为保证采集的资料最新,还会回访已抓取过的网页。网络机器人或网络蜘蛛采集的网页,还要有其它程序进行分析,根据一定的相关度算法进行大量的计算建立网页索引,才能添加到索引数据库中。我们平时看到的全文搜索引擎,实际上只是一个搜索引擎系统的检索界面,当你输入关键词进行查询时,搜索引擎会从庞大的数据库中找到符合该关键词的所有相关网页的索引,并按一定的排名规则呈现给我们。不同的搜索引擎,网页索引数据库不同,排名规则也不尽相同,所以,当我们以同一关键词用不同的搜索引擎查询时,搜索结果也就不尽相同。
和全文搜索引擎一样,分类目录的整个工作过程也同样分为收集信息、分析信息和查询信息三部分,只不过分类目录的收集、分析信息两部分主要依靠人工完成。分类目录一般都有专门的编辑人员,负责收集网站的信息。随着收录站点的增多,现在一般都是由站点管理者递交自己的网站信息给分类目录,然后由分类目录的编辑人员审核递交的网站,以决定是否收录该站点。如果该站点审核通过,分类目录的编辑人员还需要分析该站点的内容,并将该站点放在相应的类别和目录中。所有这些收录的站点同样被存放在一个“索引数据库”中。用户在查询信息时,可以选择按照关键词搜索,也可按分类目录逐层查找。如以关键词搜索,返回的结果跟全文搜索引擎一样,也是根据信息关联程度排列网站。需要注意的是,分类目录的关键词查询只能在网站的名称、网址、简介等内容中进行,它的查询结果也只是被收录网站首页的URL地址,而不是具体的页面。分类目录就像一个电话号码薄一样,按照各个网站的性质,把其网址分门别类排在一起,大类下面套着小类,一直到各个网站的详细地址,一般还会提供各个网站的内容简介,用户不使用关键词也可进行查询,只要找到相关目录,就完全可以找到相关的网站(注意:是相关的网站,而不是这个网站上某个网页的内容,某一目录中网站的排名一般是按照标题字母的先后顺序或者收录的时间顺序决定的)。
搜索引擎并不真正搜索互联网,它搜索的实际上是预先整理好的网页索引数据库。
真正意义上的搜索引擎,通常指的是收集了因特网上几千万到几十亿个网页并对网页中的每一个词(即关键词)进行索引,建立索引数据库的全文搜索引擎。当用户查找某个关键词的时候,所有在页面内容中包含了该关键词的网页都将作为搜索结果被搜出来。在经过复杂的算法进行排序后,这些结果将按照与搜索关键词的相关度高低,依次排列。
现在的搜索引擎已普遍使用超链分析技术,除了分析索引网页本身的内容,还分析索引所有指向该网页的链接的URL、AnchorText、甚至链接周围的文字。所以,有时候,即使某个网页A中并没有某个词比如“恶魔撒旦”,但如果有别的网页B用链接“恶魔撒旦”指向这个网页A,那么用户搜索“恶魔撒旦”时也能找到网页A。而且,如果有越多网页(C、D、E、F……)用名为“恶魔撒旦”的链接指向这个网页A,或者给出这个链接的源网页(B、C、D、E、F……)越优秀,那么网页A在用户搜索“恶魔撒旦”时也会被认为更相关,排序也会越靠前。
搜索引擎的原理,可以看做三步:从互联网上抓取网页→建立索引数据库→在索引数据库中搜索排序。
从互联网上抓取网页
利用能够从互联网上自动收集网页的Spider系统程序,自动访问互联网,并沿着任何网页中的所有URL爬到其它网页,重复这过程,并把爬过的所有网页收集回来。
建立索引数据库
由分析索引系统程序对收集回来的网页进行分析,提取相关网页信息(包括网页所在URL、编码类型、页面内容包含的关键词、关键词位置、生成时间、大小、与其它网页的链接关系等),根据一定的相关度算法进行大量复杂计算,得到每一个网页针对页面内容中及超链中每一个关键词的相关度(或重要性),然后用这些相关信息建立网页索引数据库。
在索引数据库中搜索排序
当用户输入关键词搜索后,由搜索系统程序从网页索引数据库中找到符合该关键词的所有相关网页。因为所有相关网页针对该关键词的相关度早已算好,所以只需按照现成的相关度数值排序,相关度越高,排名越靠前。
最后,由页面生成系统将搜索结果的链接地址和页面内容摘要等内容组织起来返回给用户。
搜索引擎的Spider一般要定期重新访问所有网页(各搜索引擎的周期不同,可能是几天、几周或几月,也可能对不同重要性的网页有不同的更新频率),更新网页索引数据库,以反映出网页内容的更新情况,增加新的网页信息,去除死链接,并根据网页内容和链接关系的变化重新排序。这样,网页的具体内容和变化情况就会反映到用户查询的结果中。
互联网虽然只有一个,但各搜索引擎的能力和偏好不同,所以抓取的网页各不相同,排序算法也各不相同。大型搜索引擎的数据库储存了互联网上几亿至几十亿的网页索引,数据量达到几千G甚至几万G。但即使最大的搜索引擎建立超过二十亿网页的索引数据库,也只能占到互联网上普通网页的不到30%,不同搜索引擎之间的网页数据重叠率一般在70%以下。我们使用不同搜索引擎的重要原因,就是因为它们能分别搜索到不同的内容。而互联网上有更大量的内容,是搜索引擎无法抓取索引的,也是我们无法用搜索引擎搜索到的。
你心里应该有这个概念:搜索引擎只能搜到它网页索引数据库里储存的内容。你也应该有这个概念:如果搜索引擎的网页索引数据库里应该有而你没有搜出来,那是你的能力问题,学习搜索技巧可以大幅度提高你的搜索能力。
9、网页设计里这样的搜索怎么做?求大侠
其实很简单 插入 表单 然后选择你想要的表单即可
大体代码是这样的:
<form action="XXX.php" method="post" target="_blank" title="提示文字">
<input type="text" />
<input type="submit" value="提交" />
</form>
action是表示数据传送到哪里 method是传送方式 target是打开方式 title是提示文字
还有一些其他的参数
然后就是第一个input就是前面的输入框 第二个就是那个放大镜区域(他加了图片)
这2个框架可以用css样式随你控制背景颜色 背景图片 高度 宽度等等
在DW里面选择表单应该也有一些选项
希望采纳
10、网页设计淘宝首页的搜索是怎么设计的
第一步:店铺活动介绍 ——收藏有奖,提升客单价
对于中小卖家,一个非常关键的点是收藏店铺。一旦风格符合买家的喜好,并且购买商品满意后,她们很有可能再次来到这家店,关注新品或者其它商品。而此时我们需要抓紧卖家心理,提供最快捷的收藏按钮。还可以告知促销活动,让其提前收藏,触动买家收藏的欲望。
第二步:产品特点展示——例如标出明星款丶潮爆款丶品牌款
在介绍产品特点时,卖家需要对自己的商品做充分的了解,找到商品卖点或者特色,然后重点突出。比如以下几个方面:
1. 是否是明星潮品?2. 是否是网络爆款,月销千件?3. 重视品牌效应。
第三步:商品细节实拍——整体丶细节丶真假丶包装展示
细节实拍非常重要,在看不到摸不到的平面图片里,要告诉消费者商品特点丶材质丶做工丶正面丶侧面丶内部等细节。好的细节图能让消费者直观感受到你的商品,犹如线下购买一般当即下单,从而提高转化率。
第四步:活动详情或好评——抓紧活动余温
一次成功的活动不仅能带来效益,也要抓紧活动结束的余温。突出店铺做过的活动中,展示销售量多少,或者卖过什么款好评很多,做出相关截图。消费者更愿意相信消费者,在使用的评价中提高对此商品的进一步认同感。
第五步:温馨提示——客户体验细节加分
若商品存在物流问题,比如易碎品或可能液体侧漏等,需要提前在图片或文字中提醒消费者,以免收到货物后给店铺带来不好的dsr分数。