導航:首頁 > 萬維百科 > 網頁設計搜索怎麼實現

網頁設計搜索怎麼實現

發布時間: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>

與網頁設計搜索怎麼實現相關的知識