網(wǎng)頁中的超級鏈接.ppt

《網(wǎng)頁中的超級鏈接.ppt》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁中的超級鏈接.ppt（69頁珍藏版）》請在裝配圖網(wǎng)上搜索。

第6章網(wǎng)頁中的超級鏈接,在主頁制作中，大家對鏈接的作用并不陌生，可以這樣說，鏈接是主頁的靈魂是網(wǎng)頁的核心。有了它，就能夠輕而易舉地實現(xiàn)互聯(lián)網(wǎng)上的信息訪問、資源共享。在此，作為超文本標(biāo)記語言（HTML）可以鏈接到其他的網(wǎng)頁、圖像、多媒體、電子郵件地址、可下載的文件等?？梢哉f只要瀏覽器能夠顯示的內(nèi)容，都可以從一個HTML文件中得到。我們只所以能在網(wǎng)絡(luò)世界恣意暢游，頁面之間的鏈接功不可沒。而對于網(wǎng)頁制作者來說，鏈接看似簡單卻并不容易。本章對網(wǎng)頁中的鏈接進行一個綜合的介紹，以期讓大家對它有一個全面而深入的理解。對于鏈接在HTML中的寫法，在這里就不作過多講解，有興趣的讀者可參考有關(guān)資料學(xué)習(xí)。,6.1超級鏈接概述,超級鏈接在通過網(wǎng)頁瀏覽獲取信息中有如此重要的作用，所以要想實現(xiàn)一個科學(xué)合理的鏈接，就應(yīng)學(xué)習(xí)超級鏈接的相關(guān)知識并熟練掌握實現(xiàn)的技術(shù)。,6.1.1超級鏈接的定義,所謂的超鏈接是指從一個網(wǎng)頁指向一個目標(biāo)的連接關(guān)系，這個目標(biāo)可以是另一個網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個圖片、一個電子郵件地址、一個文件，甚至是一個應(yīng)用程序。能合理、協(xié)調(diào)地把網(wǎng)站中的各個元素以及網(wǎng)站中的頁面通過超級鏈接構(gòu)成了一個有機整體，使瀏覽者能快速地訪問到想要訪問的頁面。超鏈接由源端點和目標(biāo)端點兩部分組成，其中設(shè)置了鏈接的一端稱為源端點，跳轉(zhuǎn)到的頁面或?qū)ο蠓Q為鏈接的目標(biāo)端點，同樣，超級鏈接也是網(wǎng)頁中最重要、最基本的元素之一。而在一個網(wǎng)頁中用來作超鏈接的對象，可以是一段文本或者是一個圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類型來打開或運行。,6.1.2超鏈接的類型,1.根據(jù)超鏈接的鏈接路徑分通常情況下將超鏈接分為以下三種：（1）絕對URL超鏈接也稱為絕對路徑。頁面之間的鏈接是用統(tǒng)一資源定位符URL(UnitedResourceLocation)來表示。（2）相對URL的超鏈接，又稱為相對路徑。（3）同一網(wǎng)頁的超鏈接。,2.根據(jù)超鏈接目標(biāo)位置的不同分（1）內(nèi)部鏈接：指在同一站點內(nèi)部，不同頁面之間的超鏈接。（2）錨記鏈接：網(wǎng)頁內(nèi)部的鏈接。通常情況下，錨記鏈接用于鏈接到網(wǎng)頁內(nèi)部某個特定的位置。（3）外部鏈接：站點外部的鏈接，是網(wǎng)頁與因特網(wǎng)中某個目標(biāo)網(wǎng)頁的鏈接。（4）E-mail鏈接：指鏈接到電子郵箱的鏈接。單擊該鏈接可以用于發(fā)送電子郵件。（5）可執(zhí)行文件鏈接：通常又稱為下載鏈接，單擊該鏈接可以運行可執(zhí)行文件，可以用于下載文件或或在線運行可執(zhí)行文件。超鏈接源與目標(biāo)路徑概括如圖6-1所示。,,,,圖6-1鏈接源與目標(biāo)路徑,6.1.3內(nèi)部、外部與腳本鏈接,常規(guī)的鏈接包括內(nèi)部超鏈接、外部超鏈接和腳本鏈接。下面介紹各個鏈接的操作方法。3.腳本超鏈接就是通過腳本的方法來控制鏈接。其主要用來執(zhí)行計算、表單驗證和其他處理。1.內(nèi)部超鏈接內(nèi)部超鏈接是指目標(biāo)端點內(nèi)部的超鏈接，其設(shè)置非常靈活。,6.2關(guān)于鏈接路徑,鏈接是有路徑的，深入理解路徑的含意，根據(jù)網(wǎng)站的不同需要選擇不同的路徑，對創(chuàng)建網(wǎng)站非常重要。,6.2.1絕對路徑,絕對路徑提供鏈接文檔的完整的URL，包括所使用的協(xié)議，比如對于Web頁來說，通常使用http:/，其中http（HypertextTransferProtocol）就超文本傳輸協(xié)議。例如，http://www.xawl.org/cms/data/html/doc/2012-12/21/25126/index.html就是一個絕對路徑。盡管本地鏈接（即到同一站點文檔的鏈接）也可以使用絕對路徑鏈接，但最好不要采用這種方式，因為一旦將此站點移動到其它域，則所有本地絕對路徑鏈接都將斷開。絕對路徑也會出現(xiàn)在尚未保存的網(wǎng)頁上，在沒有保存的網(wǎng)頁上插入圖像或添加鏈接，Dreamweaver會暫時使用絕對路徑。當(dāng)插入圖像（非鏈接）時，如果使用圖像的絕對路徑，而圖像又駐留在遠(yuǎn)程服務(wù)器而不在本地硬盤驅(qū)動器上，則將無法在文檔窗口中查看該圖像，此時，必須在瀏覽器中預(yù)覽該文檔才能看到，只要情況允許，對于圖像，就要使用文檔或站點根目錄相對路徑。,6.2.2相對路徑,文檔的相對路徑，例如data/html/doc/2012-12/21/25126/index.html。相對路徑對于絕大多數(shù)Web站點的本地鏈接，是最全適的路徑。相對路徑還可以需要站點內(nèi)移動文件時，提供更大的靈活性。在當(dāng)前文檔與所要鏈接的文檔處于同一文件夾內(nèi)，而且在繼續(xù)保持這種狀態(tài)的情況下，文檔相對路徑非常有用。文檔相對路徑還可以用來鏈接到其他文件夾中的文檔，方法是利用文件夾層次結(jié)構(gòu)，指定從當(dāng)前文檔所鏈接的文檔的路徑。文檔相對路徑，是省略掉了當(dāng)前文檔和所鏈接的文檔都相同的絕對URL部分，而只提供不同的路徑部分。如圖6-2所示我們建立的一個站點的內(nèi)部結(jié)構(gòu)。,圖6-2站點結(jié)構(gòu),如果成組移動一組文件，例如移動整個文件夾時，該文件夾內(nèi)所有文件保持彼此間的相對路徑不變，此時不需要更新文件間的文檔相對鏈接。如果，移動含有文檔相對鏈接的單個文件或者移動文檔相對鏈接到的單個文件時，則必須更新這些鏈接,6.2.3根路徑,站點根目錄相對路徑，例如/cms/data/html/doc/2012-12/21/25126/index.html。即緊跟在網(wǎng)站域名后。站點根目錄相對路徑提供從站點的根文件夾到文檔的路徑，在處理使用多個服務(wù)器的大型Web站點，或者在承載有多個不同站點的服務(wù)器，則可能需要使用這個類型的路徑，如果不太熟悉這個類型的路徑，最好使用文檔相對路徑為妥。站點根目錄相對路徑以一個正斜扛“/”開始，正斜扛表示站點根文件夾。比如/lwjun/index.html是文件index.html的站點根目錄相對路徑，該文件位于站點根文件夾的lwjun子文件夾中。在有些Web站點中，需要經(jīng)常在不同文件夾之間移動HTML文件，在這種情況下，站點根目錄相對路徑通常是指定鏈接的最佳方法。如果移動或重命名根目錄相對鏈接所鏈接的文檔，即使文檔彼此之間的相對路徑?jīng)]有改變，仍必須更新這些鏈接。例如，如果移動某個文件夾，則指向該文件夾中文件的所有根目錄相對鏈接都必須更新。,6.3創(chuàng)建超鏈接的技術(shù)方法,創(chuàng)建超鏈接的方法并不復(fù)雜，主要有使用“屬性”面板創(chuàng)建超鏈接、使用指向文件圖標(biāo)創(chuàng)建鏈接和使用菜單創(chuàng)建鏈接，下面這些方法作一介紹。,6.3.1使用“屬性”面板創(chuàng)建超鏈接,首先，在網(wǎng)頁中選擇準(zhǔn)備創(chuàng)建鏈接的對象，在菜單欄中，選擇“窗口”→“屬性”菜單項，在“屬性”面板“鏈接”后面的文本框中，輸入準(zhǔn)備鏈接的路徑，即可完成使用“屬性”面板創(chuàng)建鏈接的操作。如圖6-3所示。,圖6-3“屬性”面板,6.3.2使用指向文件圖標(biāo)創(chuàng)建鏈接,首先，在網(wǎng)頁中選擇準(zhǔn)備創(chuàng)建鏈接的對象，在菜單欄中，選擇“窗口”→“屬性”菜單項，在“屬性”面板中，單擊“指向文件”按鈕，單擊并拖動到站點窗口的目標(biāo)文件上，釋放鼠標(biāo)左鍵即可完成創(chuàng)建鏈接的操作。如圖6-4所示。,圖6-4圖標(biāo)創(chuàng)建鏈接,6.3.3使用菜單創(chuàng)建鏈接,首先，在網(wǎng)頁中選擇準(zhǔn)備創(chuàng)建鏈接的文本，選擇“插入”→“超級鏈接”菜單項，彈出“超級鏈接”對話框，在“鏈接”文本框中輸入鏈接的目標(biāo)，或者單擊“鏈接”文本框，選擇相應(yīng)的鏈接目標(biāo)，單擊“確定”按鈕，即可完成使用菜單創(chuàng)建鏈接的操作。如圖6-5（a）、（b）所示,圖6-5菜單操作,圖6-5創(chuàng)建鏈接,（a）,（b）,6.4各種類型鏈接的創(chuàng)建,在網(wǎng)頁中常見的超鏈接主要包括文本超鏈接、圖像超鏈接、E-mail鏈接、錨鏈接、空鏈接、腳本鏈接等。,6.4.1創(chuàng)建文本超鏈接,文本超鏈接是網(wǎng)頁文件中最常用的鏈接，單擊文本鏈接將激發(fā)文本鏈接所連接的文件，使用文本鏈接創(chuàng)建連接的文件對象可以是網(wǎng)頁、圖像等。（1）啟動DreamweaverCS5，打開或建立一個網(wǎng)頁。打開如圖5-6所示的網(wǎng)站頁面。,圖5-6創(chuàng)建鏈接的網(wǎng)頁頁面,實現(xiàn)通過單擊網(wǎng)頁中的文本“3.大雁塔”實現(xiàn)網(wǎng)頁跳轉(zhuǎn)相應(yīng)的內(nèi)容網(wǎng)頁。實現(xiàn)方法如下：（1）在網(wǎng)頁中選擇“3.大雁塔”文本，如圖6-5所示。（2）除了可以通過上節(jié)所講的超鏈接方法來實現(xiàn)外，可以通過“插入”面板的操作方式來實現(xiàn)。如圖5-6所示。,圖5-6“插入”面板,圖5-7超鏈接設(shè)置,（3）在單擊如圖5-6所示的“插入”→“常用”→“超級鏈接”彈出如圖5-7所示“超級鏈接”對話框。在相應(yīng)的網(wǎng)站中選擇要鏈接的文件（如網(wǎng)頁），本例選擇的是“旅游景點”網(wǎng)頁文件。并進行相應(yīng)的設(shè)置。目標(biāo)：定義瀏覽器在打開目標(biāo)的文檔或目錄時的方式，在框架網(wǎng)頁中，用戶可以將某個框架前的ID作為鏈接的目標(biāo)，定義在該框架中打開鏈接。默認(rèn)有4種目標(biāo)與文本的“屬性”檢查器中的的目標(biāo)類型相同。經(jīng)過設(shè)置會看到“屬性”面板會發(fā)生相應(yīng)的變化，當(dāng)然也可以在屬性面板完成相應(yīng)設(shè)置。如圖6-8所示。,圖6-8“屬性”面板變化,經(jīng)過設(shè)置確認(rèn)后，鏈接文本顯示會出現(xiàn)如圖6-9所示的效果。一般還可以對鏈接后的文本的顯示顏色等進行設(shè)置，在下節(jié)講,圖6-9鏈接文本顯示變化,（4）按F12鍵運行，在瀏覽頁面中，單擊已經(jīng)設(shè)置的鏈接文本。跳轉(zhuǎn)到如圖6-9所示的頁面，可看到相應(yīng)的內(nèi)容。,圖6-9鏈接打開的目標(biāo)頁面,6.4.2文本鏈接的狀態(tài),文本在鏈接后的狀態(tài)可以通過設(shè)置鏈接的顏色來表示，文本鏈接一般有3種狀態(tài)：未單擊的狀態(tài)。即在鼠標(biāo)未單擊時的默認(rèn)狀態(tài)。單擊后的狀態(tài)。即在鼠標(biāo)單擊鏈接后的狀態(tài)。鼠標(biāo)懸浮在文本鏈接上的狀態(tài)。下面對三種狀態(tài)的設(shè)置作一介紹。（1）先打開或建立一個網(wǎng)頁。（2）在網(wǎng)頁中設(shè)置一個文本（“西安”）超鏈接，如圖6-10所示。,圖6-10設(shè)置超鏈接,圖6-11“屬性”面板設(shè)置,（3）在如圖6-11所示的“屬性”面板中，單擊“頁面屬性”按鈕。（4）在彈出的“頁面屬性”對話框中，選擇“分類”列表下的“鏈接（CSS）”選項，如圖6-12所示。,圖6-12頁面屬性設(shè)置,（5）在該對話框中，可對鏈接文本進行設(shè)置，更改“鏈接顏色”、“變換圖像鏈接”和“已訪問鏈接”顏色以及“下劃線樣式”的設(shè)置。如圖6-13所示。在確定后，在網(wǎng)頁編輯窗口中，原來鏈接文本“西安”由藍(lán)色變成了紅色。,圖6-13設(shè)置實現(xiàn),（6）保存文檔。按F12鍵，可在瀏覽窗口觀察相應(yīng)的操作效果：當(dāng)鼠標(biāo)停留到鏈接文本時，變成綠色，如圖6-14所示。當(dāng)鼠標(biāo)單擊鏈接文本時變成紫色；當(dāng)單擊完成鏈接后，變成所設(shè)置的淺黃色。,,,,,圖6-14瀏覽效果圖,6.4.3下載文件鏈接,大家在上網(wǎng)時，經(jīng)常會遇到下載文件鏈接，單擊它會彈出一個下載提示框，下載鏈接在軟件下載網(wǎng)站和源代碼下載網(wǎng)站中應(yīng)用的比較多，下載鏈接的創(chuàng)建方式和一般的鏈接創(chuàng)建方法基本相同，只是所鏈接的內(nèi)容是一個軟件文件或者壓縮文件，而不是圖像或者網(wǎng)頁。如圖6-15所示，是在本機安裝了相關(guān)的下載工具，單擊下載鏈接后常出現(xiàn)的下載界面,在網(wǎng)站中創(chuàng)建下載鏈接的方法如下：（1）打開或新建一個網(wǎng)頁，在網(wǎng)頁中輸入并選中要創(chuàng)建鏈接的文本，如圖6-16所示,圖6-16創(chuàng)建鏈接文本,（2）在“屬性”面板單擊“指向文件”按鈕，并拖動至如圖6-17所示的“本地文件”中要下載的文件上，當(dāng)釋放后就會創(chuàng)建文本與下載文件之間的鏈接，如圖6-17所示。在“屬性”面板的“鏈接”文本框中就會出現(xiàn)鏈接文件名，同時鏈接文本顏色會發(fā)生變化。,圖6-17下載鏈接創(chuàng)建,（3）保存網(wǎng)頁。按F12運行網(wǎng)頁，如圖6-18所示。（4）單擊“單擊此處”，彈出如圖6-19的文件下載對話（5）然后將文件“保存”到相應(yīng)的存儲器中。,圖6-18網(wǎng)頁瀏覽頁面,圖6-19文件下載,6.4.4創(chuàng)建電子郵件鏈接,電子郵件鏈接是網(wǎng)頁中經(jīng)常用到的一種方法，單擊電子郵電鏈接對象，不是跳轉(zhuǎn)到一個相應(yīng)的頁面或下載文件頁面。而是自動啟動計算機上默認(rèn)的電子郵件收發(fā)軟件，比如常見的OutlookExpress等，其作用是方便網(wǎng)頁瀏覽者書寫電子郵件，并發(fā)送到指定的用戶信箱中去。但是對于Windows7操作系統(tǒng)來說，它并沒有安裝默認(rèn)的郵件收發(fā)客戶端，需要用戶自己下載并安裝郵件客戶端，并將其設(shè)置為默認(rèn)的電子郵電收發(fā)客戶端。下面簡要介紹一下創(chuàng)建的過程。,（1）打開或創(chuàng)建一個網(wǎng)頁。如圖6-20所示。,圖6-20創(chuàng)建的網(wǎng)頁,（2）選中網(wǎng)頁中的文本，選擇“插入”→“電子郵件鏈接”彈出，如圖6-22所示的電子郵件鏈接對話框。,圖6-21郵電鏈接菜單,（3）在如圖6-22中的“電子郵件”文本框中填寫電子郵件的地址。（4）保存網(wǎng)頁。并在瀏覽器中運行，效果如圖6-23所示。（5）單擊瀏覽頁面中的“請單擊此處”，出現(xiàn)郵件發(fā)送界面，輸入相應(yīng)信息發(fā)送郵件,圖6-22郵電鏈接設(shè)置,圖6-23瀏覽器顯示效果,6.5圖像超鏈接,在瀏覽網(wǎng)頁時，網(wǎng)頁上經(jīng)常會有以圖像方式來實現(xiàn)鏈接的，尤其是以廣告或產(chǎn)品介紹應(yīng)用最為廣泛，比如在購物網(wǎng)站上，其產(chǎn)品往往是以圖片的方式顯示的，當(dāng)單擊該圖片時就會彈出相應(yīng)介紹或購買的網(wǎng)頁及其內(nèi)容。,6.5.1圖像超鏈接,圖像超鏈接與文本超鏈接的實現(xiàn)方法基本相同，實際只要將超鏈接的文本換成圖像就是了，簡單介紹如下：（1）打開如圖6-24所示頁面,圖6-24圖像鏈接設(shè)置,（2）選中網(wǎng)頁中的圖像，在“屬性”面板中的“鏈接”如前所講的相似方式設(shè)置鏈接文件，同時也可對圖像本身進行相應(yīng)處理。（3）保存網(wǎng)頁。按F12鍵運行。效果如圖6-25所示。,圖6-25瀏覽效果,6.5.2鼠標(biāo)經(jīng)過圖像鏈接,在瀏覽網(wǎng)頁時，經(jīng)常能夠發(fā)現(xiàn)當(dāng)鼠標(biāo)經(jīng)過一個圖像時，這幅圖像就會變成另一幅圖像，但當(dāng)鼠標(biāo)離開時則又恢復(fù)為原來的圖像，這樣的設(shè)計對提高了網(wǎng)頁的動態(tài)變化效果，提高瀏覽者的注意力和興趣都有非常好的效果。出現(xiàn)這種鏈接的效果，并不復(fù)雜，實際上它是由兩幅圖像組成的，即有主圖像（首次加載頁面時顯示的圖像）和次圖像（鼠標(biāo)指針經(jīng)過主圖時顯示的圖像）。但應(yīng)當(dāng)注意的是這兩個圖像的大小應(yīng)當(dāng)相等，如果兩個圖像的大小不同時，Dreamweaver就會將第二個圖像的大小調(diào)整為和第一張圖像相匹配的大小。具體操作如下：（1）在所建立的網(wǎng)站不準(zhǔn)備好兩幅大小相等的圖像。,（2）在網(wǎng)站中新建一個網(wǎng)頁，并進行相應(yīng)的菜單操作，如圖6-26所示。,圖6-26操作菜單,（2）在彈出的如圖6-27所示對話框中，分別單擊“原始圖像”、“鼠標(biāo)經(jīng)過圖像”文本框后的“瀏覽”分別選擇相對應(yīng)的圖像文件,,圖6-27鼠標(biāo)經(jīng)過圖像設(shè)置,（3）確定后，會在頁面中出現(xiàn)類似與運行瀏覽（如圖6-28）所示效果。,圖6-28插入圖像效果,（4）在瀏覽狀態(tài)下，當(dāng)鼠標(biāo)移動到如圖6-28所示圖像時就會出現(xiàn)如圖6-29所示的效果,圖6-29交替效果,6.5.3創(chuàng)建錨記鏈接,創(chuàng)建命名錨記（簡稱錨點）就是在文檔中設(shè)置位置標(biāo)簽，并給該位置設(shè)置一個名稱，以便引用。通過創(chuàng)建錨點，可以使鏈接指向當(dāng)前文檔或者不同文檔中的指定位置。錨點常常被用來實現(xiàn)到特定的主題或者文檔頂部的跳轉(zhuǎn)鏈接，使訪問者能夠快速瀏覽到選定的位置，加快信息檢索速度。創(chuàng)建錨點鏈接，要設(shè)置一個命名錨點，該命名錨點就是鏈接目標(biāo)。操作如下：,（1）打開或新一個網(wǎng)頁。如圖6-30所示，將定鼠標(biāo)定位在網(wǎng)頁中第一行文本的起始位置，選擇“插入”→“命名錨記”。,圖6-30錨記命令操作,（2）在如圖6-31所示的“命名錨記”對話框的“錨記名稱”文本框中輸入“錨記”名稱。（3）在輸入名稱確定后，在網(wǎng)頁鼠標(biāo)定位位置出現(xiàn)如圖6-32所示的錨記標(biāo)志。,圖6-31命令錨記對話框,圖6-32錨記標(biāo)記,（4）然后選擇如圖6-33網(wǎng)頁中的文本，如“反回頂部”，并在“屬性”面板的“鏈接”文本框中輸入“#（英文半角下輸入）錨記”后，按回車鍵即刻鏈接設(shè)置。,圖6-33創(chuàng)建錨記鏈接,（5）保存網(wǎng)頁。按F12鍵，在瀏覽頁面中，單擊“反回頂部”，網(wǎng)頁中內(nèi)容會自動移動到錨記標(biāo)志所定位的行，如本網(wǎng)頁中的第一行。這種通過錨記鏈接的方式實現(xiàn)在網(wǎng)頁中的跳轉(zhuǎn)在瀏覽的網(wǎng)頁比較長內(nèi)容比較多的情況下非常方便。,圖6-34瀏覽效果,6.5.4創(chuàng)建空鏈接,所謂的空鏈接，就是指未指定對象的鏈接，用來向頁面中的對象或文本附加行為，可用來設(shè)置空鏈接的對象包括：文本、圖像、熱點鏈接等。實現(xiàn)方法如下：（1）打開或創(chuàng)建一個網(wǎng)頁，如圖6-35所示。,圖6-35空鏈接設(shè)置,（2）在“屬性”面板的“鏈接”文本框中輸入“#”，然后按回車鍵即可。（3）保存頁面文件。按F12鍵運行，在瀏覽的頁面中單擊鏈接文本，不發(fā)生任何跳轉(zhuǎn)行為。,6.5.5創(chuàng)建腳本鏈接,一般腳本鏈接可用來執(zhí)行計算、表單驗證和其他處理。下面介紹下腳本鏈接的實現(xiàn)方法。（1）打開或創(chuàng)建一個網(wǎng)頁文件，如圖3-36所示，選擇鏈接文本“關(guān)閉”，在“屬性”面板的“鏈接”文本框中輸入“javascript:window.close()”，然后按回車鍵。,圖6-36腳本鏈接設(shè)置,（2）保存網(wǎng)頁文件。按F12鍵運行，在瀏覽器單擊“關(guān)閉”會彈出如圖6-37所示的對話框。如果單擊“是”則關(guān)閉瀏覽網(wǎng)頁窗口。,圖6-37實現(xiàn)瀏覽效果,6.6管理超鏈接,前面各節(jié)主要講了如何建立各種超鏈接，在DreamweaverCS5中，可以實現(xiàn)對超鏈接的管理，即可以對超鏈接進行檢查或自動更新鏈接。,6.6.1自動更新鏈接,每當(dāng)在本地站點內(nèi)移動或重命名文檔時，Dreamweaver都可更新起自以及指向該文檔的鏈接，在將整個站點或其中完全獨立的一個部分存儲在本地磁盤上時，此項功能最適用，Dreamweaver不更改遠(yuǎn)程文件夾中的文件，除非將這些本地文件放在或者存回到遠(yuǎn)程服務(wù)器上。為了加快更新過程，在Dreamweaver中可創(chuàng)建一個緩存文件，用來存儲本地文件夾中所有鏈接的信息，在添加、更改或刪除本地站點上的鏈接時，該緩存文件以不見的方式進行更新。下面具本來介紹。,在已經(jīng)打開或新的DreamweaverCS5窗口中，選擇“編輯”→“首選參數(shù)”命令，則彈出“首選參數(shù)”對話框，如圖6-38所示。,圖6-38首選參數(shù)操作,“分類”列表框中選擇“常規(guī)”選項，在“文檔選項”區(qū)域中單擊展開“移動文件時更新鏈接”的下拉按鈕，選擇不同的選項，即進入不同的設(shè)置。各稱其參數(shù)如下：總是：每當(dāng)移動或重命名選定文檔時，自動更新起自和指向該文檔的所有鏈接。從不：移動或重命名選定文檔時，不自動更新起自和指向該文檔的所有鏈接。提示：顯示一個對話框，列出此更改影響到的所有文件。單擊“更新”按鈕可更新這些文件中的鏈接，在單擊“不更新”按鈕時將保留原文件不變。,6.6.2在站點范圍內(nèi)更改鏈接,除了當(dāng)移動或重命名文件時通過Dreamweaver自動更改鏈接以外，還可以通過手動的方式更改所有鏈接，比如電子郵件、FTP鏈接、腳本鏈接和空鏈接，從而使其指向其他位置。下面對方法作一介紹。（1）在打開的網(wǎng)頁文件窗口的“文件”面板的“本地文件”區(qū)域中選擇一個文件，如圖6-39所示。,圖6-39選擇網(wǎng)頁文件,（2）在菜單欄選擇“站點”→“改變站點范圍的鏈接”命令，如圖6-40所示。,圖6-40選擇命令操作,（2）在彈出的“更改所有的鏈接”對話框的“變成新鏈接”文本框，輸入或通過瀏覽選擇準(zhǔn)備鏈接的文件。如圖6-41所示。,圖6-40輸入選擇鏈接文件,6.6.3檢查站點中的鏈接錯誤,在DreamweaverCS5中，還可以對站點中的鏈接的錯誤進行檢查，通過檢查鏈接的錯誤，保證網(wǎng)頁設(shè)計的正確性，對于大型的鏈接非常多的復(fù)雜網(wǎng)站來說，鏈接的正確性、合理性對一個網(wǎng)站的使用效果來說尤為重要，為了避免在設(shè)計過程中出現(xiàn)鏈接上的錯誤或者不合理，在實現(xiàn)鏈接之前，應(yīng)當(dāng)先對整個網(wǎng)站鏈接進行設(shè)計，比如選擇哪種鏈接方法。最好是預(yù)先畫出文檔之間鏈接關(guān)系圖，這樣會一目了然，減少鏈接錯誤。下面介紹檢查站點中的鏈接錯誤的操作方法。,（1）打開可新建一個網(wǎng)頁文件。選擇菜單“站點”→“檢查站點范圍的鏈接”命令。如圖6-41所示。,圖6-41檢查站點菜單,（2）在彈出如圖6-42所示的“鏈接檢查器”面板，在“顯示”選項中包括斷掉的鏈接、外部鏈接和孤立的文件3個選項，單擊其中任何一項就可以檢查相應(yīng)的信息。,圖6-42鏈接檢查,（3）若要關(guān)閉“鏈接檢查器”面板，可單擊按鈕，在彈出的菜單中選擇“關(guān)閉標(biāo)簽組”即可。如圖6-43所示。,圖6-43關(guān)閉標(biāo)簽組,小結(jié),Dreamweaver的重要功能之一就是網(wǎng)站中的超級鏈接，它是網(wǎng)站必不可少的組成部分，本章比較詳細(xì)地介紹了超級鏈接的相關(guān)概念和實現(xiàn)超級鏈接方法。同時對文本鏈接、郵件鏈接、圖像鏈接、腳本鏈接、熱點鏈接、錨記鏈接等作了介紹，作為學(xué)習(xí)者對這些超鏈接的操作一定認(rèn)真學(xué)習(xí)和掌握。,