1、在這一章我們引入一個新的概念在這一章我們引入一個新的概念超鏈接超鏈接（HyperlinkHyperlink）。在網(wǎng)頁設計中，超鏈接的應用非常）。在網(wǎng)頁設計中，超鏈接的應用非常廣泛，熟練地應用超鏈接是設計網(wǎng)頁的基本要求。本廣泛，熟練地應用超鏈接是設計網(wǎng)頁的基本要求。本章主要講解的內(nèi)容是超鏈接的基本知識，各種超鏈接章主要講解的內(nèi)容是超鏈接的基本知識，各種超鏈接的操作方法，以及檢查和修復網(wǎng)頁中的超鏈接。的操作方法，以及檢查和修復網(wǎng)頁中的超鏈接。超鏈接是超鏈接是WebWeb頁中最吸引人的部分。頁中最吸引人的部分。InternetInternet之所以之所以如此受到人們的歡迎，很大程度上是由于在網(wǎng)頁中使

2、如此受到人們的歡迎，很大程度上是由于在網(wǎng)頁中使用了大量的超級鏈接。在介紹使用用了大量的超級鏈接。在介紹使用Dreamweaver CS4Dreamweaver CS4在文檔中創(chuàng)建超鏈接之前，我們先來了解一些關于超在文檔中創(chuàng)建超鏈接之前，我們先來了解一些關于超鏈接的基本概念和基本知識。鏈接的基本概念和基本知識。超鏈接是指從一個對象指向另一個對象的指針超鏈接是指從一個對象指向另一個對象的指針，它，它可以是網(wǎng)頁中的一段文字也可以是一張圖片，甚至可以是網(wǎng)頁中的一段文字也可以是一張圖片，甚至可以是圖片中的某一部分。它允許我們同其它網(wǎng)頁、可以是圖片中的某一部分。它允許我們同其它網(wǎng)頁、站點、圖片、文件等進行

3、連接，從而使站點、圖片、文件等進行連接，從而使InternetInternet上上的信息構成一個有機的整體。的信息構成一個有機的整體。根據(jù)鏈接方式的不同超鏈接可分為：根據(jù)鏈接方式的不同超鏈接可分為：絕對路徑連接、絕對路徑連接、相對路徑連接相對路徑連接兩種。而根據(jù)鏈接對象的不同超鏈接兩種。而根據(jù)鏈接對象的不同超鏈接又可分為：又可分為：超文本鏈接、命名錨鏈接、圖像鏈接、超文本鏈接、命名錨鏈接、圖像鏈接、電子郵件鏈接、熱區(qū)鏈接，空鏈接等電子郵件鏈接、熱區(qū)鏈接，空鏈接等。相對路徑與絕對路徑作為超鏈接的兩種基本連接方式相對路徑與絕對路徑作為超鏈接的兩種基本連接方式是十分重要的也是容易混淆的，要想熟練運用

4、超鏈接是十分重要的也是容易混淆的，要想熟練運用超鏈接我們首先就的弄清什么相對路徑什么是絕對路徑，它我們首先就的弄清什么相對路徑什么是絕對路徑，它們的區(qū)別在哪里。們的區(qū)別在哪里。1 1絕對路徑絕對路徑絕對路徑：絕對路徑：指明目標端點所在具體位置的完整指明目標端點所在具體位置的完整URLURL地地址的址的鏈接鏈接路徑。路徑。2 2相對路徑相對路徑相對路徑：指明目標端點與源端點之間相對位置關系相對路徑：指明目標端點與源端點之間相對位置關系的路徑稱為相對路徑。的路徑稱為相對路徑。超文本鏈接是最普通、最簡單的一種超鏈接。在超文本鏈接是最普通、最簡單的一種超鏈接。在Dreamweaver Dreamwea

5、ver 中根據(jù)鏈接目標的不同，中根據(jù)鏈接目標的不同，超文本鏈接超文本鏈接可以分為與本地網(wǎng)頁文檔的鏈接、與外部網(wǎng)頁的鏈接、可以分為與本地網(wǎng)頁文檔的鏈接、與外部網(wǎng)頁的鏈接、空鏈接等空鏈接等幾種類型。下面將逐一介紹。幾種類型。下面將逐一介紹。與本地網(wǎng)頁文檔的鏈接與本地網(wǎng)頁文檔的鏈接，是最常見的超文本鏈接類型。，是最常見的超文本鏈接類型。通過創(chuàng)建與文檔的鏈接，可以將本地站點的一個個單通過創(chuàng)建與文檔的鏈接，可以將本地站點的一個個單獨的文檔連接起來，形成網(wǎng)站。獨的文檔連接起來，形成網(wǎng)站。步驟步驟1 1選中頁面中的文字或圖像，在屬性面板中單擊選中頁面中的文字或圖像，在屬性面板中單擊“鏈接鏈接”文本框右文本框

6、右側的文件夾圖標，以通過瀏覽選擇一個文件側的文件夾圖標，以通過瀏覽選擇一個文件步驟步驟2 2從從“目標目標”下拉菜單中，選擇文檔的打開位置。下拉菜單中，選擇文檔的打開位置。_blank :_blank :新打開的空窗口新打開的空窗口_parent_parent：如果是嵌套的框架，則在父框架中打開。：如果是嵌套的框架，則在父框架中打開。_self_self：會在當前網(wǎng)頁所在的窗口或框架中打開。：會在當前網(wǎng)頁所在的窗口或框架中打開。_top_top：會在完整的瀏覽器窗口中打開。：會在完整的瀏覽器窗口中打開。創(chuàng)建與外部網(wǎng)頁的鏈接。具體操作步驟如下：創(chuàng)建與外部網(wǎng)頁的鏈接。具體操作步驟如下：（1 1）選

7、中要創(chuàng)建鏈接的文本）選中要創(chuàng)建鏈接的文本“沈陽理工大學沈陽理工大學”；在；在“屬性檢屬性檢查器查器”的的“鏈接鏈接”文本框中直接輸入文本框中直接輸入URLURL地址地址“http:/”http:/”，“目標目標”下拉列表框中選擇下拉列表框中選擇“_blank”_blank” 。（2 2）保存文件，在瀏覽器中預覽時，單擊文本）保存文件，在瀏覽器中預覽時，單擊文本“沈陽理工沈陽理工大學大學”，就會在新窗口中打開沈陽理工大學網(wǎng)站的主頁。，就會在新窗口中打開沈陽理工大學網(wǎng)站的主頁?？真溄邮侵肝粗付繕宋臋n的鏈接空鏈接是指未指定目標文檔的鏈接。使用空鏈接可以為。使用空鏈接可以為頁面上的對象或文本附加行為

8、。具體操作步驟如下：頁面上的對象或文本附加行為。具體操作步驟如下：（1 1）選中要創(chuàng)建鏈接的文本；在）選中要創(chuàng)建鏈接的文本；在“屬性檢查器屬性檢查器”，“鏈接鏈接”文本框中直接輸入文本框中直接輸入 “#”#” 。（2 2）保存文件，在瀏覽器中預覽時，顯示為超文本鏈接）保存文件，在瀏覽器中預覽時，顯示為超文本鏈接的樣式，單擊后不會跳轉到別的頁面。的樣式，單擊后不會跳轉到別的頁面。當用戶瀏覽一個當用戶瀏覽一個內(nèi)容較多的網(wǎng)頁內(nèi)容較多的網(wǎng)頁時，查找信息會浪費時，查找信息會浪費大量的時間。在這種情況下，可以在網(wǎng)頁中創(chuàng)建錨鏈大量的時間。在這種情況下，可以在網(wǎng)頁中創(chuàng)建錨鏈接，放在頁面頂部作為書簽。錨實質(zhì)上就

9、是在文件中接，放在頁面頂部作為書簽。錨實質(zhì)上就是在文件中命名的位置或文本范圍，錨鏈接起到的作用就是在文命名的位置或文本范圍，錨鏈接起到的作用就是在文檔中定位。單擊錨鏈接，就會跳轉到頁面中指定的位檔中定位。單擊錨鏈接，就會跳轉到頁面中指定的位置。置。在創(chuàng)建錨鏈接之前，首先要在頁面中創(chuàng)建錨點：在創(chuàng)建錨鏈接之前，首先要在頁面中創(chuàng)建錨點：將光標定位在要設置標記的位置；將光標定位在要設置標記的位置；插入欄命名錨記輸入錨記名稱（注意：區(qū)分大插入欄命名錨記輸入錨記名稱（注意：區(qū)分大小寫）小寫）創(chuàng)建到命名錨記的鏈接：創(chuàng)建到命名錨記的鏈接：選擇要創(chuàng)建鏈接的文本或圖像選擇要創(chuàng)建鏈接的文本或圖像1.1.在屬性面板的

10、鏈接文本框中，鍵入號和錨記名稱。在屬性面板的鏈接文本框中，鍵入號和錨記名稱。電子郵件鏈接是一種特殊的鏈接，在網(wǎng)頁中單擊這種電子郵件鏈接是一種特殊的鏈接，在網(wǎng)頁中單擊這種鏈接，不是跳轉到其他網(wǎng)頁中，而是會自動啟動電腦鏈接，不是跳轉到其他網(wǎng)頁中，而是會自動啟動電腦中的中的Outlook ExpressOutlook Express或其他或其他E-mailE-mail程序，允許書寫程序，允許書寫電子郵件，并發(fā)送到指定的地址。電子郵件，并發(fā)送到指定的地址。創(chuàng)建方法：創(chuàng)建方法：選中文本和圖像選中文本和圖像插入欄常用電子郵件鏈接輸入郵件地址插入欄常用電子郵件鏈接輸入郵件地址或在屬性面板的鏈接欄中直接輸入或

11、在屬性面板的鏈接欄中直接輸入: :mailto:郵件地址郵件地址 如如mailto:mailto: 。在在Dreamweaver CS4Dreamweaver CS4中，除了可以給文本添加超鏈接，中，除了可以給文本添加超鏈接，還可以給圖像添加超鏈接。圖像的超鏈接包括為整張還可以給圖像添加超鏈接。圖像的超鏈接包括為整張圖像創(chuàng)建超鏈接和在圖像上創(chuàng)建熱區(qū)兩種方式。圖像創(chuàng)建超鏈接和在圖像上創(chuàng)建熱區(qū)兩種方式。這種應用方式很普遍，在網(wǎng)頁中經(jīng)常會用到。當鼠標這種應用方式很普遍，在網(wǎng)頁中經(jīng)常會用到。當鼠標移到設置了鏈接的圖像上時，會變成移到設置了鏈接的圖像上時，會變成“手型手型”；單擊圖；單擊圖像，會跳轉到指

12、定的頁面。像，會跳轉到指定的頁面。在在Dreamweaver CS4Dreamweaver CS4中，除了為整張圖像創(chuàng)建超鏈接中，除了為整張圖像創(chuàng)建超鏈接外，還可以在一張圖像上創(chuàng)建多個鏈接區(qū)域，這些區(qū)外，還可以在一張圖像上創(chuàng)建多個鏈接區(qū)域，這些區(qū)域可以是矩形、圓形或者多變形。這些鏈接區(qū)域就叫域可以是矩形、圓形或者多變形。這些鏈接區(qū)域就叫做熱區(qū)。當單擊圖像上的熱區(qū)時，就會跳轉到熱區(qū)所做熱區(qū)。當單擊圖像上的熱區(qū)時，就會跳轉到熱區(qū)所鏈接的頁面上。鏈接的頁面上。創(chuàng)建方法：創(chuàng)建方法：1.創(chuàng)建熱區(qū)創(chuàng)建熱區(qū) 屬性面板屬性面板中中“矩形熱點工具矩形熱點工具”、“橢圓形熱點工具橢圓形熱點工具”、“多邊形熱點工具

13、多邊形熱點工具”可以創(chuàng)建矩形、橢圓形、多邊形熱區(qū)可以創(chuàng)建矩形、橢圓形、多邊形熱區(qū)2.創(chuàng)建超級鏈接創(chuàng)建超級鏈接 選中熱區(qū)選中熱區(qū)單擊單擊“屬性屬性”面板中面板中“鏈接鏈接”后的瀏覽按鈕后的瀏覽按鈕導航條由一個或多個圖像組成，其顯示根據(jù)用戶的動導航條由一個或多個圖像組成，其顯示根據(jù)用戶的動作而改變。因此，在使用導航條命令之前，應首先創(chuàng)建一作而改變。因此，在使用導航條命令之前，應首先創(chuàng)建一個用于導航條的圖像集。根據(jù)鼠標的動作，導航條中的圖個用于導航條的圖像集。根據(jù)鼠標的動作，導航條中的圖像通常有以下像通常有以下4 4種狀態(tài)。種狀態(tài)。l狀態(tài)圖像：狀態(tài)圖像：尚未單擊時所顯示的初始圖像。尚未單擊時所顯示的初始圖像。l鼠標經(jīng)過圖像：鼠標經(jīng)過圖像：當光標從圖像上經(jīng)過時出現(xiàn)的圖像。當光標從圖像上經(jīng)過時出現(xiàn)的圖像。l按下圖像：按下圖像：單擊導航條圖像時顯示的圖像。單擊導航條圖像時顯示的圖像。l按下時鼠標經(jīng)過圖像：按下時鼠標經(jīng)過圖像：單擊圖像后，當鼠標指針滑過該圖像時顯單擊圖像后，當鼠標指針滑過該圖像時顯示的圖像。示的圖像。 方法：方法： 1、將光標放到要插入導航條的位置；、將光標放到要插入導航條的位置； 2、【選擇插入選擇插入】|【圖像對象圖像對象】|【導航條導航條】命令命令 ； 3、或選擇、或選擇【插入插入】|【常用常用】|【圖像圖像】|【導航條導航條】命令。命令。