中文版Dreamweaver8實(shí)用教程822認(rèn)識(shí)URL和鏈接路徑課件

第08章使用鏈接

網(wǎng)站都是由許多網(wǎng)頁(yè)組成的，網(wǎng)頁(yè)之間通常又是通過(guò)超鏈接方式相互建立關(guān)聯(lián)的。超鏈接是Web的精華。沒(méi)有超鏈接，就無(wú)法通過(guò)單擊的方式遨游Web世界，而如果沒(méi)有了單擊的功能，Web就會(huì)是死水一潭。沒(méi)有超鏈接的網(wǎng)頁(yè)在Web世界里沒(méi)有實(shí)際意義，網(wǎng)站也就失去了存在的意義。超鏈接的應(yīng)用范圍很廣，利用它不僅可以鏈接到其他網(wǎng)頁(yè)，還可以鏈接到其他圖像文件、多媒體文件及下載程序，也可以利用它在網(wǎng)頁(yè)內(nèi)部進(jìn)行鏈接或是發(fā)送E-mail等。在Dreamweaver8中，可以將文檔中的任何文字及任意位置的圖片設(shè)置為超鏈接。超鏈接類(lèi)型有頁(yè)間鏈接、頁(yè)內(nèi)鏈接、E-mail鏈接、空鏈接及腳本鏈接等。第08章使用鏈接網(wǎng)站都是由許多網(wǎng)頁(yè)組成的，網(wǎng)頁(yè)之間8.1教學(xué)目標(biāo)

掌握知識(shí)：通過(guò)本章的學(xué)習(xí)，讀者應(yīng)掌握在頁(yè)面中創(chuàng)建鏈接的基本方法，并能夠創(chuàng)建導(dǎo)航條、圖形熱點(diǎn)鏈接，以及設(shè)置它們的屬性。

重點(diǎn)學(xué)習(xí)：本章重點(diǎn)講解了什么是相對(duì)路徑和絕對(duì)路徑，創(chuàng)建與管理鏈接，創(chuàng)建導(dǎo)航條，創(chuàng)建圖形熱點(diǎn)鏈接，以及使用站點(diǎn)地圖的方法。

課后讀者應(yīng)結(jié)合上機(jī)操作進(jìn)行強(qiáng)化練習(xí)。8.1教學(xué)目標(biāo)掌握知識(shí)：通過(guò)本章的學(xué)習(xí)，讀者應(yīng)掌8.2理論指導(dǎo)認(rèn)識(shí)超鏈接

認(rèn)識(shí)URL和鏈接路徑

創(chuàng)建鏈接

創(chuàng)建導(dǎo)航條在“站點(diǎn)地圖”中創(chuàng)建和修改鏈接8.2理論指導(dǎo)認(rèn)識(shí)超鏈接8.2.1認(rèn)識(shí)超鏈接

超鏈接與URL及網(wǎng)頁(yè)文件的存放路徑是緊密相關(guān)的。URL可以簡(jiǎn)單地稱(chēng)為網(wǎng)址，顧名思義，就是Internet文件在網(wǎng)上的地址，定義超鏈接其實(shí)就是指定一個(gè)URL地址來(lái)訪問(wèn)它指向的Internet資源。同時(shí)，認(rèn)識(shí)從作為鏈接起點(diǎn)的文檔到作為鏈接目標(biāo)的文檔之間的文件路徑，對(duì)于創(chuàng)建鏈接至關(guān)重要。一般來(lái)說(shuō)，鏈接路徑可以分為絕對(duì)路徑與相對(duì)路徑兩類(lèi)。

8.2.1認(rèn)識(shí)超鏈接超鏈接與URL及網(wǎng)頁(yè)文件的存8.2.2認(rèn)識(shí)URL和鏈接路徑

URL和鏈接路徑的概念，以及它們之間相互的關(guān)系，是用戶(hù)在設(shè)置網(wǎng)頁(yè)超鏈接之前所必須要掌握的基本常識(shí)。

URL

絕對(duì)路徑

相對(duì)路徑

8.2.2認(rèn)識(shí)URL和鏈接路徑URL和鏈接URL(UniformResoureLocator，統(tǒng)一資源定位器)指的是Internet文件在網(wǎng)上的地址，是使用數(shù)字和字母按一定順序排列來(lái)確定的Internet地址，由訪問(wèn)方法、服務(wù)器名、端口號(hào)，以及文檔位置組成。格式為Access-method://server-name:port/document-location。比如/dw/index.htm，這是一個(gè)典型的URL，它指出使用http協(xié)議訪問(wèn)域名所在服務(wù)器下dw這個(gè)目錄中的index.htm文件。URL(UniformResoureLoc絕對(duì)路徑指包括服務(wù)器協(xié)議在內(nèi)的完全路徑，比如：/dw/index.htm(此處使用的協(xié)議是最常用的http協(xié)議)。使用絕對(duì)路徑與鏈接的源端點(diǎn)無(wú)關(guān)，只要目標(biāo)站點(diǎn)地址不變，無(wú)論文檔在站點(diǎn)中如何移動(dòng)，都可以正常實(shí)現(xiàn)跳轉(zhuǎn)而不會(huì)發(fā)生錯(cuò)誤。如果所要鏈接當(dāng)前站點(diǎn)之外的網(wǎng)頁(yè)或網(wǎng)站，就必須使用絕對(duì)路徑。絕對(duì)路徑指包括服務(wù)器協(xié)議在內(nèi)的完全路徑，比如：http:相對(duì)路徑包括根相對(duì)路徑(SiteRoot)和文檔相對(duì)路徑(Document)兩種。用Dreamweaver在本地磁盤(pán)上編輯網(wǎng)頁(yè)時(shí)，需要選定一個(gè)文件夾來(lái)定義一個(gè)本地站點(diǎn)，模擬服務(wù)器上的根文件夾，系統(tǒng)就根據(jù)這個(gè)文件夾來(lái)確定所有鏈接的本地文件位置，而根相對(duì)路徑中的根就是指這個(gè)文件夾。相對(duì)路徑包括根相對(duì)路徑(SiteRoot)和文檔相對(duì)路8.2.3創(chuàng)建鏈接

在Dreamweaver8中可以創(chuàng)建各種超鏈接。當(dāng)在本地站點(diǎn)內(nèi)移動(dòng)或重命名文檔或其他鏈接文件時(shí)，Dreamweaver還可自動(dòng)更新指向文檔的鏈接。

創(chuàng)建鏈接的類(lèi)型和方法

創(chuàng)建網(wǎng)頁(yè)間超鏈接

創(chuàng)建網(wǎng)頁(yè)內(nèi)的超鏈接

創(chuàng)建E-Mail鏈接創(chuàng)建虛鏈接及腳本鏈接創(chuàng)建圖形熱點(diǎn)鏈接

8.2.3創(chuàng)建鏈接在Dreamweaver在Dreamweaver8中，可以為對(duì)象、文本或圖像創(chuàng)建超鏈接，鏈接到其他文檔或文件。要在網(wǎng)頁(yè)中創(chuàng)建超鏈接，首先選中要?jiǎng)?chuàng)建鏈接的對(duì)象

。然后在該對(duì)象的屬性檢查器的“鏈接”文本框里輸入要鏈接對(duì)象的URL或路徑即可.在Dreamweaver8中，可以為對(duì)象、文創(chuàng)建頁(yè)內(nèi)超鏈接是通過(guò)使用“命名錨記”(用于標(biāo)記位置的標(biāo)識(shí))來(lái)完成的，因此，“頁(yè)內(nèi)超鏈接”又稱(chēng)為“命名錨記鏈接”。通過(guò)對(duì)文檔中指定位置的命名，允許利用鏈接打開(kāi)目標(biāo)文檔時(shí)直接跳轉(zhuǎn)到相應(yīng)的命名位置。創(chuàng)建到命名錨記的鏈接的過(guò)程分為兩步，第一步先加入一個(gè)命名錨記，用戶(hù)可以將光標(biāo)置于文本中需要?jiǎng)?chuàng)建超鏈接的位置，然后選擇“插入”|“命名錨記”命令，或者選擇“插入”欄中的“常用”選項(xiàng)卡，切換到常用插入欄，單擊按鈕，打開(kāi)“命名錨記”對(duì)話框，在“錨記名稱(chēng)”文本框中輸入錨記的名稱(chēng)text_top，單擊“確定”按鈕即可.

創(chuàng)建頁(yè)內(nèi)超鏈接是通過(guò)使用“命名錨記”(用于標(biāo)記位E-mail鏈接是一種特殊的鏈接，單擊這種鏈接，將打開(kāi)一個(gè)空白通訊窗口。在E-mail通訊窗口中，允許用戶(hù)創(chuàng)建電子郵件，并發(fā)送到指定的地址

。創(chuàng)建E-mail鏈接方法同創(chuàng)建普通文本鏈接相似，可以在選擇要?jiǎng)?chuàng)建E-mail鏈接的對(duì)象后(如文本、圖像等)，然后在該對(duì)象“屬性檢查器”的“鏈接”文本框里輸入mailto:和E-mail地址即可

。或者選擇“插入”欄中的“常用”選項(xiàng)卡，切換到常用插入欄，然后單擊“電子郵件鏈接”按鈕,在打開(kāi)的“電子郵件鏈接”對(duì)話框中輸入文本和E-mail地址后，單擊“確定”按鈕完成E-mail鏈接的創(chuàng)建。E-mail鏈接是一種特殊的鏈接，單擊這種鏈接要?jiǎng)?chuàng)建圖形熱點(diǎn)鏈接，首先需要在文檔窗口中選中插入的圖像，然后使用圖像屬性檢查器中的“地圖名稱(chēng)”文本框和“熱點(diǎn)工具”按鈕在該圖像中繪制熱點(diǎn)區(qū)域

。最后,選中所創(chuàng)建的熱點(diǎn)區(qū)域后,在”熱點(diǎn)”的屬性檢查器的”鏈接”文本框中輸入鏈接目標(biāo)的URL或路徑即可.要?jiǎng)?chuàng)建圖形熱點(diǎn)鏈接，首先需要在文檔窗口中選中插入8.2.4創(chuàng)建導(dǎo)航條

“導(dǎo)航條”由一個(gè)或多個(gè)圖像組成，其顯示根據(jù)用戶(hù)的動(dòng)作而改變。因此，在使用導(dǎo)航條命令之前，應(yīng)首先創(chuàng)建一個(gè)用于導(dǎo)航條的圖像集。在該圖像集中根據(jù)鼠標(biāo)的動(dòng)作，“導(dǎo)航條”中的圖像通常有一般

、滑過(guò)、按下和按下時(shí)鼠標(biāo)經(jīng)過(guò)

4種狀態(tài)。

插入導(dǎo)航條

編輯導(dǎo)航條

8.2.4創(chuàng)建導(dǎo)航條“導(dǎo)航條”由一個(gè)或多要在網(wǎng)頁(yè)中插入導(dǎo)航條，可以選擇“插入”|“圖像對(duì)象”|“導(dǎo)航條”命令，在打開(kāi)的“插入導(dǎo)航條”對(duì)話框中完成所需的設(shè)置后,單擊”確定”按鈕即可

。要在網(wǎng)頁(yè)中插入導(dǎo)航條，可以選擇“插入”|“圖像在文檔創(chuàng)建導(dǎo)航條后，選擇“修改”|“導(dǎo)航條”命令，可以在打開(kāi)的“修改導(dǎo)航條”對(duì)話框中向?qū)Ш綏l添加圖像，或從導(dǎo)航條中刪除圖像。此命令可用于更改圖像或圖像組、更改單擊項(xiàng)目時(shí)所打開(kāi)的文件、選擇在不同的窗口或框架中打開(kāi)文件以及重新排序圖像

。

在文檔創(chuàng)建導(dǎo)航條后，選擇“修改”|“導(dǎo)航條”命令，8.2.5在“站點(diǎn)地圖”中創(chuàng)建和修改鏈接

在站點(diǎn)地圖中，選擇需要?jiǎng)?chuàng)建頁(yè)面鏈接的HTML文件，這時(shí)在文件圖標(biāo)右邊將出現(xiàn)點(diǎn)到文件圖標(biāo)。拖動(dòng)點(diǎn)到文件圖標(biāo)，指向其他網(wǎng)頁(yè)文檔，然后釋放即可創(chuàng)建一個(gè)頁(yè)面鏈接。8.2.5在“站點(diǎn)地圖”中創(chuàng)建和修改鏈接在8.3上機(jī)實(shí)驗(yàn)

本章的上機(jī)實(shí)驗(yàn)主要練習(xí)在網(wǎng)頁(yè)文本中設(shè)置鏈接與導(dǎo)航條。其中，