DreamweaverCS5網(wǎng)頁設計與制作根底教程第6章網(wǎng)頁中超級鏈接的應用6.1認識超鏈接6.1.1什么是超鏈接6.1.2內(nèi)部、外部與腳本鏈接6.1.3常見的超鏈接6.1.1什么是超鏈接超鏈接由源端點和目標端點兩局部組成，其中設置了鏈接的一端稱為源端點，跳轉(zhuǎn)到的頁面或?qū)ο蠓Q為鏈接的目標端點，同樣，可以說超級鏈接是網(wǎng)頁中最重要、最根本的元素之一。6.1.2內(nèi)部、外部與腳本鏈接內(nèi)部超鏈接是指目標端點位于站點內(nèi)部的超鏈接。外部超鏈接是指目標端點位于其他網(wǎng)站中，通過它可跳轉(zhuǎn)到其他網(wǎng)站的超鏈接。腳本鏈接就是通過腳本控制鏈接。6.1.3常見的超鏈接根據(jù)超級鏈接的鏈接路徑，通常情況下將超級鏈接分為三種：一種是絕對URL超鏈接，也稱為絕對路徑。第二種是相對URL的超鏈接，又稱為相對路徑。第三種超鏈接為同一網(wǎng)頁內(nèi)的超鏈接。6.2關于鏈接路徑6.2.1絕對路徑6.2.2相對路徑6.2.3根路徑6.2.1絕對路徑絕對路徑提供所鏈接文檔的完整URL，而且包括所使用的協(xié)議，例如：就是一個絕對路徑。6.2.2相對路徑文檔相對路徑對于大多數(shù)Web站點的本地鏈接，是最適用的路徑，在當前文檔與所鏈接的文檔處于同一文件夾內(nèi)，而且可能保持這種狀態(tài)的情況下，文檔相對路徑特別有用。6.2.3根路徑站點根目錄相對路徑提供從站點的根文件夾到文檔的路徑，如果在處理使用多個效勞器的大型Web站點，或者在使用承載有多個不同站點的效勞器，那么可能需要使用這些類型的路徑，如果不熟悉此類型的路徑，最好堅持使用文檔相對路徑。6.3創(chuàng)立超級鏈接的方法使用【屬性】面板創(chuàng)立鏈接使用指向文件圖標創(chuàng)立鏈接使用菜單創(chuàng)立鏈接使用【屬性】面板創(chuàng)立鏈接首先，選擇準備創(chuàng)立鏈接的對象，在菜單欄中，選擇【窗口】→【屬性】菜單項，在【屬性】面板【鏈接】后面的文本框中，輸入準備鏈接的路徑，即可完成使用【屬性】面板創(chuàng)立鏈接的操作。使用指向文件圖標創(chuàng)立鏈接首先，選擇準備創(chuàng)立鏈接的對象，在菜單欄中，選擇【窗口】→【屬性】菜單項，在【屬性】面板中，單擊【指向文件】按鈕，單擊并拖動到站點窗口的目標文件上，釋放鼠標左鍵即可完成創(chuàng)立鏈接的操作。使用菜單創(chuàng)立鏈接首先，選中準備創(chuàng)立鏈接的文本，選擇【插入】→【超級鏈接】菜單項，彈出【超級鏈接】對話框，在【鏈接】文本框中輸入鏈接的目標，或者單擊【鏈接】文本框，選擇相應的鏈接目標，單擊【確定】按鈕，即可完成使用菜單創(chuàng)立鏈接的操作。6.4創(chuàng)立各種類型的鏈接6.4.1創(chuàng)立文本超鏈接6.4.2圖像熱點鏈接6.4.3創(chuàng)立E-mail鏈接6.4.4創(chuàng)立錨記鏈接6.4.5創(chuàng)立空鏈接6.4.6創(chuàng)立腳本鏈接6.4.1創(chuàng)立文本超鏈接啟動DreamweaverCS5，在菜單欄中，選擇【文件】→【翻開】菜單項，翻開素材文件。展開【屬性】面板，在面板中，選擇【鏈接】文本框右側(cè)的【瀏覽文件】按鈕。彈出【選擇文件】對話框，選擇準備插入的文件，單擊【確定】按鈕。保存文檔，按下鍵盤上的【F12】鍵，即可在瀏覽器中預覽到網(wǎng)頁的效果。6.4.2圖像熱點鏈接首先，要選擇準備插入的圖像，然后在【屬性】面板中，選擇【鏈接】文本框右側(cè)的【瀏覽文件】按鈕，彈出【選擇文件】對話框，選擇準備插入的圖像，單擊【確定】按鈕，保存文檔，按下鍵盤上的【F12】鍵，即可在瀏覽器中預覽到網(wǎng)頁的效果。6.4.3創(chuàng)立E-mail鏈接啟動DreamweaverCS5，在菜單欄中，選擇【文件】→【翻開】菜單項，翻開素材文件。將鼠標光標放置在頁面準備插入E-mail鏈接的位置，在菜單欄中，選擇【插入】→【電子郵件鏈接】菜單項。彈出【電子郵件鏈接】對話框，在【文本】文本框中輸入文本，在【電子郵件】文本框中輸入電子郵件，單擊【確定】按鈕。保存文檔，按下鍵盤上的【F12】鍵，即可在瀏覽器中預覽到網(wǎng)頁的效果。6.4.4創(chuàng)立錨記鏈接首先需要將鼠標光標定位于準備要插入錨記的位置，在菜單欄中，選擇【插入】→【命名錨記】菜單項，彈出【命名錨記】對話框，在【錨記名稱】文本框中輸入錨記的名稱，單擊【確定】按鈕，即可完成創(chuàng)立錨記的操作。6.4.5創(chuàng)立空鏈接啟動DreamweaverCS5，在菜單欄中，選擇【文件】→【翻開】菜單項，翻開素材文件。選中準備添加鏈接的文本對象，在屬性面板的【鏈接】文本框中輸入半角狀態(tài)下的【#】。按鍵盤上的【Enter】鍵，即可完成文本空鏈接的創(chuàng)立。6.4.6創(chuàng)立腳本鏈接啟動DreamweaverCS5，在菜單欄中，選擇【文件】→【翻開】菜單項，翻開素材文件。在【屬性】面板的【鏈接】文本框中輸入“javascript：window.close()〞。保存文檔，按下鍵盤上的【F12】鍵，即可在瀏覽器中預覽到效果，單擊【關閉】超文本鏈接，會彈出提示對話框，單擊【是】按鈕，即可關閉網(wǎng)頁。6.5管理超級鏈接自動更新鏈接在站點范圍內(nèi)更改鏈接檢查站點中的鏈接錯誤自動更新鏈接每當在本地站點內(nèi)移動或重命名文檔時，Dreamweaver都可更新起自以及指向該文檔的鏈接，在將整個站點〔或其中完全獨立的一個局部〕存儲在本地磁盤上時，此項功能最適用，Dreamweaver不更改遠程文件夾中的文件，除非將這些本地文件放在或者存回到遠程效勞器上。在站點范圍內(nèi)更改鏈接啟動DreamweaverCS5，在【文件】面板中，在【本地文件】區(qū)域中選擇一個文件。在菜單欄中，選擇【站點】→【改變站點范圍的鏈接】菜單項。彈出【更改整個站點鏈接】對話框，在【變成新鏈接】文本框中，輸入準備準備鏈接的文件，單擊【確定】按鈕，即可完成在站點范圍內(nèi)更改鏈接