第9章超鏈接在這一章我們引入一個(gè)新概念——超鏈接（Hyperlink）。在網(wǎng)頁(yè)設(shè)計(jì)中，超鏈接應(yīng)用非常廣泛，熟練地應(yīng)用超鏈接是設(shè)計(jì)網(wǎng)頁(yè)基本要求。本章主要講解內(nèi)容是超鏈接基本知識(shí)，各種超鏈接操作方法，以及檢驗(yàn)和修復(fù)網(wǎng)頁(yè)中超鏈接。超鏈接主題知識(shí)講座第1頁(yè)9.1超鏈接概述超鏈接是Web頁(yè)中最吸引人部分。Internet之所以如此受到人們歡迎，很大程度上是因?yàn)樵诰W(wǎng)頁(yè)中使用了大量超級(jí)鏈接。在介紹使用DreamweaverCS4在文檔中創(chuàng)建超鏈接之前，我們先來(lái)了解一些關(guān)于超鏈接基本概念和基本知識(shí)。超鏈接主題知識(shí)講座第2頁(yè)9.1.1超鏈接基本概念超鏈接是指從一個(gè)對(duì)象指向另一個(gè)對(duì)象指針，它能夠是網(wǎng)頁(yè)中一段文字也能夠是一張圖片，甚至能夠是圖片中某一部分。它允許我們同其它網(wǎng)頁(yè)、站點(diǎn)、圖片、文件等進(jìn)行連接，從而使Internet上信息組成一個(gè)有機(jī)整體。依據(jù)鏈接方式不一樣超鏈接可分為：絕對(duì)路徑連接、相對(duì)路徑連接兩種。而依據(jù)鏈接對(duì)象不一樣超鏈接又可分為：超文本鏈接、命名錨鏈接、圖像鏈接、電子郵件鏈接、熱區(qū)鏈接，空鏈接等。超鏈接主題知識(shí)講座第3頁(yè)9.1.2超鏈接路徑相對(duì)路徑與絕對(duì)路徑作為超鏈接兩種基本連接方式是十分主要也是輕易混同，要想熟練利用超鏈接我們首先就搞清什么相對(duì)路徑什么是絕對(duì)路徑，它們區(qū)分在哪里。1．絕對(duì)路徑絕對(duì)路徑：指明目標(biāo)端點(diǎn)所在詳細(xì)位置完整URL地址鏈接路徑。2．相對(duì)路徑相對(duì)路徑：指明目標(biāo)端點(diǎn)與源端點(diǎn)之間相對(duì)位置關(guān)系路徑稱為相對(duì)路徑。超鏈接主題知識(shí)講座第4頁(yè)9.2超文本鏈接超文本鏈接是最普通、最簡(jiǎn)單一個(gè)超鏈接。在Dreamweaver中依據(jù)鏈接目標(biāo)不一樣，超文本鏈接能夠分為與當(dāng)?shù)鼐W(wǎng)頁(yè)文檔鏈接、與外部網(wǎng)頁(yè)鏈接、空鏈接等幾個(gè)類(lèi)型。下面將逐一介紹。超鏈接主題知識(shí)講座第5頁(yè)9.2.1創(chuàng)建與文檔鏈接與當(dāng)?shù)鼐W(wǎng)頁(yè)文檔鏈接，是最常見(jiàn)超文本鏈接類(lèi)型。經(jīng)過(guò)創(chuàng)建與文檔鏈接，能夠?qū)?dāng)?shù)卣军c(diǎn)一個(gè)個(gè)單獨(dú)文檔連接起來(lái)，形成網(wǎng)站。詳細(xì)操作步驟以下：超鏈接主題知識(shí)講座第6頁(yè)9.2.2創(chuàng)建與外部網(wǎng)頁(yè)鏈接上一小節(jié)介紹了創(chuàng)建與當(dāng)?shù)匚臋n鏈接，下面就來(lái)學(xué)習(xí)怎樣創(chuàng)建與外部網(wǎng)頁(yè)鏈接。詳細(xì)操作步驟以下：（1）選中要?jiǎng)?chuàng)建鏈接文本“北京師范大學(xué)”；在“屬性檢驗(yàn)器”“鏈接”文本框中直接輸入U(xiǎn)RL地址“”，“目標(biāo)”下拉列表框中選擇“_blank”，如圖9.5所表示。（2）保留文件，在瀏覽器中預(yù)覽時(shí)，單擊文本“北京師范大學(xué)”，就會(huì)在新窗口中打開(kāi)北京師范大學(xué)網(wǎng)站主頁(yè)。超鏈接主題知識(shí)講座第7頁(yè)9.2.3創(chuàng)建空鏈接空鏈接是指未指定目標(biāo)文檔鏈接。使用空鏈接可認(rèn)為頁(yè)面上對(duì)象或文本附加行為。具體操作步驟如下：（1）選中要?jiǎng)?chuàng)建鏈接文本“更多進(jìn)入”；在“屬性檢驗(yàn)器”，“鏈接”文本框中直接輸入“#”，如圖9.6所示。（2）保存文件，在瀏覽器中預(yù)覽時(shí)，“更多進(jìn)入”顯示為超文本鏈接樣式，單擊后不會(huì)跳轉(zhuǎn)到別頁(yè)面，如圖9.7所示。超鏈接主題知識(shí)講座第8頁(yè)9.3命名錨鏈接當(dāng)用戶瀏覽一個(gè)內(nèi)容較多網(wǎng)頁(yè)時(shí)，查找信息會(huì)浪費(fèi)大量時(shí)間。在這種情況下，能夠在網(wǎng)頁(yè)中創(chuàng)建錨鏈接，放在頁(yè)面頂部作為書(shū)簽。錨實(shí)質(zhì)上就是在文件中命名位置或文本范圍，錨鏈接起到作用就是在文檔中定位。單擊錨鏈接，就會(huì)跳轉(zhuǎn)到頁(yè)面中指定位置。超鏈接主題知識(shí)講座第9頁(yè)9.3.1創(chuàng)建錨點(diǎn)在創(chuàng)建錨鏈接之前，首先要在頁(yè)面中創(chuàng)建錨點(diǎn)。詳細(xì)操作步驟以下：超鏈接主題知識(shí)講座第10頁(yè)9.3.2建立錨鏈接在上一小節(jié)中創(chuàng)建了四個(gè)錨點(diǎn)，下面來(lái)學(xué)習(xí)為文本建立錨鏈接。詳細(xì)步驟以下：超鏈接主題知識(shí)講座第11頁(yè)9.4電子郵件鏈接電子郵件鏈接是一個(gè)特殊鏈接，在網(wǎng)頁(yè)中單擊這種鏈接，不是跳轉(zhuǎn)到其它網(wǎng)頁(yè)中，而是會(huì)自動(dòng)開(kāi)啟電腦中OutlookExpress或其它E-mail程序，允許書(shū)寫(xiě)電子郵件，并發(fā)送到指定地址。詳細(xì)操作步驟以下：超鏈接主題知識(shí)講座第12頁(yè)9.5圖像熱區(qū)鏈接在DreamweaverCS4中，除了能夠給文本添加超鏈接，還能夠給圖像添加超鏈接。圖像超鏈接包含為整張圖像創(chuàng)建超鏈接和在圖像上創(chuàng)建熱區(qū)兩種方式。超鏈接主題知識(shí)講座第13頁(yè)9.5.1為整張圖像創(chuàng)建超鏈接這種應(yīng)用方式很普遍，在網(wǎng)頁(yè)中經(jīng)常會(huì)用到。當(dāng)鼠標(biāo)移到設(shè)置了鏈接圖像上時(shí)，會(huì)變成“手型”；單擊圖像，會(huì)跳轉(zhuǎn)到指定頁(yè)面。詳細(xì)操作步驟以下：超鏈接主題知識(shí)講座第14頁(yè)9.5.2創(chuàng)建熱區(qū)在DreamweaverCS4中，除了為整張圖像創(chuàng)建超鏈接外，還能夠在一張圖像上創(chuàng)建多個(gè)鏈接區(qū)域，這些區(qū)域能夠是矩形、圓形或者多變形。這些鏈接區(qū)域就叫做熱區(qū)。當(dāng)單擊圖像上熱區(qū)時(shí)，就會(huì)跳轉(zhuǎn)到熱區(qū)所鏈接頁(yè)面上。詳細(xì)操作步驟以下：超鏈接主題知識(shí)講座第15頁(yè)9.6導(dǎo)航條導(dǎo)航條是由一個(gè)圖像或一組圖像組成，單擊某個(gè)圖像，就會(huì)跳轉(zhuǎn)到對(duì)應(yīng)欄目頁(yè)面。DreamweaverCS4中導(dǎo)航條功效，能夠設(shè)置伴隨鼠標(biāo)不一樣操作，如滑過(guò)、按下等，圖像顯示內(nèi)容也會(huì)隨之改變，效果如圖9.25所表示。詳細(xì)操作步驟以下：超鏈接主題知識(shí)講座第16頁(yè)9.7檢驗(yàn)與修復(fù)鏈接對(duì)于一個(gè)內(nèi)容