Dreamweaver 4 簡明教學(六、建立超級連結)

作者：Eve Cole 更新時間：2009-05-30 18:35:55

六、建立超級鏈接

超級連結（Link），簡稱鏈接，是頁面與頁面之間一個單向的關聯關係。透過點擊鏈接，我們可以從一個頁面跳到另一個頁面。我們可以在文字、圖片建立連結。

1、文字連結

在頁面中選取需要建立連結的文字，如下圖：

在屬性面板的Link一項，填寫連結位址，當瀏覽者點擊該連結的時候，瀏覽器就回跳到該頁面，例如這裡填寫的是：http://www.goeway.com

如果你希望該頁面是在一個新視窗中打開，可以在Target中選擇「_balnk」。
如果要連結到網站內的文件，可以點擊

：

上圖中，我們是將文字連結到index2.htm這個文件，特別注意的是最底的Relative To的選項，意思是選擇相對路徑的形式，預設是Document，也可以選擇Site Root，差別在於，Document是指相對路徑是從本頁開始計算，而Site Root是從根目錄開始計算（即「/」），如下圖：

另外，如果使用Site Root的模式做成的鏈接，在本地硬碟直接打開頁面瀏覽通常會出錯，但在Dreamweaver的預瀏覽模式和上傳上伺服器後，都不會有問題。
2、圖片連結

圖片連結的建立過程與文字連結相似，就不多作介紹了。但特別要提出的是，某些圖片，加上連結後，會出現一個藍色的邊框，要將邊框去掉，將Border設為0即可。

3、熱區鏈接

前面介紹的圖片鏈接，一張圖只能對應一個鏈接，能不能一張圖對應多個鏈接呢？答案是可以的，選取一張圖片後，可以在屬性面板看到Map選項：

其中：

建立矩形熱區，

建立原形熱區，

建立多邊形熱區。例如我們現在點，遊標變成一個十字，此時可以在圖片上畫出一個藍色矩形的熱區：

此時對應的屬性面板為：

同樣地，在Link輸入連結位址（「#」表示一個空連結），而Alt則為當滑鼠指向熱區時所顯示的文字，與圖片的Alt相似。我們可以透過

選擇不同的熱區，並透過調整熱區四個角落的控制點調整熱度的大小。透過熱區，我們可以在猩猩的眼睛做一個鏈接，同時又在嘴巴上做一個鏈接，分別鏈接到不同的頁面。
關於連結的提示

1.如果要連結到一個E-mail地址，則在Link處填寫：“mailto:地址”，例如mailto:[email protected]，那麼點擊該連結的時候，就回打開預設的E-mail程序，例如Outlook，發送E-mail到[email protected]這個位址。

2.如果連結到瀏覽器無法開啟的文件，例如exe、Zip等文件，那麼瀏覽者在點擊這個連結的時候，就會彈出對話框，詢問是將文件儲存到硬碟的什麼地方，這就實現了文件下載的功能。