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分數。