Dreamweaver製作超連結方法

超連結大家都知道吧，就是你點到的話會直接彈出另一個連結的頁面。這是很有用的推廣手段之一。今天教大家如何製作超連結的方法。本教程主要講的有：頁面之間的超連線，郵件地址的超連線，製作圖片上的超連結。有需要的過來學習下。

　　【頁面之間的超級連線】

在網頁中，單擊了某些圖片、有下劃線或有明示連結的文字就會跳轉到相應的網頁中去。

1、在網頁中選中要做超級連結的文字或者圖片。

2、在屬性面板中單擊黃色資料夾圖示，在彈出的對話方塊裡選中相應的網頁檔案就完成了。做好超級連結屬性面板出現連結檔案顯示。(如下圖)

3、按F12預覽網頁。在瀏覽器裡游標移到超級連結的地方就會變成手型。

〖提示〗你也可以手工在連結輸入框中輸入地址。給圖片加上超級連結的方法和文字完全相同。

如果超級連結指向的不是一個網頁檔案。而是其他檔案例如zip、exe檔案等等，單擊連結的時候就會下載檔案。

超級連結也可以直接指向地址而不是一個檔案，那麼單擊連結直接跳轉到相應的.地址。例如，在連結框裡寫上/那麼，單擊連結就可以跳轉到老小孩網站。

【郵件地址的超級連線】

在網頁製作中，還經常看到這樣的一些超級連結。單擊了以後，會彈出郵件傳送程式，聯絡人的地址也已經填寫好了。這也是一種超級連結。製作方法是：在編輯狀態下，先選定要連結的圖片或文字(比如：歡迎您來信賜教!)，在插入欄點或點插入選單選“電子郵件連結”彈出如下對話方塊，填入E-Mail地址即可。

提示：還可以選中圖片或者文字，直接在屬性面板連結框中填寫“mailto：郵件地址”。

(如下圖)

建立完成後，儲存頁面，按F12預覽網頁效果。

【製作圖片上的超級連結】

注意，我們這裡所說的圖片上的超級連結是指在一張圖片上實現多個區域性區域指向不同的網頁連結。比如一張中國地圖的圖片，單擊了不同的省跳轉到不同的網頁。可點的區域就是熱區。為了演示製作效果下面的中國地圖我加了一些連結，你可以用滑鼠測試。滑鼠移動到省份的熱區，會顯示提示，如果有預先設定的網站，點選會進入對方的網站。

　　【製作方法】

1、首先插入圖片。單擊圖片，用展開的屬性面板上的繪圖工具在畫面上繪製熱區。

2、屬性面板改換為熱點面板如圖：連結輸入框：填入相應的連結。替代框：填入你的提示文字說明。目標框：不作選擇則預設在新瀏覽器視窗開啟。

3、儲存頁面， 按F12預覽，用滑鼠在設定的熱區檢驗效果。

提示：對於複雜的熱區圖形我們可以直接選擇多邊形工具來進行描畫。替代框填寫了說明文字以後，游標移上熱區就會顯示出相應的說明文字。

超級連結屬性面板中的目標選項。

“目標”我們稱它為目標區。也就是超級連結指向的頁面出現在什麼目標區域。預設的情況下域中總有四個選項。

①_blank ：單擊連結以後，指向頁面出現在新視窗中。

②_parent：用指向頁面替換他外面所在的框架結構。

③_self： 將連線頁面顯示在當前框架中。

④_top： 跳出所有框架，頁面直接出現在瀏覽器中。

　　【小結】本節教程主要探討建立頁面的連結。

1、內部連結：連結到本站點的其他文件。

2、外部連結：連結到本站點以外的其他文件。

3、E-Mail連結：單擊該連結，可以開啟瀏覽者的郵件系統。

4、圖片熱區連結：使你的連結更靈活更有個性。