1、第第5 5章超級鏈接章超級鏈接課題引入：課題引入：站點的資源多而雜，怎樣才干把站點的很多資源組合站點的資源多而雜，怎樣才干把站點的很多資源組合成一個完好一致的整體呢？在成一個完好一致的整體呢？在DreamweaverDreamweaver中，可以運中，可以運用超級鏈接來完成這個艱巨的義務(wù)。下面我們來學習用超級鏈接來完成這個艱巨的義務(wù)。下面我們來學習超級鏈接的詳細內(nèi)容。超級鏈接的詳細內(nèi)容。內(nèi)容目的內(nèi)容目的: : 1. 1.熟記超級鏈接定義和目的選項的含義熟記超級鏈接定義和目的選項的含義 2.2.了解超級鏈接的途徑了解超級鏈接的途徑 3.3.熟練掌握超級鏈接的熟練掌握超級鏈接的3 3種創(chuàng)建方法種創(chuàng)

2、建方法 4.4.了解超級鏈接的分類了解超級鏈接的分類 5.5.學會用不同的方法創(chuàng)建各種類型的超級鏈接。學會用不同的方法創(chuàng)建各種類型的超級鏈接。 6.6.熟練掌握超級鏈接的構(gòu)造熟練掌握超級鏈接的構(gòu)造才干目的：才干目的： 1 1經(jīng)過演示、分析教學激發(fā)學生的學習興趣，提經(jīng)過演示、分析教學激發(fā)學生的學習興趣，提高學生分析問題、處理問題的實踐才干，到達輕松學高學生分析問題、處理問題的實踐才干，到達輕松學習、自主學習的目的。習、自主學習的目的。 2 2經(jīng)過同步的上機操作，充分發(fā)揚學生的設(shè)計才經(jīng)過同步的上機操作，充分發(fā)揚學生的設(shè)計才干和創(chuàng)新才干。干和創(chuàng)新才干。教學重點教學重點 1.1.超級鏈接定義和目的選項

3、的含義超級鏈接定義和目的選項的含義 2.2.超級鏈接的超級鏈接的3 3種創(chuàng)建方法種創(chuàng)建方法 3.3.各種類型的超級鏈接的創(chuàng)建方法各種類型的超級鏈接的創(chuàng)建方法 4.4.超級鏈接的構(gòu)造超級鏈接的構(gòu)造教學難點教學難點 超級鏈接的途徑超級鏈接的途徑5.15.1超級鏈接根底超級鏈接根底1 1：超鏈接的定義：超鏈接的定義 超鏈接是指從一個網(wǎng)頁指向一個目的的銜接關(guān)系，超鏈接是指從一個網(wǎng)頁指向一個目的的銜接關(guān)系，詳細是指站點內(nèi)不同網(wǎng)頁之間、站點與詳細是指站點內(nèi)不同網(wǎng)頁之間、站點與WebWeb之間的鏈之間的鏈接關(guān)系。一個超級鏈接由兩部分組成：鏈接載體和接關(guān)系。一個超級鏈接由兩部分組成：鏈接載體和鏈接目的。許多頁

4、面元素都可以作為鏈接載體，鏈鏈接目的。許多頁面元素都可以作為鏈接載體，鏈接目的也可以是恣意網(wǎng)絡(luò)資源。接目的也可以是恣意網(wǎng)絡(luò)資源。5.15.1超級鏈接根底超級鏈接根底2 2：鏈接目的的翻開方式：鏈接目的的翻開方式 鏈接目的的翻開方式可以在屬性檢查器的鏈接目的的翻開方式可以在屬性檢查器的“目的彈目的彈出菜單中設(shè)置；該彈出菜單中四個選項的含義：出菜單中設(shè)置；該彈出菜單中四個選項的含義：_blank _blank 將鏈接的文檔載入一個新的、未命名的閱讀器將鏈接的文檔載入一個新的、未命名的閱讀器口?？?。 _top _top 將鏈接的文檔載入整個閱讀器窗將鏈接的文檔載入整個閱讀器窗 口，從而刪除一切框架。

5、口，從而刪除一切框架。5.15.1超級鏈接根底超級鏈接根底 _parent _parent 將鏈接的文檔載入該鏈接所在框架的將鏈接的文檔載入該鏈接所在框架的父框架或父窗口。假設(shè)包含鏈接的框架不是嵌父框架或父窗口。假設(shè)包含鏈接的框架不是嵌套框架，那么所鏈接的文檔載入整個閱讀器窗套框架，那么所鏈接的文檔載入整個閱讀器窗口。口。 _self _self 將鏈接的文檔載入鏈接所在的同一框架將鏈接的文檔載入鏈接所在的同一框架或窗口。此目的是默許的，所以通常不需求指或窗口。此目的是默許的，所以通常不需求指定它。定它。3 3：創(chuàng)建一個完好的超級鏈接必需思索的：創(chuàng)建一個完好的超級鏈接必需思索的4 4個方面：個

6、方面： 鏈接的載體鏈接的載體 鏈接的目的鏈接的目的 鏈接的途徑鏈接的途徑 鏈接目的的翻開方式鏈接目的的翻開方式 5.15.1超級鏈接根底超級鏈接根底5.25.2超級鏈接的途徑超級鏈接的途徑 對途徑能否正確了解是確保設(shè)置里鏈接正確的對途徑能否正確了解是確保設(shè)置里鏈接正確的先決條件，如不正確的了解途徑，能夠會出現(xiàn)先決條件，如不正確的了解途徑，能夠會出現(xiàn)所設(shè)置的鏈接在本地可以正確執(zhí)行，但在別的所設(shè)置的鏈接在本地可以正確執(zhí)行，但在別的計算機和上傳到互聯(lián)網(wǎng)中就不能運用，網(wǎng)頁中計算機和上傳到互聯(lián)網(wǎng)中就不能運用，網(wǎng)頁中的圖片也不能正確的顯示出來。所以要學習鏈的圖片也不能正確的顯示出來。所以要學習鏈接途徑的相

7、關(guān)知識。接途徑的相關(guān)知識。 在在dreamweaverdreamweaver中有三種類型的鏈接途徑：中有三種類型的鏈接途徑： 絕絕對途徑、文檔相對途徑、站點根目錄相對途徑。對途徑、文檔相對途徑、站點根目錄相對途徑。1.1.絕對途徑絕對途徑 絕對途徑：提供所鏈接文檔的完好絕對途徑：提供所鏈接文檔的完好 URLURL，而且包括，而且包括所運用的協(xié)議如對于所運用的協(xié)議如對于 Web Web 頁，通常運用頁，通常運用 ，創(chuàng)，創(chuàng)建外部鏈接時必需運用的途徑。同一站點內(nèi)文檔的建外部鏈接時必需運用的途徑。同一站點內(nèi)文檔的鏈接也可運用絕對途徑鏈接，但不建議采用這種方鏈接也可運用絕對途徑鏈接，但不建議采用這種方式

8、，由于一旦將此站點挪動到其它域，那么一切本式，由于一旦將此站點挪動到其它域，那么一切本地絕對途徑鏈接都將斷開。地絕對途徑鏈接都將斷開。5.25.2超級鏈接的途徑超級鏈接的途徑2.2.文檔相對途徑：指以當前文檔所在的位置為起點文檔相對途徑：指以當前文檔所在的位置為起點到鏈接文檔經(jīng)由的途徑，把當前文檔與處在同一到鏈接文檔經(jīng)由的途徑，把當前文檔與處在同一文件夾中的另一文檔，或同一網(wǎng)站下不同文件夾文件夾中的另一文檔，或同一網(wǎng)站下不同文件夾中的文檔相互鏈接時，就可以運用文檔相對途徑。中的文檔相互鏈接時，就可以運用文檔相對途徑。其的根本思想是省略掉對于當前文檔和所鏈接的文其的根本思想是省略掉對于當前文檔和

9、所鏈接的文檔都一樣的絕對檔都一樣的絕對 URL URL 部分，而只提供不同的途徑部分，而只提供不同的途徑部分。文檔相對途徑對于大多數(shù)部分。文檔相對途徑對于大多數(shù) Web Web 站點的本地站點的本地鏈接鏈接( (內(nèi)部鏈接內(nèi)部鏈接) )來說，是最適用的途徑。來說，是最適用的途徑。 5.25.2超級鏈接的途徑超級鏈接的途徑5.25.2超級鏈接的途徑超級鏈接的途徑 一樣文件夾只提供一樣文件夾只提供“文件名；文件名； 與位于當前文檔所在文件夾的與位于當前文檔所在文件夾的子文件夾中的文件鏈接時要提子文件夾中的文件鏈接時要提供供“子文件夾名子文件夾名/ /文件名；文件名； 與位于當前文檔所在文件夾的與位于

10、當前文檔所在文件夾的父文件夾中文件鏈接時要提供父文件夾中文件鏈接時要提供“././文件名。文件名。3.3.站點根目錄相對途徑站點根目錄相對途徑站點根目錄相對途徑是指從站點跟文件夾到被鏈站點根目錄相對途徑是指從站點跟文件夾到被鏈接文檔經(jīng)由的途徑；以一個正斜杠開場，該正斜接文檔經(jīng)由的途徑；以一個正斜杠開場，該正斜杠表示站點根文件夾。杠表示站點根文件夾。它制定網(wǎng)站內(nèi)文檔鏈接的最好方法。在處置運用多它制定網(wǎng)站內(nèi)文檔鏈接的最好方法。在處置運用多個效力器的大型個效力器的大型 Web Web 站點，或者在運用承載有多站點，或者在運用承載有多個不同站點的效力器時，能夠需求運用這些類型個不同站點的效力器時，能夠

11、需求運用這些類型的途徑；假設(shè)不熟習此類型的途徑，最好堅持運的途徑；假設(shè)不熟習此類型的途徑，最好堅持運用文檔相對途徑。用文檔相對途徑。5.25.2超級鏈接的途徑超級鏈接的途徑5.35.3超級鏈接的分類超級鏈接的分類 采用的劃分規(guī)范不同，劃分出的類型也不盡一樣。采用的劃分規(guī)范不同，劃分出的類型也不盡一樣。. .按照鏈接途徑或鏈接目的的不同，網(wǎng)頁中的超鏈按照鏈接途徑或鏈接目的的不同，網(wǎng)頁中的超鏈接普通分為內(nèi)部鏈接、外部鏈接、錨點鏈接和電子接普通分為內(nèi)部鏈接、外部鏈接、錨點鏈接和電子郵件超級鏈接郵件超級鏈接4 4種類型。種類型。內(nèi)部鏈接：即在同一個站點內(nèi)的不同頁面內(nèi)部鏈接：即在同一個站點內(nèi)的不同頁面(

12、 (文檔文檔) )之之間的超級鏈接。間的超級鏈接。5.35.3超級鏈接的分類超級鏈接的分類外部鏈接：把網(wǎng)頁與外部鏈接：把網(wǎng)頁與InternetInternet中的目的相聯(lián)絡(luò)的鏈接。中的目的相聯(lián)絡(luò)的鏈接。錨點鏈接：可以鏈接到網(wǎng)頁中某個特定位置的鏈接，錨點鏈接：可以鏈接到網(wǎng)頁中某個特定位置的鏈接，運用其可以跳轉(zhuǎn)到當前文檔或其他文檔中的標志位運用其可以跳轉(zhuǎn)到當前文檔或其他文檔中的標志位置，免去閱讀者翻閱網(wǎng)頁尋覓信息的費事。置，免去閱讀者翻閱網(wǎng)頁尋覓信息的費事。電子郵件超級鏈接：發(fā)送電子郵件的超級鏈接。電子郵件超級鏈接：發(fā)送電子郵件的超級鏈接。. .按照運用對象的不同，網(wǎng)頁中的鏈接又可以分按照運用對象

13、的不同，網(wǎng)頁中的鏈接又可以分為以下幾種：文本超鏈接、圖像超鏈接、電子為以下幾種：文本超鏈接、圖像超鏈接、電子郵件鏈接、錨點鏈接、軟件下載鏈接、多媒體郵件鏈接、錨點鏈接、軟件下載鏈接、多媒體文件鏈接、空鏈接、腳本鏈接等。文件鏈接、空鏈接、腳本鏈接等。5.35.3超級鏈接的分類超級鏈接的分類5.35.3超級鏈接的分類超級鏈接的分類文本超鏈接文本超鏈接 ：在閱讀網(wǎng)頁時，鼠標指針經(jīng)過某：在閱讀網(wǎng)頁時，鼠標指針經(jīng)過某些文本時，指針的外形發(fā)生變化，同時文本些文本時，指針的外形發(fā)生變化，同時文本也會發(fā)生變化如出現(xiàn)下劃線、文本的顏色也會發(fā)生變化如出現(xiàn)下劃線、文本的顏色發(fā)生變化、字體發(fā)生變化等，提示這是帶發(fā)生變

14、化、字體發(fā)生變化等，提示這是帶鏈接的文本。此時點擊鼠標，就會翻開所鏈鏈接的文本。此時點擊鼠標，就會翻開所鏈接的網(wǎng)頁，這就是文本超鏈接。接的網(wǎng)頁，這就是文本超鏈接。5.35.3超級鏈接的分類超級鏈接的分類圖像超鏈接：是指給圖像添加鏈接，使其指向其他圖像超鏈接：是指給圖像添加鏈接，使其指向其他的網(wǎng)頁或者文檔；在設(shè)置鼠標經(jīng)過圖像或創(chuàng)建圖的網(wǎng)頁或者文檔；在設(shè)置鼠標經(jīng)過圖像或創(chuàng)建圖像熱區(qū)時，也是給圖像添加超級鏈接。像熱區(qū)時，也是給圖像添加超級鏈接。5.35.3超級鏈接的分類超級鏈接的分類多媒體文件鏈接：是把多媒體按鈕作為鏈接的載體、多多媒體文件鏈接：是把多媒體按鈕作為鏈接的載體、多媒體文件作為鏈接的目的

15、。媒體文件作為鏈接的目的?？真溄樱菏侵肝粗付康亩它c的鏈接。利用鏈接可以激空鏈接：是指未指定目的端點的鏈接。利用鏈接可以激活文檔中鏈接對應(yīng)的對象和文本，一旦對象和文本激活文檔中鏈接對應(yīng)的對象和文本，一旦對象和文本激活，就可以為之添加行為，當鼠標挪動到鏈接上時進活，就可以為之添加行為，當鼠標挪動到鏈接上時進展切換圖像或顯示分層等動作。所以要對文本設(shè)置行展切換圖像或顯示分層等動作。所以要對文本設(shè)置行為，需首先為文本建立空鏈接，行為才有效，可見建為，需首先為文本建立空鏈接，行為才有效，可見建立空鏈接的目的就是為了運用行為。普通立空鏈接的目的就是為了運用行為。普通“首頁導首頁導航需求設(shè)置空鏈接。航需求

16、設(shè)置空鏈接。5.35.3超級鏈接的分類超級鏈接的分類電子郵件鏈接：便于用戶進展反響。單擊時，可以翻開電子郵件鏈接：便于用戶進展反響。單擊時，可以翻開閱讀器默許的電子郵件處置程序。收件人地址會被電閱讀器默許的電子郵件處置程序。收件人地址會被電子郵件鏈接中指定的地址自動更新，無須手動輸入。子郵件鏈接中指定的地址自動更新，無須手動輸入。5.35.3超級鏈接的分類超級鏈接的分類軟件下載超級鏈接：是指可以實現(xiàn)軟件下載功能的鏈接，軟件下載超級鏈接：是指可以實現(xiàn)軟件下載功能的鏈接，普通用于教程普通用于教程 、軟件或一些文件的下載。以便閱讀、軟件或一些文件的下載。以便閱讀者學習相關(guān)內(nèi)容，也便有利于網(wǎng)絡(luò)資源的交

17、互和共享。者學習相關(guān)內(nèi)容，也便有利于網(wǎng)絡(luò)資源的交互和共享。軟件下載的超級鏈接也算是內(nèi)部超鏈接中的一種。軟件下載的超級鏈接也算是內(nèi)部超鏈接中的一種。5.35.3超級鏈接的分類超級鏈接的分類腳本鏈接是一種特殊的鏈接。執(zhí)行腳本鏈接是一種特殊的鏈接。執(zhí)行 JavaScript JavaScript 代碼或代碼或調(diào)用調(diào)用 JavaScript JavaScript 函數(shù)時顯得非常有用，單擊帶有函數(shù)時顯得非常有用，單擊帶有腳本鏈接的文本或?qū)ο螅梢赃\轉(zhuǎn)相應(yīng)的腳本及函數(shù)腳本鏈接的文本或?qū)ο?，可以運轉(zhuǎn)相應(yīng)的腳本及函數(shù)javascriptjavascript或或vbscriptvbscript等，能在不分開當前

18、網(wǎng)等，能在不分開當前網(wǎng)頁的情況下為訪問者提供有關(guān)某項的附加信息。腳本頁的情況下為訪問者提供有關(guān)某項的附加信息。腳本鏈接還可用于在訪問者選擇特定工程時，執(zhí)行計算、鏈接還可用于在訪問者選擇特定工程時，執(zhí)行計算、表單驗證和其它處置義務(wù)。表單驗證和其它處置義務(wù)。5.4超級鏈接的創(chuàng)建方法超級鏈接的創(chuàng)建方法1.1.運用屬性檢查器創(chuàng)建各種各樣的超級鏈接。運用屬性檢查器創(chuàng)建各種各樣的超級鏈接。 可以在屬性檢查器中鏈接后的文本框中直接輸入可以在屬性檢查器中鏈接后的文本框中直接輸入鏈接的途徑。鏈接的途徑。2.2.運用閱讀文件按鈕創(chuàng)建超級鏈接。運用閱讀文件按鈕創(chuàng)建超級鏈接。也可以單擊屬性面板中鏈接后的閱讀文件按鈕，

19、經(jīng)過也可以單擊屬性面板中鏈接后的閱讀文件按鈕，經(jīng)過選擇目的文件找到鏈接的途徑。這種方法要求鏈接的選擇目的文件找到鏈接的途徑。這種方法要求鏈接的目的在站點中存在。目的在站點中存在。5.4超級鏈接的創(chuàng)建方法超級鏈接的創(chuàng)建方法3.3.運用屬性檢查器的運用屬性檢查器的“指向文件圖標鏈接文檔、圖片、指向文件圖標鏈接文檔、圖片、多媒體文件、可下載軟件等。多媒體文件、可下載軟件等。 留意：運用這種方法創(chuàng)建超級鏈接時，鏈接的目的留意：運用這種方法創(chuàng)建超級鏈接時，鏈接的目的必需是站點中存在的資源圖片、文檔、多媒體、必需是站點中存在的資源圖片、文檔、多媒體、下載軟件、錨記等。下載軟件、錨記等。5.4超級鏈接的創(chuàng)建

20、方法超級鏈接的創(chuàng)建方法4.4.運用【超級鏈接】對話框創(chuàng)建超級鏈接，運用該方運用【超級鏈接】對話框創(chuàng)建超級鏈接，運用該方法主要用來創(chuàng)建文字超級鏈接。操作方式有下面法主要用來創(chuàng)建文字超級鏈接。操作方式有下面2 2種：種：選擇【插入】選擇【插入】| |【超級鏈接】命令【超級鏈接】命令在在“插入欄的插入欄的“常用類別中，單擊常用類別中，單擊“超級鏈接按鈕。超級鏈接按鈕。 然后在彈出的【超級鏈接】對話框中，設(shè)置相應(yīng)工然后在彈出的【超級鏈接】對話框中，設(shè)置相應(yīng)工程完成創(chuàng)建。程完成創(chuàng)建。其它創(chuàng)建超級鏈接的方法：其它創(chuàng)建超級鏈接的方法：直接插入代碼法直接插入代碼法快捷快拖動法快捷快拖動法站點地圖創(chuàng)建超級鏈接站

21、點地圖創(chuàng)建超級鏈接這兩種方法不再詳細講解了，請參閱所鏈接的相關(guān)視這兩種方法不再詳細講解了，請參閱所鏈接的相關(guān)視頻。頻。5.4超級鏈接的創(chuàng)建方法超級鏈接的創(chuàng)建方法5.5幾種特殊的超級鏈接的創(chuàng)建幾種特殊的超級鏈接的創(chuàng)建1.1.錨記鏈接錨記鏈接 錨記，也稱為書簽或錨點，用來標志文檔中的特定位錨記，也稱為書簽或錨點，用來標志文檔中的特定位置。置。 在網(wǎng)頁中創(chuàng)建錨記鏈接的步驟：在網(wǎng)頁中創(chuàng)建錨記鏈接的步驟：一是先在網(wǎng)頁中創(chuàng)建錨記一是先在網(wǎng)頁中創(chuàng)建錨記 如：如：a name =a name =“pmteatimepmteatime二是為已創(chuàng)建好的錨記建立鏈接。二是為已創(chuàng)建好的錨記建立鏈接。(a (a her

22、f=herf=“#pmteatime#pmteatime) )。5.5幾種特殊的超級鏈接的創(chuàng)建幾種特殊的超級鏈接的創(chuàng)建 1 1創(chuàng)建錨記創(chuàng)建錨記 操作思緒：將光標移到需求參與錨記的地方，單擊插操作思緒：將光標移到需求參與錨記的地方，單擊插入入“常用面板上的按鈕，或是選擇主窗口的菜單常用面板上的按鈕，或是選擇主窗口的菜單“插入插入| |“命名錨記命令，在彈出命名錨記命令，在彈出“命名錨記對命名錨記對話框中完成設(shè)置即可。話框中完成設(shè)置即可。 【注】：錨記建立后，假設(shè)看不到，請執(zhí)行查看【注】：錨記建立后，假設(shè)看不到，請執(zhí)行查看| |可可視化助理視化助理| |不可見元素菜單命令，顯示錨記標志。不可見元素

23、菜單命令，顯示錨記標志。5.5幾種特殊的超級鏈接的創(chuàng)建幾種特殊的超級鏈接的創(chuàng)建錨記的命名規(guī)那么：錨記的命名規(guī)那么： 只能運用字母和數(shù)字，錨記命名不支持中文。錨記只能運用字母和數(shù)字，錨記命名不支持中文。錨記稱號的第稱號的第1 1個字符最好是英文字母，普通不要以數(shù)個字符最好是英文字母，普通不要以數(shù)字作為錨記稱號的開頭。字作為錨記稱號的開頭。錨記稱號間不能含有空格，也不能含有特殊字符，錨記稱號間不能含有空格，也不能含有特殊字符，且稱號區(qū)別英文字母的大小寫。且稱號區(qū)別英文字母的大小寫。錨記不要放在層中。錨記不要放在層中。5.5幾種特殊的超級鏈接的創(chuàng)建幾種特殊的超級鏈接的創(chuàng)建2 2鏈接錨記鏈接錨記在同一

24、文檔中創(chuàng)建時，選擇想要鏈接到錨記的文字在同一文檔中創(chuàng)建時，選擇想要鏈接到錨記的文字或圖片，然后按如下方法中的恣意一種進展操作。或圖片，然后按如下方法中的恣意一種進展操作。 1 1在屬性面板上的在屬性面板上的“鏈接文本框中輸入符號鏈接文本框中輸入符號# # 和錨記稱號。和錨記稱號。2 2按住屬性面板上的按住屬性面板上的“指向文件按鈕，并拖動指向文件按鈕，并拖動鼠標指向錨記。鼠標指向錨記。3 3選擇文字或圖片后，按住選擇文字或圖片后，按住ShiftShift鍵，然后拖動鍵，然后拖動鼠標指向錨記。鼠標指向錨記。 5.5幾種特殊的超級鏈接的創(chuàng)建幾種特殊的超級鏈接的創(chuàng)建在鏈接錨記時，應(yīng)留意以下事項：在鏈

25、接錨記時，應(yīng)留意以下事項： 符號符號# #必需是半角符號；在必需是半角符號；在# #和錨記名之間不要留和錨記名之間不要留有空格，否那么鏈接會失敗。有空格，否那么鏈接會失敗。在不同文件夾中為錨記創(chuàng)建鏈按時，其文件名后在不同文件夾中為錨記創(chuàng)建鏈按時，其文件名后綴必定是綴必定是“.htm.htm，而不能寫成，而不能寫成“.html.html，否那么，否那么鏈接也會失敗。鏈接也會失敗。在不同文檔中創(chuàng)建時，在屬性面板上的在不同文檔中創(chuàng)建時，在屬性面板上的“鏈接文鏈接文本框中輸入符號本框中輸入符號“filename.htm# filename.htm# 錨記稱號。錨記稱號。5.5幾種特殊的超級鏈接的創(chuàng)建幾

26、種特殊的超級鏈接的創(chuàng)建2.2.給圖像熱區(qū)加上超級鏈接：就是把圖像中事先創(chuàng)給圖像熱區(qū)加上超級鏈接：就是把圖像中事先創(chuàng)建好的熱區(qū)作為超級鏈接的載體，創(chuàng)建超級鏈接。建好的熱區(qū)作為超級鏈接的載體，創(chuàng)建超級鏈接。3.3.軟件下載超級鏈接：把相關(guān)的下載軟件作為鏈接軟件下載超級鏈接：把相關(guān)的下載軟件作為鏈接的目的。的目的。5.5幾種特殊的超級鏈接的創(chuàng)建幾種特殊的超級鏈接的創(chuàng)建4.4.創(chuàng)建電子郵件超鏈接創(chuàng)建電子郵件超鏈接 創(chuàng)建電子郵件鏈接的有創(chuàng)建電子郵件鏈接的有2 2中方法：中方法：1 1將光標置于網(wǎng)頁中要添加鏈接的地方，或選中文將光標置于網(wǎng)頁中要添加鏈接的地方，或選中文字，經(jīng)過插入字，經(jīng)過插入“常用面板上的

27、常用面板上的“電子郵件鏈接按電子郵件鏈接按鈕，或經(jīng)過主窗口菜單鈕，或經(jīng)過主窗口菜單“插入插入| |“電子郵件鏈接命電子郵件鏈接命令，將彈出令，將彈出 “電子郵件鏈接對話框。完成該對話電子郵件鏈接對話框。完成該對話框的設(shè)置即可。框的設(shè)置即可。5.5幾種特殊的超級鏈接的創(chuàng)建幾種特殊的超級鏈接的創(chuàng)建2 2在屬性面板的鏈接文本框中直接輸入在屬性面板的鏈接文本框中直接輸入“mailtomailto：地址可。地址可。 留意：在冒號和電子郵件地址之間不能有任何空白字留意：在冒號和電子郵件地址之間不能有任何空白字符符5.5幾種特殊的超級鏈接的創(chuàng)建幾種特殊的超級鏈接的創(chuàng)建5.5.創(chuàng)建空鏈接創(chuàng)建空鏈接 為文本建立

28、空鏈接時，只需先在文檔窗口選定文本，為文本建立空鏈接時，只需先在文檔窗口選定文本，然后在屬性面板中的然后在屬性面板中的“鏈接欄中輸入一個數(shù)值符鏈接欄中輸入一個數(shù)值符“# # 或或“javascriptjavascript：；即可創(chuàng)建一個空鏈接。單：；即可創(chuàng)建一個空鏈接。單擊運用擊運用“# #產(chǎn)生的空鏈接時，某些閱讀器能夠跳到產(chǎn)生的空鏈接時，某些閱讀器能夠跳到頁的頂部；單擊運用頁的頂部；單擊運用 “javascriptjavascript：；創(chuàng)建的空：；創(chuàng)建的空鏈接時不會產(chǎn)生任何效果；鏈接時不會產(chǎn)生任何效果；【注】：創(chuàng)建空鏈接時，這里的冒號與分號不能省略?！咀ⅰ浚簞?chuàng)建空鏈接時，這里的冒號與分號不

29、能省略。為文本建立空鏈接的目的就是為了運用行為。當鏈為文本建立空鏈接的目的就是為了運用行為。當鏈接載體不是文本時，不需添加空鏈接就可以運用行接載體不是文本時，不需添加空鏈接就可以運用行為。為。 6. 6.創(chuàng)建腳本鏈接創(chuàng)建腳本鏈接1 1創(chuàng)建彈出對話框的腳本鏈接，詳細操作：創(chuàng)建彈出對話框的腳本鏈接，詳細操作： 在在“文檔窗口的文檔窗口的“設(shè)計視圖中選擇文本、圖像設(shè)計視圖中選擇文本、圖像或?qū)ο?。或?qū)ο蟆?在屬性檢查器的在屬性檢查器的“鏈接文本框中，鍵入鏈接文本框中，鍵入“ javascript javascript：，后面跟一些：，后面跟一些 JavaScript JavaScript 代代碼或函數(shù)

30、調(diào)用。例如，在碼或函數(shù)調(diào)用。例如，在“鏈接文本框中鍵入鏈接文本框中鍵入 javascript:alert(javascript:alert(This link goes to the This link goes to the indexindex) ) 即生成這樣一個鏈接。即生成這樣一個鏈接。單擊該鏈接時，會顯示一個含有單擊該鏈接時，會顯示一個含有“This link goes to This link goes to the indexthe index音訊的音訊的 JavaScript JavaScript 警告框。警告框。音訊的詳細內(nèi)容也可以是中文。音訊的詳細內(nèi)容也可以是中文?！咀ⅰ浚?/p>

31、由于在【注】：由于在 HTML HTML 中中 JavaScript JavaScript 代碼作為代碼作為 href href 屬性的值放在雙引號中，所以在腳本代碼中必需運屬性的值放在雙引號中，所以在腳本代碼中必需運用英文的單引號。用英文的單引號。2 2創(chuàng)建收藏網(wǎng)站的腳本鏈接創(chuàng)建收藏網(wǎng)站的腳本鏈接 javascript:window.external.addfavorite(javascript:window.external.addfavorite(, ,搜搜狐主頁狐主頁) )，其中第一個參數(shù)是網(wǎng)址，第二個參數(shù)是，其中第一個參數(shù)是網(wǎng)址，第二個參數(shù)是顯示在收藏夾中的餓菜單項。顯示在收藏夾中的

32、餓菜單項。3 3封鎖網(wǎng)頁窗口的腳本鏈接：封鎖網(wǎng)頁窗口的腳本鏈接： Javascript:window.close() Javascript:window.close()5.65.6網(wǎng)站的鏈接構(gòu)造網(wǎng)站的鏈接構(gòu)造網(wǎng)站的鏈接構(gòu)造是指頁面網(wǎng)站之間相互鏈接的網(wǎng)站的鏈接構(gòu)造是指頁面網(wǎng)站之間相互鏈接的拓撲構(gòu)造，主要有拓撲構(gòu)造，主要有2 2種根本的鏈接構(gòu)造。種根本的鏈接構(gòu)造。5.65.6網(wǎng)站的鏈接構(gòu)造網(wǎng)站的鏈接構(gòu)造1.1.樹狀鏈接：類似樹狀鏈接：類似DOSDOS下的下的子目錄。子目錄。優(yōu)點：一級級進入、一級優(yōu)點：一級級進入、一級級退出，條理明晰，訪問級退出，條理明晰，訪問者明確知道本人在什么位者明確知道本人在

33、什么位置，閱讀者不容易迷路。置，閱讀者不容易迷路。缺陷：閱讀效率低，一個缺陷：閱讀效率低，一個欄目下的主頁面到另一個欄目下的主頁面到另一個欄目下的主頁面必需求竟欄目下的主頁面必需求竟主頁面。主頁面。2.2.星狀鏈接構(gòu)造，類似網(wǎng)絡(luò)效力器的鏈接。星狀鏈接構(gòu)造，類似網(wǎng)絡(luò)效力器的鏈接。優(yōu)點：隨時可以到達閱讀者喜歡的頁面。優(yōu)點：隨時可以到達閱讀者喜歡的頁面。缺陷：鏈接太多、容易使閱讀者迷路缺陷：鏈接太多、容易使閱讀者迷路. . 總結(jié)：上述用法都不好，實踐中最好將二者結(jié)合起總結(jié)：上述用法都不好，實踐中最好將二者結(jié)合起來運用。用如下的構(gòu)造：來運用。用如下的構(gòu)造：本節(jié)總結(jié)本節(jié)總結(jié) 要合理設(shè)置頁面的鏈接要合理設(shè)

34、置頁面的鏈接 ，尤其是導航鏈接，尤其是導航鏈接，使網(wǎng)站中一切的頁面相通。在設(shè)置各個頁面使網(wǎng)站中一切的頁面相通。在設(shè)置各個頁面的鏈接時，最好先在一張白紙上畫出各個頁的鏈接時，最好先在一張白紙上畫出各個頁面之間的鏈接關(guān)系，然后從整體上察看鏈接面之間的鏈接關(guān)系，然后從整體上察看鏈接 的整體邏輯能否合理和規(guī)范，整個網(wǎng)站中能的整體邏輯能否合理和規(guī)范，整個網(wǎng)站中能否有否有“死胡同類型的鏈接和反復鏈接死胡同類型的鏈接和反復鏈接 。 采用什么構(gòu)造的鏈接會直接影響到網(wǎng)頁的規(guī)采用什么構(gòu)造的鏈接會直接影響到網(wǎng)頁的規(guī)劃。建議劃。建議 ： 防止孤立文件所謂孤立文件并不是指沒有用防止孤立文件所謂孤立文件并不是指沒有用的文

35、件，而是指沒有與其他網(wǎng)頁發(fā)生鏈接的的文件，而是指沒有與其他網(wǎng)頁發(fā)生鏈接的文件的存在文件的存在 ；在網(wǎng)頁中防止運用過多的超鏈接在網(wǎng)頁中防止運用過多的超鏈接 ；網(wǎng)頁中的超鏈接不要超越網(wǎng)頁中的超鏈接不要超越4 4層層 ；頁面較長時可以運用錨記鏈接；頁面較長時可以運用錨記鏈接； 設(shè)置主頁或上一層的鏈接。設(shè)置主頁或上一層的鏈接。5.75.7超級鏈接的根本操作超級鏈接的根本操作自動更新鏈接自動更新鏈接“編輯編輯- -“首選參數(shù)首選參數(shù)- -常常規(guī)規(guī) 在站點地圖中修正鏈接在站點地圖中修正鏈接( (更改、刪除、翻開更改、刪除、翻開鏈接源鏈接源) ) 在文件面板中直接拖動文件或文在文件面板中直接拖動文件或文件夾

36、以實現(xiàn)挪動操位件夾以實現(xiàn)挪動操位, ,挪動時由于文件或文挪動時由于文件或文件夾的位置發(fā)生了變化件夾的位置發(fā)生了變化, ,導致相關(guān)銜接也發(fā)導致相關(guān)銜接也發(fā)生了相應(yīng)變化生了相應(yīng)變化, ,留意更新銜接。留意更新銜接。在整個站點范圍內(nèi)更改鏈接選擇【站點】在整個站點范圍內(nèi)更改鏈接選擇【站點】| |【更改整個站點鏈接】，出現(xiàn)【更改整個【更改整個站點鏈接】，出現(xiàn)【更改整個站點鏈接】對話框站點鏈接】對話框 。檢查超級鏈接。檢查超級鏈接修復斷開的鏈接修復斷開的鏈接 ( (在鏈接檢查器面板在鏈接檢查器面板/ /屬性屬性檢查器中進展修復檢查器中進展修復. .在在 Dreamweaver Dreamweaver 中翻

37、開鏈接的文檔中翻開鏈接的文檔 修正修正翻開銜接指向的頁面翻開銜接指向的頁面按主按主ctrlctrl鍵雙擊選中的銜接鍵雙擊選中的銜接5.85.8在網(wǎng)頁中創(chuàng)建導航條在網(wǎng)頁中創(chuàng)建導航條 一個網(wǎng)站根據(jù)鏈接確定多個頁面之間的導航關(guān)一個網(wǎng)站根據(jù)鏈接確定多個頁面之間的導航關(guān)系。其中設(shè)置導航條圖像用于更改導航條的系。其中設(shè)置導航條圖像用于更改導航條的行為?？捎么诵袨閷D像在導航條上的顯示行為。可用此行為對圖像在導航條上的顯示方式進展自定義。例如，當鼠標指針滑過部方式進展自定義。例如，當鼠標指針滑過部分導航條時，導航條或文檔中其它圖像的顯分導航條時，導航條或文檔中其它圖像的顯示內(nèi)容會改動。示內(nèi)容會改動。 導航條

38、由圖像或圖像組組成，這些圖像的顯導航條由圖像或圖像組組成，這些圖像的顯示內(nèi)容隨用戶操作而變化。導航條通常提供示內(nèi)容隨用戶操作而變化。導航條通常提供一種在站點上的頁面和文件之間挪動的捷徑。一種在站點上的頁面和文件之間挪動的捷徑。導航條工程有四種形狀：導航條工程有四種形狀：普通：用戶尚沒單擊或尚沒與此工程交互時所顯示的普通：用戶尚沒單擊或尚沒與此工程交互時所顯示的圖像。圖像。 例如，此形狀下的工程看上去似乎還未被例如，此形狀下的工程看上去似乎還未被點擊。點擊?；^：當鼠標指針移到滑過：當鼠標指針移到“普通圖像上時所顯示的圖普通圖像上時所顯示的圖像。工程的外觀發(fā)生變化例如變得更亮，以便像。工程的外觀

39、發(fā)生變化例如變得更亮，以便讓用戶知道可與之進展交互。讓用戶知道可與之進展交互。按下：指工程被單擊后所顯示的圖像。例如，用戶按下：指工程被單擊后所顯示的圖像。例如，用戶單擊某工程后，翻開一個新的頁面，而導航條中被單擊某工程后，翻開一個新的頁面，而導航條中被單擊的工程變暗，表示它曾被選擇過。單擊的工程變暗，表示它曾被選擇過。按下時鼠標經(jīng)過：指在工程被單擊后，鼠標指按下時鼠標經(jīng)過：指在工程被單擊后，鼠標指針滑過針滑過“按下圖像時，所顯示的圖像。例如，按下圖像時，所顯示的圖像。例如，工程變淡或變灰。此形狀可作為一個給用戶的工程變淡或變灰。此形狀可作為一個給用戶的可視提示，通知他們在站點的這一部分，此工

40、可視提示，通知他們在站點的這一部分，此工程不能再被單擊。程不能再被單擊?！咀ⅰ浚簩Ш綏l圖像的這四種形狀不用全都設(shè)【注】：導航條圖像的這四種形狀不用全都設(shè)置；通常只選用置；通常只選用“普通和普通和“按下這兩種形狀。按下這兩種形狀。 創(chuàng)建導航條的操作如下：在文檔設(shè)計視圖中，創(chuàng)建導航條的操作如下：在文檔設(shè)計視圖中，選擇【插入】選擇【插入】| |【圖像對象】【圖像對象】| |【導航條】命令，【導航條】命令，或者在【插入】欄的【常用】選項卡中，選擇或者在【插入】欄的【常用】選項卡中，選擇【圖像】圖標按鈕組中的【插入導航條】按鈕【圖像】圖標按鈕組中的【插入導航條】按鈕選項，翻開插入導航條對話框，按要求完成對選項，翻開插入導航條對話框，按要求完成對話框即可。話框即可。 插入與修正導航條插入與修正導航條、插入：挪動光標到需、插入：挪動光標到需 要導航條的地方，利用菜要導航條的地方，利用菜單欄單欄 或按鈕均可?；虬粹o均可。、修正：修正導航條、修正：修正導航條、Us