1、網(wǎng) 站 設(shè) 計(jì) 與 建 設(shè)Website design and developments,第2章導(dǎo)航與Web設(shè)計(jì),第一部分 Web基礎(chǔ)知識,21 導(dǎo)航重要性,導(dǎo)航并非必須，但是導(dǎo)航是獲得網(wǎng)站信息最快捷、最清晰、最易理解的一種方式。 導(dǎo)航能使“游客”知道應(yīng)該到哪里去暢游，導(dǎo)航是路線圖、是路標(biāo)。 導(dǎo)航設(shè)計(jì)的成功是網(wǎng)站設(shè)計(jì)成功的關(guān)鍵,對網(wǎng)站信息進(jìn)行分類：通過分類可使瀏覽客戶快速知道他所要獲取的信息在哪一分類中，因此，導(dǎo)航(分類)要規(guī)范通俗易懂，為瀏覽客戶提供便捷清晰和易于理解的路徑，從而能盡快找到所需要的內(nèi)容。 告知瀏覽所處的位置：當(dāng)瀏覽網(wǎng)站的某一欄目時(shí)，所處的導(dǎo)航會用不同顏色或形狀指示當(dāng)前所瀏覽的

2、位置。 提供信息分類間切換：當(dāng)瀏覽某類信息時(shí)，想切換到其他某類信息或主頁時(shí)，導(dǎo)航會提供最快捷最便利的方法。 推薦重要的瀏覽信息：導(dǎo)航可以為瀏覽客戶推薦網(wǎng)站最重要和具有特色的信息。,22 主要導(dǎo)航和次要導(dǎo)航,導(dǎo)航：信息分類匯總目錄的超鏈接集合 主要導(dǎo)航應(yīng)該可以從站點(diǎn)的各類層次欄目的網(wǎng)頁上進(jìn)行訪問，是對整個(gè)網(wǎng)站信息的分類劃分， 主要導(dǎo)航欄一般應(yīng)以相同樣式在相同位置出現(xiàn)于所有頁面中。 次要導(dǎo)航僅可以在指定的某類層次欄目的網(wǎng)頁內(nèi)進(jìn)行訪問，它是對某一個(gè)欄目的信息分類劃分， 次要導(dǎo)航欄應(yīng)以相同樣式在相同位置出現(xiàn)于所有該類的頁面中。,23 導(dǎo)航體系,網(wǎng)站導(dǎo)航、瀏覽器導(dǎo)航、站點(diǎn)地圖以及搜索引擎等共同組成導(dǎo)航體

3、系，引導(dǎo)瀏覽客戶從互聯(lián)網(wǎng)中獲取信息。 網(wǎng)站導(dǎo)航 站點(diǎn)不遵守線性模型，它有分支，根據(jù)每一個(gè)分支支持的內(nèi)容形成不同的深度，這個(gè)信息結(jié)構(gòu)稱為站點(diǎn)的信息體系。,網(wǎng)站是有一系列的頁面組成，網(wǎng)站導(dǎo)航就是串接這些頁面的鏈條。 通過網(wǎng)站導(dǎo)航應(yīng)該可以訪問到網(wǎng)站的任何頁面，通過導(dǎo)航怎么也訪問不到的頁面，成為孤立頁面。 在一個(gè)網(wǎng)站內(nèi)部獲取信息的最便捷、最重要的方式就是網(wǎng)站導(dǎo)航，網(wǎng)站導(dǎo)航是對網(wǎng)站信息的分類，也是頁面布局劃分的依據(jù) 在設(shè)計(jì)導(dǎo)航時(shí)，要以“用戶至上”為原則，特別是以首次登入網(wǎng)站用戶體驗(yàn)為原則，切忌不要以網(wǎng)站設(shè)計(jì)者“想當(dāng)然”為原則,2被引導(dǎo)的導(dǎo)航 這種導(dǎo)航技術(shù)引領(lǐng)瀏覽客戶一步一步地按照步驟完成某種任務(wù)，每一步

4、的頁面都必須提供必要的信息，不能像(主動(dòng))導(dǎo)航一樣，可以隨時(shí)瀏覽各種導(dǎo)航信息。,被引導(dǎo)的導(dǎo)航-注冊,被引導(dǎo)的導(dǎo)航-填寫注冊信息,被引導(dǎo)的導(dǎo)航-注冊成功該進(jìn)入商城購物,被引導(dǎo)的導(dǎo)航-挑選物品放入購物車,被引導(dǎo)的導(dǎo)航-繼續(xù)購買,被引導(dǎo)的導(dǎo)航-去收銀臺,被引導(dǎo)的導(dǎo)航-付款方式,被引導(dǎo)的導(dǎo)航-提交信息,被引導(dǎo)的導(dǎo)航-顯示購物單號,被引導(dǎo)的導(dǎo)航-購物結(jié)束-返回主頁,返回,3瀏覽器導(dǎo)航 瀏覽器可以起到網(wǎng)頁導(dǎo)航起不到的導(dǎo)航作用。 瀏覽器可以跟蹤用戶在Web上的位置，幫助用戶到達(dá)他們想要去的位置。 后退 前進(jìn) URL地址域 URL下拉菜單 歷史記錄 收藏夾 狀態(tài)條,歷史紀(jì)錄,返回,收藏夾,返回,4站點(diǎn)地圖 站

5、點(diǎn)地圖是網(wǎng)站體系的結(jié)構(gòu)圖形表示，可以顯示信息體系中最重要的層次和站點(diǎn)的不同部分是如何互相聯(lián)系的，以及如何和站點(diǎn)結(jié)構(gòu)聯(lián)系的，站點(diǎn)地圖也稱為網(wǎng)站地圖。 站點(diǎn)地圖不是一個(gè)圖片，而是一個(gè)清晰地列出了網(wǎng)站各個(gè)欄目、重要網(wǎng)頁、熱點(diǎn)網(wǎng)頁及其相互鏈接關(guān)系的靜態(tài)網(wǎng)頁，并且通常以“sitemap.htm”為文件名，放置在根目錄下。,返回,導(dǎo)航地圖,返回,5搜索引擎 搜索引擎是僅次于門戶的互聯(lián)網(wǎng)第二大核心技術(shù)， 要用到信息檢索、人工智能、計(jì)算機(jī)網(wǎng)絡(luò)、分布式處理、數(shù)據(jù)庫、數(shù)據(jù)挖掘、數(shù)字圖書館、自然語言處理等多領(lǐng)域的理論和技術(shù) 谷歌搜索網(wǎng)站 百度搜索網(wǎng)站 雅虎搜索網(wǎng)站 北京大學(xué)天網(wǎng)搜索網(wǎng)站,6其他導(dǎo)航 顏色：導(dǎo)航條使用

6、區(qū)別于其他導(dǎo)航條的顏色指示當(dāng)前導(dǎo)航位置。 圖像：圖像也可以為位置提供有用的指示器 超鏈接顏色：使用默認(rèn)顏色可以幫助用戶了解他們已經(jīng)看過哪些頁面。 導(dǎo)航指示符號：現(xiàn)在有很多網(wǎng)站在特定頁面上，有“首頁”、“上一頁”、“下一頁”、“末頁”等箭頭符號、按鈕或頁面層次指示路徑，用于在多個(gè)頁面間移動(dòng)。,24 站點(diǎn)結(jié)構(gòu),站點(diǎn)結(jié)構(gòu)是指站點(diǎn)在服務(wù)器上保存的方式。 一個(gè)網(wǎng)站實(shí)際上對應(yīng)Web服務(wù)器上的一個(gè)磁盤普通文件夾 網(wǎng)站在服務(wù)器上保存文件的目錄結(jié)構(gòu)就是站點(diǎn)結(jié)構(gòu)。 層次性 邏輯性， 開發(fā)管理和維護(hù),站點(diǎn)位置：Web服務(wù)器安裝后 虛擬目錄 根目錄名：該名字最好是所要建立站點(diǎn)名稱的縮寫，另外加上root、www或si

7、te，以示與其他普通文件夾的區(qū)別 CST_ROOT。 目錄名稱：子目錄應(yīng)該為目錄語義的英文單詞或拼音的縮寫 注意大小寫是不一樣的，因?yàn)檫@影響到使用URL訪問網(wǎng)頁， 在站點(diǎn)結(jié)構(gòu)中的目錄是大小寫敏感的。 文件名稱: 站點(diǎn)結(jié)構(gòu)中的網(wǎng)頁文件名也是大小寫敏感的 在沒有特殊情況下，站點(diǎn)結(jié)構(gòu)中的網(wǎng)頁文件名應(yīng)該為小寫。 對于鼠標(biāo)感應(yīng)圖片可以命名為“圖片名”+“_”+“on/off” 同一個(gè)文件有多個(gè)版本的情況，可以使用：“文件名+v數(shù)字” 連續(xù)使用一組含義相同有序的文件，可以使用“文件名+數(shù)字”,25 導(dǎo)航規(guī)則,3次點(diǎn)擊規(guī)則 通過導(dǎo)航應(yīng)該點(diǎn)擊不超過3次就可以找到所需要的信息。 站點(diǎn)并不需要選擇獨(dú)特的導(dǎo)航方式

8、不要求“獨(dú)具匠心” 規(guī)則也不是絕對的 站點(diǎn)結(jié)構(gòu)清晰和邏輯性強(qiáng) 詞能達(dá)意的鏈接體名稱， 清晰明辨的按鈕組合， 語義清晰的頁面標(biāo)題和一致的導(dǎo)航元素,導(dǎo)航系統(tǒng)是手段不是目的 借鑒成功導(dǎo)航 導(dǎo)航系統(tǒng)應(yīng)該包含多種導(dǎo)航 主要導(dǎo)航、次要導(dǎo)航、站點(diǎn)地圖、熱點(diǎn)鏈接和站內(nèi)搜索等 導(dǎo)航外觀會對用戶產(chǎn)生影響 令人清爽的導(dǎo)航外觀 導(dǎo)航名稱要規(guī)范和大眾化 一般要求導(dǎo)航條要規(guī)整，易識別，文字長度應(yīng)盡可能一致，文字含義要明確，盡量使用約定俗成的導(dǎo)航名稱，不要試圖具有獨(dú)特性， 例如“首頁”、“新聞”、“通知”、“下載”、“站點(diǎn)地圖”、“關(guān)于我們”、“聯(lián)系我們”等。 導(dǎo)航名稱命名既要有吸引力，又要簡明扼要和準(zhǔn)確 最新通知和新聞需要有提示 當(dāng)前導(dǎo)航條提示 網(wǎng)站徽標(biāo)和名稱要放到主頁的左上方,導(dǎo)航行動(dòng)計(jì)劃,確定