網(wǎng)頁(yè)設(shè)計(jì)與制作 第 6 章 超鏈接與導(dǎo)航

1、第第 6 章章 超鏈接與導(dǎo)航超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作北京師范大學(xué)出版北京師范大學(xué)出版第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作本章要點(diǎn)：本章要點(diǎn)：超級(jí)鏈接基礎(chǔ)超級(jí)鏈接基礎(chǔ)創(chuàng)建文本鏈接創(chuàng)建文本鏈接創(chuàng)建郵件鏈接創(chuàng)建郵件鏈接創(chuàng)建下載鏈接創(chuàng)建下載鏈接創(chuàng)建錨點(diǎn)鏈接創(chuàng)建錨點(diǎn)鏈接創(chuàng)建創(chuàng)建JavaScript腳本鏈接腳本鏈接第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作超級(jí)鏈接是超級(jí)鏈接是“超文本鏈接超文本鏈接”的縮略語(yǔ)。的縮略語(yǔ)?？梢匝杆?gòu)姆?wù)器的某一頁(yè)轉(zhuǎn)到另一頁(yè)，也可以轉(zhuǎn)到其他可以迅速?gòu)姆?wù)器的某一頁(yè)轉(zhuǎn)到另一頁(yè)，也可以轉(zhuǎn)到其他服務(wù)器頁(yè)。

2、服務(wù)器頁(yè)。表示超級(jí)鏈接點(diǎn)的信息可以是文字或圖像，甚至是動(dòng)畫。表示超級(jí)鏈接點(diǎn)的信息可以是文字或圖像，甚至是動(dòng)畫。它提供了通過(guò)單擊超級(jí)鏈接點(diǎn)將用戶從它提供了通過(guò)單擊超級(jí)鏈接點(diǎn)將用戶從WWW文檔某一部文檔某一部分連接到同一文檔或不同文檔的其他部分。分連接到同一文檔或不同文檔的其他部分。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.1文檔位置和路徑文檔位置和路徑6.1.1認(rèn)識(shí)超鏈接認(rèn)識(shí)超鏈接Dreamweaver提供了多種創(chuàng)建超鏈接的方法，可創(chuàng)建到文檔、提供了多種創(chuàng)建超鏈接的方法，可創(chuàng)建到文檔、圖像、多媒體文件或可下載軟件的鏈接，也可以建立到文檔圖像、多媒體文件或可下載軟件的鏈接，也可以建立

3、到文檔內(nèi)任意位置的任何文本或圖像的鏈接。內(nèi)任意位置的任何文本或圖像的鏈接。使用使用IE等瀏覽器上網(wǎng)瀏覽網(wǎng)頁(yè)時(shí)，當(dāng)移動(dòng)鼠標(biāo)到頁(yè)面上的某等瀏覽器上網(wǎng)瀏覽網(wǎng)頁(yè)時(shí)，當(dāng)移動(dòng)鼠標(biāo)到頁(yè)面上的某些位置時(shí)，鼠標(biāo)指針會(huì)變成一只些位置時(shí)，鼠標(biāo)指針會(huì)變成一只“小手小手”，表明該位置是一個(gè)，表明該位置是一個(gè)超鏈接。在超鏈接處單擊鼠標(biāo)左鍵，可以直接跳到與這個(gè)超超鏈接。在超鏈接處單擊鼠標(biāo)左鍵，可以直接跳到與這個(gè)超鏈接相連接的網(wǎng)頁(yè)或鏈接相連接的網(wǎng)頁(yè)或WWW網(wǎng)站上去網(wǎng)站上去。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.1文檔位置和路徑文檔位置和路徑6.1.1認(rèn)識(shí)超鏈接認(rèn)識(shí)超鏈接第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作

4、網(wǎng)頁(yè)設(shè)計(jì)與制作6.1文檔位置和路徑文檔位置和路徑6.1.1認(rèn)識(shí)超鏈接認(rèn)識(shí)超鏈接第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.1文檔位置和路徑文檔位置和路徑6.1.2超鏈接的類型超鏈接的類型 按鏈接路徑分按鏈接路徑分(1)內(nèi)部鏈接 內(nèi)部鏈接是指來(lái)自網(wǎng)站以內(nèi)的鏈接，其域名中一定包括了當(dāng)前網(wǎng)站首頁(yè)的域名。(2)錨點(diǎn)鏈接 錨點(diǎn)鏈接是指同一頁(yè)面內(nèi)部的鏈接。如果網(wǎng)頁(yè)很長(zhǎng)，便可以在適當(dāng)?shù)奈恢貌迦胍恍板^ 點(diǎn)”，要進(jìn)入頁(yè)面特定的位置，只需單擊這類鏈接即可。(3)外部鏈接 外部鏈接是指來(lái)自網(wǎng)站之外的鏈接，跳轉(zhuǎn)到其他頁(yè)面后，在地址欄上域名會(huì)變?yōu)槠渌W(wǎng) 站的域名。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)

5、設(shè)計(jì)與制作6.1文檔位置和路徑文檔位置和路徑6.1.2超鏈接的類型超鏈接的類型 按鏈接對(duì)象分按鏈接對(duì)象分(1) 文本超鏈接 文本超鏈接是網(wǎng)頁(yè)中最常見(jiàn)的鏈接方式，它是指以文本作為鏈接對(duì)象，鏈接到其他目標(biāo)地址的鏈接。(2）圖像超鏈接 圖像超鏈接是以各種格式的圖像作為鏈接對(duì)象，鏈接到其他目標(biāo)地址的鏈接，要打開(kāi)鏈接目標(biāo)，只需單擊圖片區(qū)域即可。(3) 多媒體對(duì)象鏈接 除圖像外，視頻播放窗口、Flash動(dòng)畫等多媒體對(duì)象也可以作為鏈接對(duì)象，鏈接到其他目標(biāo)地址。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.1文檔位置和路徑文檔位置和路徑6.1.2超鏈接的類型超鏈接的類型 按鏈接對(duì)象分按鏈接對(duì)象分(4

6、)E-mail 鏈接 E-mail鏈接是指將對(duì)象鏈接到一個(gè)電子郵件地址。單擊這類鏈接，將自動(dòng)啟動(dòng)系統(tǒng)默認(rèn)的電子郵件程序（如Windows Mail、Foxmail等），并創(chuàng)建一個(gè)新郵件，將目標(biāo)電子郵件地址自動(dòng)填入“收件人”文本框中。(5)空鏈接 空鏈接是一種未指派的鏈接，一般用于向頁(yè)面上的對(duì)象或文本附加行為。比如，指向空鏈接，在狀態(tài)欄上看到的是“JavaScript:;”的提示信息。單擊這類鏈接，既不會(huì)出現(xiàn)鏈接出錯(cuò)的提示信息，也不會(huì)打開(kāi)新的窗口。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.1文檔位置和路徑文檔位置和路徑6.1.3超鏈接的路徑超鏈接的路徑絕對(duì)路徑是包含服務(wù)器協(xié)議的完全

7、路徑，是一種與源地址絕對(duì)路徑是包含服務(wù)器協(xié)議的完全路徑，是一種與源地址文件無(wú)關(guān)的路徑形式。文件無(wú)關(guān)的路徑形式。絕對(duì)路徑包含的是精確地址，創(chuàng)建對(duì)當(dāng)前站點(diǎn)以外文件的絕對(duì)路徑包含的是精確地址，創(chuàng)建對(duì)當(dāng)前站點(diǎn)以外文件的鏈接時(shí)必須使用絕對(duì)路徑。鏈接時(shí)必須使用絕對(duì)路徑。一般最常見(jiàn)的是一般最常見(jiàn)的是URL，就是通常所說(shuō)的網(wǎng)址。，就是通常所說(shuō)的網(wǎng)址。格式：格式：http:/ 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.1文檔位置和路徑文檔位置和路徑6.1.3超鏈接的路徑超鏈接的路徑和文檔相對(duì)的路徑是指和當(dāng)前文檔所在的文件夾相對(duì)的路徑。和文檔相對(duì)的路徑是指和當(dāng)前文檔所在的文件夾相對(duì)的路徑?？偸菑漠?dāng)前站點(diǎn)

8、的根目錄開(kāi)始，站點(diǎn)上的所有可公開(kāi)的文件都總是從當(dāng)前站點(diǎn)的根目錄開(kāi)始，站點(diǎn)上的所有可公開(kāi)的文件都存放在站點(diǎn)的根目錄下。和根目錄相對(duì)的路徑使用斜杠，以告存放在站點(diǎn)的根目錄下。和根目錄相對(duì)的路徑使用斜杠，以告訴服務(wù)器從根目錄開(kāi)始。訴服務(wù)器從根目錄開(kāi)始。和文檔相對(duì)的路徑和文檔相對(duì)的路徑和根目錄相對(duì)的路徑和根目錄相對(duì)的路徑第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接(1)打開(kāi)源文件打開(kāi)源文件“源文件源文件ch66_1index_ori.htm”頁(yè)面，在頁(yè)面，在Dreamweaver的文檔窗口中選中要?jiǎng)?chuàng)建超鏈接的文本、圖像等對(duì)的文檔窗口中選中要?jiǎng)?chuàng)建超鏈接的文本、圖像等對(duì)象

9、。象。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接(2)展開(kāi)屬性檢査器，在展開(kāi)屬性檢査器，在“鏈接鏈接”文本框中直接輸人鏈接文檔的路徑文本框中直接輸人鏈接文檔的路徑和文件名和文件名。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接(3)輸人鏈接文檔的路徑和文件名后按下輸人鏈接文檔的路徑和文件名后按下Enter鍵，可以看到文檔中鍵，可以看到文檔中選定的要?jiǎng)?chuàng)建超鏈接的文字對(duì)象的顏色發(fā)生了變化，并添加上了選定的要?jiǎng)?chuàng)建超鏈接的文字對(duì)象的顏色發(fā)生了變化，并添加上了下劃線。下劃線。(4)要預(yù)覽鏈接情況，只需保存文檔后按下【要預(yù)覽鏈接情況，只需

10、保存文檔后按下【F12】鍵即可在】鍵即可在IE中中打開(kāi)該頁(yè)面，將鼠標(biāo)指針指向設(shè)置了鏈接的文字，指針將變?yōu)榇蜷_(kāi)該頁(yè)面，將鼠標(biāo)指針指向設(shè)置了鏈接的文字，指針將變?yōu)椤笆质中涡巍?。單擊該鏈接，便可打開(kāi)鏈接目標(biāo)指定的頁(yè)面。單擊該鏈接，便可打開(kāi)鏈接目標(biāo)指定的頁(yè)面。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接使用屬性檢査器中的【文件夾】圖標(biāo)，也能創(chuàng)建超鏈接。使用屬性檢査器中的【文件夾】圖標(biāo)，也能創(chuàng)建超鏈接。(1)在文檔窗口中選擇要?jiǎng)?chuàng)建超鏈接的文本、圖像或其他對(duì)象。在文檔窗口中選擇要?jiǎng)?chuàng)建超鏈接的文本、圖像或其他對(duì)象。(2)展開(kāi)屬性檢査器，單擊展開(kāi)屬性檢査器，單擊“鏈接鏈接”文

11、本框右側(cè)的【文件夾】圖標(biāo)文本框右側(cè)的【文件夾】圖標(biāo)(3)出現(xiàn)出現(xiàn)“選擇文件選擇文件”對(duì)話框后，選擇要鏈接到的目標(biāo)文件對(duì)話框后，選擇要鏈接到的目標(biāo)文件.在站點(diǎn)內(nèi)在站點(diǎn)內(nèi)默認(rèn)的鏈接文件方式是默認(rèn)的鏈接文件方式是“文檔文檔”相對(duì)路徑。如果要使用相對(duì)路徑。如果要使用“站點(diǎn)根目錄站點(diǎn)根目錄”相對(duì)路徑，應(yīng)在相對(duì)路徑，應(yīng)在“相對(duì)于相對(duì)于”下拉列表框中選擇下拉列表框中選擇“站點(diǎn)根目錄站點(diǎn)根目錄”選項(xiàng)，然選項(xiàng)，然后將后將URL書寫為形如書寫為形如“/Documents/2010062001.html”的格式，其中的格式，其中的的“/”表示表示“根目錄根目錄”。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作

12、6.2創(chuàng)建超鏈接創(chuàng)建超鏈接第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.1鏈接文件和文檔鏈接文件和文檔 如果超級(jí)鏈接指向的不是一個(gè)網(wǎng)頁(yè)文件，而是其他文件（如如果超級(jí)鏈接指向的不是一個(gè)網(wǎng)頁(yè)文件，而是其他文件（如zip、mp3或或exe文件等），文件等），單擊超鏈接的時(shí)候就會(huì)下載文件。如果在網(wǎng)單擊超鏈接的時(shí)候就會(huì)下載文件。如果在網(wǎng)站中提供下載資料，就需要為文件提供下載鏈接。站中提供下載資料，就需要為文件提

13、供下載鏈接。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.2鏈接到文檔中的特定位置鏈接到文檔中的特定位置(1)首先在首先在Dreamweaver中準(zhǔn)備一頁(yè)較長(zhǎng)的網(wǎng)頁(yè)，這樣才能淸晰地看到中準(zhǔn)備一頁(yè)較長(zhǎng)的網(wǎng)頁(yè)，這樣才能淸晰地看到它的作用。這一部分在整個(gè)錨鏈接的制作過(guò)程中起到了鋪墊的作用，為它的作用。這一部分在整個(gè)錨鏈接的制作過(guò)程中起到了鋪墊的作用，為后面的工作做好了準(zhǔn)備，打開(kāi)后面的工作做好了準(zhǔn)備，打開(kāi)“源文件源文件ch66_26_2_2 6_2_2.htm”頁(yè)頁(yè)面。面。(2)然后在頁(yè)面中添加錨記，如果沒(méi)有錨記就無(wú)法添加錨鏈接。選用的然后在頁(yè)面中添加錨記，如果

14、沒(méi)有錨記就無(wú)法添加錨鏈接。選用的這段文字共包含了這段文字共包含了6段文字記錄，分別是段文字記錄，分別是“交通費(fèi)用、會(huì)議室交通費(fèi)用、會(huì)議室/廳費(fèi)用、廳費(fèi)用、住宿費(fèi)用、餐飲費(fèi)用、演員及節(jié)目、視聽(tīng)設(shè)備住宿費(fèi)用、餐飲費(fèi)用、演員及節(jié)目、視聽(tīng)設(shè)備”現(xiàn)在分別對(duì)它們進(jìn)行錨現(xiàn)在分別對(duì)它們進(jìn)行錨記的添加。記的添加。通常用戶在打開(kāi)一個(gè)網(wǎng)頁(yè)時(shí)，瀏覽器都是從頁(yè)面頂部開(kāi)始顯示。要看通常用戶在打開(kāi)一個(gè)網(wǎng)頁(yè)時(shí)，瀏覽器都是從頁(yè)面頂部開(kāi)始顯示。要看當(dāng)前屏幕下方的內(nèi)容必須拖動(dòng)頁(yè)面右邊的滾動(dòng)條，或使用鼠標(biāo)中間的當(dāng)前屏幕下方的內(nèi)容必須拖動(dòng)頁(yè)面右邊的滾動(dòng)條，或使用鼠標(biāo)中間的滾輪使頁(yè)面向下滾動(dòng)。對(duì)于這種比較長(zhǎng)的網(wǎng)頁(yè)，滾輪使頁(yè)面向下滾動(dòng)。對(duì)

15、于這種比較長(zhǎng)的網(wǎng)頁(yè)， 使用到了錨鏈接。使用到了錨鏈接。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.2鏈接到文檔中的特定位置鏈接到文檔中的特定位置(3)將光標(biāo)定位到網(wǎng)頁(yè)中將光標(biāo)定位到網(wǎng)頁(yè)中“1、交通費(fèi)用、交通費(fèi)用”文字的后面。然后從文字的后面。然后從“常用常用”插入欄中單擊插入欄中單擊 “命名錨記命名錨記”按鈕按鈕 。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.2鏈接到文檔中的特定位置鏈接到文檔中的特定位置(4)在彈出的“命名錨記”對(duì)話框中的“錨記名稱”文本框中輸入一個(gè)錨記的名稱，在這里將其命名為“a” 。然后單

16、擊“確定”按鈕，這樣就為文章的第一部分添加了錨記。有錨記的地方會(huì)有一個(gè)類似小盾牌的標(biāo)志，選中該錨記，會(huì)在屬性檢查器中查找到其名稱 第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.2鏈接到文檔中的特定位置鏈接到文檔中的特定位置(5)接著將光標(biāo)定位到網(wǎng)頁(yè)中接著將光標(biāo)定位到網(wǎng)頁(yè)中“2、會(huì)議室、會(huì)議室/廳費(fèi)用廳費(fèi)用”的后面，單擊插入的后面，單擊插入欄中的欄中的“命名錨記命名錨記”按鈕。在彈出的按鈕。在彈出的“命名錨記命名錨記”對(duì)話框中的對(duì)話框中的“錨記錨記名稱名稱”文本框中輸入錨記名稱為文本框中輸入錨記名稱為“b”。 (6)使用同樣的方法繼續(xù)為剩下的四個(gè)段落添加錨

17、記。完成后會(huì)出現(xiàn)六個(gè)使用同樣的方法繼續(xù)為剩下的四個(gè)段落添加錨記。完成后會(huì)出現(xiàn)六個(gè)錨記標(biāo)志錨記標(biāo)志 。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.2鏈接到文檔中的特定位置鏈接到文檔中的特定位置第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.2鏈接到文檔中的特定位置鏈接到文檔中的特定位置(7)所有的準(zhǔn)備工作完成后，最后添加鏈接。先將“會(huì)議預(yù)算”右側(cè)單元格中的“交通費(fèi)用”文字選中，然后在屬性檢査器中“鏈接”文本框中輸入“#a”。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.2鏈接到

18、文檔中的特定位置鏈接到文檔中的特定位置繼續(xù)為后面的各個(gè)錨記添加相應(yīng)的鏈接，添加完畢后可以在瀏覽器中預(yù)覽設(shè)置的效果。只需單擊前面添加了錨鏈接的文字標(biāo)題，就可以直接轉(zhuǎn)到相應(yīng)的段落。當(dāng)單擊“住宿費(fèi)用”鏈接時(shí)，頁(yè)面就會(huì)直接跳轉(zhuǎn)到“住宿費(fèi)用”部 分 第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.2鏈接到文檔中的特定位置鏈接到文檔中的特定位置頁(yè)面自動(dòng)將住宿費(fèi)用段落滾動(dòng)到上面 第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.3創(chuàng)建電子郵件鏈接創(chuàng)建電子郵件鏈接 (1) 打開(kāi)打開(kāi)“源文件源文件ch66_26_2_3 email.htm

19、”頁(yè)面，選中底部版權(quán)信息頁(yè)面，選中底部版權(quán)信息中的電子郵件地址中的電子郵件地址“”， 電子郵件鏈接也是鏈接中比較常見(jiàn)的一種。在瀏覽網(wǎng)頁(yè)時(shí)，如果單擊電子郵件鏈接也是鏈接中比較常見(jiàn)的一種。在瀏覽網(wǎng)頁(yè)時(shí)，如果單擊一個(gè)電子郵件鏈接，會(huì)顯示出一個(gè)用于發(fā)送新電子郵件信息的窗口。一個(gè)電子郵件鏈接，會(huì)顯示出一個(gè)用于發(fā)送新電子郵件信息的窗口。這和在新窗口中打開(kāi)的普通鏈接是不同的，這個(gè)信息窗口用來(lái)發(fā)郵件這和在新窗口中打開(kāi)的普通鏈接是不同的，這個(gè)信息窗口用來(lái)發(fā)郵件非常方便。它會(huì)為用戶提供已經(jīng)填寫好的收件人的地址或郵件發(fā)送的非常方便。它會(huì)為用戶提供已經(jīng)填寫好的收件人的地址或郵件發(fā)送的方式。而用戶需要做的就只是添加郵件

20、的主題、輸入主要的內(nèi)容，單方式。而用戶需要做的就只是添加郵件的主題、輸入主要的內(nèi)容，單擊擊“發(fā)送發(fā)送”按鈕。按鈕。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.3 創(chuàng)建電子郵件鏈接創(chuàng)建電子郵件鏈接(2)在插入欄中選擇“常用”選項(xiàng)卡，單擊“電子郵件鏈接”按鈕。打開(kāi)“電子郵件鏈接”對(duì)話框 。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.3 創(chuàng)建電子郵件鏈接創(chuàng)建電子郵件鏈接(3)在對(duì)話框中的“文本”文本框中輸入電子郵件鏈接的文本，也就是告訴瀏覽者此處有一個(gè)電子郵件鏈接，“電子郵件”文本框用來(lái)輸入收件人的郵箱地址。 (4)

21、單擊“確定”按鈕，將這個(gè)電子郵件的鏈接就添加好了。和標(biāo)準(zhǔn)頁(yè)面鏈接有所不同，該代碼使用的是“mailto: ”前綴，其后有一個(gè)有效的郵件地址。 第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.3 創(chuàng)建電子郵件鏈接創(chuàng)建電子郵件鏈接(5)對(duì)設(shè)置好的頁(yè)面保存，然后進(jìn)行預(yù)覽。按下“F12”鍵，瀏覽網(wǎng)頁(yè)，單擊，如果計(jì)算機(jī)上裝有Outlook，那么會(huì)自動(dòng)啟動(dòng)Outlook郵件編輯窗口。在設(shè)置好的電子郵件鏈接處單擊，在電子郵件信息出現(xiàn)后，“收件人”文本框中已經(jīng)有地址了 。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.4創(chuàng)建空鏈接和腳

22、本鏈接創(chuàng)建空鏈接和腳本鏈接 空鏈接是指未指定目標(biāo)文檔的鏈接。使用空鏈接可以為頁(yè)面上的對(duì)象或文本附加行為。具體操作步驟如下： （1）選中要?jiǎng)?chuàng)建鏈接的文字,在“屬性檢查器”，“鏈接”文本框中直接輸入“#”。（2）保存文件，在瀏覽器中預(yù)覽時(shí)，文字顯示為超文本鏈接的樣式，單擊后不會(huì)跳轉(zhuǎn)到別的頁(yè)面。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.4創(chuàng)建空鏈接和腳本鏈接創(chuàng)建空鏈接和腳本鏈接 腳本超鏈接執(zhí)行JavaScript代碼或調(diào)用JavaScript函數(shù)，它非常有用，能夠在不離開(kāi)當(dāng)前網(wǎng)頁(yè)文檔的情況下為訪問(wèn)者提供有關(guān)某項(xiàng)的附加信息。腳本超鏈接還可以用于在訪問(wèn)者單擊特

23、定項(xiàng)時(shí)執(zhí)行計(jì)算、表單驗(yàn)證和其他處理任務(wù)。 （1）打開(kāi)“源文件ch66_26_2_46_2_4.htm”頁(yè)面網(wǎng)頁(yè)文檔，選中文本“關(guān)閉網(wǎng)頁(yè)”， 。 第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.4創(chuàng)建空鏈接和腳本鏈接創(chuàng)建空鏈接和腳本鏈接 第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.4 創(chuàng)建空鏈接和腳本鏈接創(chuàng)建空鏈接和腳本鏈接 （2）在【屬性】面板中的【鏈接】文本框中輸入：“javascript:window.close()”，如圖所示。（3）保存文檔，按F12鍵在瀏覽器中瀏覽，單擊“關(guān)閉網(wǎng)頁(yè)”超文本鏈接，會(huì)自動(dòng)彈出一

24、個(gè)提示對(duì)話框，提示是否關(guān)閉窗口，單擊【是】按鈕，即可關(guān)閉窗口，如圖所示.第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.2創(chuàng)建超鏈接創(chuàng)建超鏈接6.2.4 創(chuàng)建空鏈接和腳本鏈接創(chuàng)建空鏈接和腳本鏈接 第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.3創(chuàng)建創(chuàng)建Dreamweaver導(dǎo)導(dǎo)航條航條 導(dǎo)航條由若干欄目按鈕組成，并且在一個(gè)網(wǎng)頁(yè)中一般只有導(dǎo)航條由若干欄目按鈕組成，并且在一個(gè)網(wǎng)頁(yè)中一般只有一個(gè)導(dǎo)航條，導(dǎo)航條上的選項(xiàng)有一個(gè)導(dǎo)航條，導(dǎo)航條上的選項(xiàng)有4 種狀態(tài)，分別是鼠標(biāo)離開(kāi)時(shí)、種狀態(tài)，分別是鼠標(biāo)離開(kāi)時(shí)、鼠標(biāo)經(jīng)過(guò)時(shí)、鼠標(biāo)單擊時(shí)和鼠標(biāo)經(jīng)過(guò)單擊后。鼠標(biāo)經(jīng)過(guò)時(shí)、鼠標(biāo)單擊時(shí)和鼠標(biāo)經(jīng)過(guò)單擊后。 第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.3創(chuàng)建創(chuàng)建Dreamweaver導(dǎo)導(dǎo)航條航條(1) 新建HTML 網(wǎng)頁(yè)文檔，以dht.html 為文件名保存在“源文件ch66_3”目錄下。 (2) 選擇【插入】|【圖像對(duì)象】|【導(dǎo)航條】命令，打開(kāi)【插入導(dǎo)航條】對(duì)話框 。第 6 章 超鏈接與導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作6.3創(chuàng)建創(chuàng)建Dreamweaver導(dǎo)導(dǎo)航條航條(3) 在【插入導(dǎo)航條】對(duì)話框