Dreamweaver制作超鏈接方法

時(shí)間：2025-08-30 09:13:09 網(wǎng)頁設(shè)計(jì)

Dreamweaver制作超鏈接方法

　　超鏈接大家都知道吧，就是你點(diǎn)到的話會(huì)直接彈出另一個(gè)鏈接的頁面。這是很有用的推廣手段之一。今天教大家如何制作超鏈接的方法。本教程主要講的有：頁面之間的超連接，郵件地址的超連接，制作圖片上的超鏈接。有需要的過來學(xué)習(xí)下。

　　【頁面之間的超級(jí)連接】

　　在網(wǎng)頁中，單擊了某些圖片、有下劃線或有明示鏈接的文字就會(huì)跳轉(zhuǎn)到相應(yīng)的網(wǎng)頁中去。

　　1、在網(wǎng)頁中選中要做超級(jí)鏈接的文字或者圖片。

　　2、在屬性面板中單擊黃色文件夾圖標(biāo)，在彈出的對話框里選中相應(yīng)的網(wǎng)頁文件就完成了。做好超級(jí)鏈接屬性面板出現(xiàn)鏈接文件顯示。(如下圖)

　　3、按F12預(yù)覽網(wǎng)頁。在瀏覽器里光標(biāo)移到超級(jí)鏈接的地方就會(huì)變成手型。

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

　　如果超級(jí)鏈接指向的不是一個(gè)網(wǎng)頁文件。而是其他文件例如zip、exe文件等等，單擊鏈接的時(shí)候就會(huì)下載文件。

　　超級(jí)鏈接也可以直接指向地址而不是一個(gè)文件，那么單擊鏈接直接跳轉(zhuǎn)到相應(yīng)的地址。例如，在鏈接框里寫上/那么，單擊鏈接就可以跳轉(zhuǎn)到老小孩網(wǎng)站。

　　【郵件地址的超級(jí)連接】

　　在網(wǎng)頁制作中，還經(jīng)�？吹竭@樣的一些超級(jí)鏈接。單擊了以后，會(huì)彈出郵件發(fā)送程序，聯(lián)系人的地址也已經(jīng)填寫好了。這也是一種超級(jí)鏈接。制作方法是：在編輯狀態(tài)下，先選定要鏈接的圖片或文字(比如：歡迎您來信賜教!)，在插入欄點(diǎn)或點(diǎn)插入菜單選“電子郵件鏈接”彈出如下對話框，填入E-Mail地址即可。

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

　　(如下圖)

　　創(chuàng)建完成后，保存頁面，按F12預(yù)覽網(wǎng)頁效果。

　　【制作圖片上的超級(jí)鏈接】

　　注意，我們這里所說的圖片上的超級(jí)鏈接是指在一張圖片上實(shí)現(xiàn)多個(gè)局部區(qū)域指向不同的網(wǎng)頁鏈接。比如一張中國地圖的圖片，單擊了不同的省跳轉(zhuǎn)到不同的網(wǎng)頁�？牲c(diǎn)的區(qū)域就是熱區(qū)。為了演示制作效果下面的中國地圖我加了一些鏈接，你可以用鼠標(biāo)測試。鼠標(biāo)移動(dòng)到省份的熱區(qū)，會(huì)顯示提示，如果有預(yù)先設(shè)置的網(wǎng)站，點(diǎn)擊會(huì)進(jìn)入對方的網(wǎng)站。

　　【制作方法】

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

　　2、屬性面板改換為熱點(diǎn)面板如圖：鏈接輸入框：填入相應(yīng)的鏈接。替代框：填入你的提示文字說明。目標(biāo)框：不作選擇則默認(rèn)在新瀏覽器窗口打開。

　　3、保存頁面，按F12預(yù)覽，用鼠標(biāo)在設(shè)置的熱區(qū)檢驗(yàn)效果。

　　提示：對于復(fù)雜的熱區(qū)圖形我們可以直接選擇多邊形工具來進(jìn)行描畫。替代框填寫了說明文字以后，光標(biāo)移上熱區(qū)就會(huì)顯示出相應(yīng)的說明文字。

　　超級(jí)鏈接屬性面板中的目標(biāo)選項(xiàng)。

　　“目標(biāo)”我們稱它為目標(biāo)區(qū)。也就是超級(jí)鏈接指向的頁面出現(xiàn)在什么目標(biāo)區(qū)域。默認(rèn)的情況下域中總有四個(gè)選項(xiàng)。

　�、賍blank ：單擊鏈接以后，指向頁面出現(xiàn)在新窗口中。

　　②_parent：用指向頁面替換他外面所在的框架結(jié)構(gòu)。

　�、踎self：將連接頁面顯示在當(dāng)前框架中。

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

　　【小結(jié)】本節(jié)教程主要探討創(chuàng)建頁面的鏈接。