1、DW項(xiàng)目四電子商務(wù)網(wǎng)頁制作鏈接與導(dǎo)航 舉例例說明路徑的概概念；列舉舉超鏈接接的分類類；會設(shè)設(shè)置超鏈鏈接；描述述導(dǎo)航的的相關(guān)知知識。項(xiàng)目目標(biāo)標(biāo)鏈接和路路徑正確描述述從鏈接接源所在在文檔到到鏈接目目標(biāo)之間間的文件件路徑，對創(chuàng)建建超鏈接接至關(guān)重重要。描描述方式式有三種種：絕對對路徑、文檔相相對路徑徑和站點(diǎn)點(diǎn)根目錄錄相對路路徑。這這三種路路徑各有有特點(diǎn)，靈活使使用這些些路徑能能起到事事半功倍倍的效果果。路徑知識識看上去去略顯枯枯燥，但但卻是建建立超鏈鏈接的基基礎(chǔ)，許許多超鏈鏈接錯誤誤都是因因?yàn)槁窂綇絾栴}導(dǎo)導(dǎo)致的，所以請請靜下心心來認(rèn)真真學(xué)習(xí)這這部分內(nèi)內(nèi)容！小貼士絕對路徑徑相對路徑徑文檔相對對路徑描描述

2、了鏈鏈接源與與鏈接目目標(biāo)之間間的相對對位置，在網(wǎng)站站內(nèi)部各各頁面的的鏈接中中使用相相對路徑徑最合適適，因?yàn)闉橄鄬β仿窂讲坏枋龊喓啙?，而而且與站站點(diǎn)目錄錄所在的的位置無無關(guān)，當(dāng)當(dāng)站點(diǎn)根根目錄位位置發(fā)生生改變時時，不會會影響到到站點(diǎn)內(nèi)內(nèi)鏈接的的網(wǎng)頁。當(dāng)鏈接源與與鏈接目目標(biāo)在同同一文件件夾中時時，描述述相對路路徑只需需要指明明鏈接目目標(biāo)的文文件名即即可，例例如在index.html中創(chuàng)建指指向login.html的鏈接，可使用用相對路路徑：“l(fā)ogin.html”。相對路徑徑當(dāng)鏈接目目標(biāo)在鏈鏈接源下下一級目目錄中時時，可直直接指明明目錄名名稱和文文檔名稱稱，例如如在index.html中創(chuàng)建指指

3、向cloth.html的鏈接，可使用用相對路路徑：“l(fā)ist/cloth.html”。當(dāng)鏈接目目標(biāo)在鏈鏈接源上上一級目目錄中時時，可用用“.”符號來表表示當(dāng)前前文件的的父目錄錄，使用用多個“.”可以表示示更高的的父級目目錄，例例如在cloth.html中創(chuàng)建指指向index.html的鏈接，可使用用相對路路徑：“./index.html”。站點(diǎn)根目目錄相對對路徑基于站點(diǎn)點(diǎn)根目錄錄的相對對路徑從從站點(diǎn)的的根目錄錄開始，通常使使用“/”表示根目目錄，所所有基于于站點(diǎn)根根目錄相相對路徑徑均以“/”開始，如如：/list/cloth.html。由此可見見，站點(diǎn)點(diǎn)根目錄錄相對路路徑同絕絕對路徑徑十分相相

4、似，只只是它略略去了絕絕對路徑徑中的協(xié)協(xié)議部分分。通常常在站點(diǎn)點(diǎn)規(guī)模稍稍大，需需要多個個設(shè)計者者合作建建設(shè)，并并且使用用模板和和組件進(jìn)進(jìn)行設(shè)計計時，站站點(diǎn)根目目錄相對對路徑被被廣泛使使用。站點(diǎn)根目目錄相對對路徑超級鏈接接的分類類超鏈接按鏈鏈接目標(biāo)標(biāo)的不同同分為五五種類型：超級鏈接接的分類類超鏈接按鏈鏈接源的的不同分分為三種種類型：序號分 類鏈 接 目 標(biāo)1文本鏈接一個文本，是最基本的鏈接形式2圖像鏈接一個圖像3圖像映射圖像中包含的各種不同的熱點(diǎn)區(qū)域，每個熱點(diǎn)區(qū)域都能鏈接到一個單獨(dú)的鏈接目標(biāo)上創(chuàng)建本地地超鏈接接的常用用方法1使用屬屬性面板板創(chuàng)建超超鏈接選擇要作為鏈鏈接源的的文本或或圖片，在屬性性

5、面板中中會有“鏈接”文本框框、“指指向文件件”按鈕鈕和“瀏瀏覽文件件”按鈕。將鏈接目標(biāo)標(biāo)的路徑徑直接輸輸入到鏈鏈接文本本框中可可以創(chuàng)建建超鏈接接。點(diǎn)擊“瀏覽文文件”按按鈕可以以打開“選擇文文件”對對話框，可以瀏覽并指指定鏈接接目標(biāo)文文檔以創(chuàng)創(chuàng)建超鏈鏈接。創(chuàng)建本地地超鏈接接的常用用方法點(diǎn)擊“指向文文件”按按鈕并拖拖動到“文件”面板中中的某個個文件也可可以將該文件件設(shè)置為為鏈接目標(biāo)。創(chuàng)建本地地超鏈接接的常用用方法2使用“超級鏈鏈接”命命令創(chuàng)建建超鏈接接選擇要作為鏈鏈接源的的文本或或圖片，然后打打開“插插入”菜菜單，選選擇“超超級鏈接接”命令令，或者者單擊插插入欄中中“常用用”類別別中的“超級鏈鏈接

6、”按按鈕，可可以打開開“超級級鏈接”對話框，在對話框框里進(jìn)行行相應(yīng)設(shè)設(shè)置以創(chuàng)創(chuàng)建超鏈鏈接。超級鏈接接的目標(biāo)標(biāo)窗口當(dāng)瀏覽者點(diǎn)點(diǎn)擊網(wǎng)頁頁上的超超級鏈接接后會跳跳轉(zhuǎn)到鏈鏈接目標(biāo)標(biāo)頁面。當(dāng)新頁頁面出現(xiàn)現(xiàn)時，可可能會出出現(xiàn)三種種情況：（1）原有的的頁面被被覆蓋；（2）原有的的網(wǎng)頁不不被覆蓋蓋，彈出出一個新新的窗口口；（3）原有的的網(wǎng)頁內(nèi)內(nèi)部分內(nèi)內(nèi)容被替替換。這三種情情況的出出現(xiàn)是由由于對超超級鏈接接的目標(biāo)標(biāo)窗口進(jìn)進(jìn)行了設(shè)設(shè)置。在在設(shè)置超超級鏈接接時會有有一個“目標(biāo)”下拉菜菜單，其其中可以以設(shè)置4種目標(biāo)超級鏈接接的目標(biāo)標(biāo)窗口“_blank”：將文件件載入新新的無標(biāo)標(biāo)題瀏覽覽器窗口口中；“_parent”：

7、將文件件載入到到上級框框架集或或包含該該鏈接的的框架窗窗口中；“_self”：將文件件載入到到相同框框架式窗窗口中，此目標(biāo)標(biāo)是默認(rèn)認(rèn)的，通通過不需需要量指指定；“_top”：將文件件載入到到整個瀏瀏覽器窗窗口中，將取消消所有框框架。創(chuàng)建電子子郵件超超級鏈接接在網(wǎng)頁中經(jīng)經(jīng)?？梢砸钥吹筋愵愃啤奥?lián)聯(lián)系我們們”這樣樣的超鏈鏈接，單單擊后會會彈出本本機(jī)所安安裝的郵郵件發(fā)送送程序，而且此此時的收收件人是是已經(jīng)填填寫好的的，這種種鏈接就就是電子子郵件鏈鏈接。創(chuàng)建電子子郵件超超級鏈接接的方法法如下：（1）選擇需需要創(chuàng)建建鏈接的的內(nèi)容，在“插插入欄”中選擇擇“常用用”類別別，單擊擊“電子子郵件鏈鏈接”按按鈕，打

8、打開“電子郵郵件鏈接接”命令令創(chuàng)建電電子郵件件鏈接。創(chuàng)建電子子郵件超超級鏈接接（2）在“電電子郵件件鏈接”對話框框中輸入入需要鏈鏈接的電電子郵件件地址，單擊確定。（3）在屬性性面板中中可以看看到鏈接接地址中中有“mailto：（+郵件地址址）”，表示創(chuàng)創(chuàng)建完成成。創(chuàng)建錨記記鏈接錨記鏈接又又稱書簽簽鏈接，一般用用在同一一個頁面面中，用用于在文文檔中設(shè)設(shè)置標(biāo)記記，這種種標(biāo)記通通常放在在指定的的位置，創(chuàng)建錨錨記鏈接接后，便便可迅速速鏈接到到指定的的位置。比如，一個篇篇幅較長長的商品品介紹網(wǎng)網(wǎng)頁，需需要不斷斷地滾動動才能看看到下面面的信息息，當(dāng)瀏瀏覽者閱閱讀完畢畢后，希希望能快快速地回回到文章章開頭，

9、這時可可以先在在文章開開頭放置置一個錨錨記，在在文章尾尾部添加加一個鏈鏈接指向向錨記，瀏覽時時點(diǎn)擊此此鏈接就就能迅速速回到網(wǎng)網(wǎng)頁開頭頭。親，你一定定注意到到了，錨錨記是在在制作超超鏈接前前就放置置好了的的。創(chuàng)建錨記記鏈接創(chuàng)建錨記記鏈接的的方法如如下：（1）選擇需需要被鏈鏈接到錨錨記的位位置，在在“插入入欄”中中選擇“常用”類別，單擊“命名錨錨記”按按鈕，打打開“命名錨錨記”命命令創(chuàng)建建錨記鏈接。（2）在“命命名錨記記”對話話框中輸輸入創(chuàng)建建的命名名錨記的的名稱，單擊確定。創(chuàng)建錨記記鏈接（3）選中需需要創(chuàng)建建錨記鏈鏈接的內(nèi)內(nèi)容，在在屬性面面板的“鏈接”文本框框中輸入入“#”，后接需需要鏈接接到的

10、命命名錨記記的名字字，創(chuàng)建建完成。如需要鏈接接到其他他頁面中中命名錨錨記，則則需要“鏈接”文本框框中先輸輸入其他他頁面的的地址，然后在在地址后后輸入“#”和命名錨錨記的名名稱。清除超級級鏈接清除超級級鏈接的的方法非非常簡單單，只需需要先選選定超級級鏈接對對象，然然后在屬屬性面板板中將“鏈接”文本框框中的地地址刪除除即可。電子商務(wù)務(wù)網(wǎng)站導(dǎo)導(dǎo)航的組組織與分分類影響電子子商務(wù)網(wǎng)網(wǎng)站成功功與否的的關(guān)鍵因因素是網(wǎng)網(wǎng)站的可可用性，即高效效提供給給瀏覽者者滿意的的產(chǎn)品或或服務(wù)，良好的的導(dǎo)航設(shè)設(shè)計是提提高網(wǎng)站站可用性性的有力力措施。如果瀏覽覽者知道道各個信信息都在在網(wǎng)站的的什么位位置，他他們就會會感到更更強(qiáng)的

11、控控制感、更舒服服，也就就有可能能瀏覽更更多的頁頁面來尋尋找他們們所需的的信息內(nèi)內(nèi)容。用用行話來來說這叫叫做使“用戶對對于網(wǎng)頁頁的粘滯滯系數(shù)增增大。”小貼士電子商務(wù)務(wù)網(wǎng)站的導(dǎo)導(dǎo)航通常常有以下下幾種類類型：（1）網(wǎng)站欄欄目導(dǎo)航航，如圖圖4-14所示。為為瀏覽者者提供該該網(wǎng)站的的主要欄欄目版塊塊導(dǎo)航。電子商務(wù)務(wù)網(wǎng)站導(dǎo)導(dǎo)航的組組織與分分類（2）站內(nèi)功功能服務(wù)務(wù)導(dǎo)航此導(dǎo)航為為瀏覽者提供電電子商務(wù)務(wù)網(wǎng)站的的功能服服務(wù)，如如注冊、購物、賬戶信信息等。此導(dǎo)航具具有為瀏瀏覽者提提供幫助助功能的的導(dǎo)航。電子商務(wù)務(wù)網(wǎng)站導(dǎo)導(dǎo)航的組組織與分分類（3）產(chǎn)品分分類導(dǎo)航航，如圖圖4-17所示。這這是電子子商務(wù)網(wǎng)網(wǎng)站導(dǎo)航航中

12、展示示產(chǎn)品和和服務(wù)的的部分，在網(wǎng)站站導(dǎo)航中中所占比比例較大大。電子商務(wù)務(wù)網(wǎng)站導(dǎo)導(dǎo)航的組組織與分分類（4）當(dāng)前位位置導(dǎo)航航，如圖圖4-18所示，標(biāo)標(biāo)示瀏覽覽者當(dāng)前前所在位位置，以以避免瀏瀏覽者迷迷航。（5）網(wǎng)站持持有方信信息導(dǎo)航航，如圖圖4-19所示。有有關(guān)網(wǎng)站站持有方方信息的的鏈接集集群。電子商務(wù)務(wù)網(wǎng)站的的導(dǎo)航設(shè)設(shè)計原則則電子商務(wù)務(wù)網(wǎng)站為用用戶提供供了十分分詳盡、方便的的信息導(dǎo)導(dǎo)航，瀏瀏覽者可可以通過過各種途途徑方便便地查找找到要購購買的商商品，這這說明網(wǎng)網(wǎng)站的結(jié)結(jié)構(gòu)和導(dǎo)導(dǎo)航確定定了信息息查找方方式，對對于每條條信息來來說，查查找的路路徑越多多，它被被閱讀的的可能性性就越大大，這也也是提高高網(wǎng)

13、站瀏瀏覽量的的一種好好辦法。但對于于用戶來來說，過過多的入入口容易易抓不住住重點(diǎn)而而忽略真真正重要要的鏈接接，甚至至可能在在網(wǎng)站內(nèi)內(nèi)部迷失失方向。因此，鏈接數(shù)數(shù)量過多多會使用用戶混亂亂，降低低重要鏈鏈接的被被點(diǎn)擊率率。所以以要在鏈鏈接數(shù)量量的多少少上取得得平衡，同時要要進(jìn)行合合理組織織和規(guī)劃劃，一般般而言，主要功功能和導(dǎo)導(dǎo)航鏈接接盡量不不要超過過10個。找到到一種解解決方案案。把握握鏈接之之中的重重點(diǎn)和層層次是設(shè)設(shè)計的關(guān)關(guān)鍵。電子商務(wù)務(wù)網(wǎng)站的的導(dǎo)航設(shè)設(shè)計原則則商務(wù)網(wǎng)站鏈接接與導(dǎo)航航的設(shè)計計要點(diǎn)：（1）對商務(wù)務(wù)網(wǎng)站的的導(dǎo)航進(jìn)進(jìn)行適當(dāng)當(dāng)?shù)慕M織織與分類類。如圖圖4-20所示，通通常以產(chǎn)產(chǎn)品導(dǎo)航航為主導(dǎo)導(dǎo)航，另另外還兼兼有如聯(lián)聯(lián)系方式式和意見見反饋等等關(guān)于網(wǎng)網(wǎng)站持有有方的信信息導(dǎo)航航，以及及購物車車和密碼碼登錄等等有關(guān)購購物程序序的功能能導(dǎo)航。（2）突出重重點(diǎn)鏈接接。（3）讓瀏覽覽者可對對鏈接的的相互關(guān)關(guān)系以及及點(diǎn)擊后后的效果果產(chǎn)生正正確的預(yù)預(yù)期。（4）降低頁頁面的長長度或者者進(jìn)行有有效的分分類和分分頁。將瀏覽者者引向重重要鏈接接的方法法有經(jīng)驗(yàn)的的瀏覽者者已經(jīng)對對鏈接有有了先入入為主的的認(rèn)知定定式。并并且大多多數(shù)瀏覽覽者有著著基本相相同的使使用習(xí)慣慣。因此此，在設(shè)設(shè)計中可可以根據(jù)