DreamweaverMX技巧之超連結

在經過前面幾個部分的操作之後，我們的網頁已經圖文並茂，具有相當的效果了，但是這對於網頁來說還不夠，為了網站中的眾多網頁能夠成為一個有機的整體，必須將各個網頁通過超連結方式聯繫起來，這樣才能夠讓流覽者在不同的頁面之間跳轉。

　　一、連結圖片和文字

　　為一些文字或者圖片建立連結非常方便，只要用滑鼠選中需要變成連結的圖片或者文字，然後在屬性面板的“Link”輸入框中輸入需要跳轉的目標頁面位址，或者按下輸入框旁邊的資料夾圖示來選擇需要跳轉的檔。除此之外，Dreamweaver MX 2004還提供了一種通過網站視窗來快速連結檔的方法。

　　第一步：首先運行“Site→Manage Sites”命令，並且從彈出功能表中選擇一個已經創建好的網站，此時可以在右部看見彈出的網站管理視窗。

　　第二步：在編輯區選中文字或者圖片，直接拖拽屬性面板中“Link”輸入框旁邊的圓形標靶圖示，這時將出現一個箭頭，當箭頭指向網站管理器中的某一個檔時，檔周圍會出現一個方框（如圖1）。

　　圖1

　　第三步：鬆開滑鼠之後，選中的文字下部就會出現底線，同時單詞的顏色變成藍色，而且“Link”輸入框中也會自動顯示目的檔案的位址。

　　提示：在建立連結的時候需要注意URL的兩種方式。1．絕對位址：例如www．abc．com/test．htm；2．相對地址：比如download/1．htm，說明頁面1．htm在伺服器的根目錄中。

　　二、在一張圖片上設定多個連結

　　有些網頁在一張大圖片上做了多個連結，這樣訪問者可以通過點擊圖片的不同位置進入不同的頁面，這是應用了圖像熱區域的概念，我們可以參照下述步驟實現。

　　第一步：在Dreamweaver MX 2004中可以先選中圖像，此時可以在圖像屬性面板上看見一個“Map”區域，在其下方有三個淡藍色的工具圖示，即矩形、圓形和多邊形。