- Dreamweaver制作超鏈接方法步驟 推薦度：
- 相關(guān)推薦
Dreamweaver制作超鏈接方法
超鏈接大家都知道吧，就是你點(diǎn)到的話會(huì)直接彈出另一個(gè)鏈接的頁面。這是很有用的推廣手段之一。今天教大家如何制作超鏈接的方法。本教程主要講的有：頁面之間的超連接，郵件地址的超連接，制作圖片上的超鏈接。有需要的過來學(xué)習(xí)下。
【頁面之間的超級(jí)連接】
在網(wǎng)頁中，單擊了某些圖片、有下劃線或有明示鏈接的文字就會(huì)跳轉(zhuǎn)到相應(yīng)的網(wǎng)頁中去。
1、在網(wǎng)頁中選中要做超級(jí)鏈接的文字或者圖片。
2、在屬性面板中單擊黃色文件夾圖標(biāo)，在彈出的對(duì)話框里選中相應(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)插入菜單選“電子郵件鏈接”彈出如下對(duì)話框，填入E-Mail地址即可。
提示：還可以選中圖片或者文字，直接在屬性面板鏈接框中填寫“mailto：郵件地址”。
(如下圖)
創(chuàng)建完成后，保存頁面，按F12預(yù)覽網(wǎng)頁效果。
【制作圖片上的超級(jí)鏈接】
注意，我們這里所說的圖片上的超級(jí)鏈接是指在一張圖片上實(shí)現(xiàn)多個(gè)局部區(qū)域指向不同的網(wǎng)頁鏈接。比如一張中國(guó)地圖的圖片，單擊了不同的省跳轉(zhuǎn)到不同的網(wǎng)頁。可點(diǎn)的區(qū)域就是熱區(qū)。為了演示制作效果下面的中國(guó)地圖我加了一些鏈接，你可以用鼠標(biāo)測(cè)試。鼠標(biāo)移動(dòng)到省份的熱區(qū)，會(huì)顯示提示，如果有預(yù)先設(shè)置的網(wǎng)站，點(diǎn)擊會(huì)進(jìn)入對(duì)方的網(wǎng)站。
【制作方法】
1、首先插入圖片。單擊圖片，用展開的屬性面板上的繪圖工具在畫面上繪制熱區(qū)。
2、屬性面板改換為熱點(diǎn)面板如圖：鏈接輸入框：填入相應(yīng)的鏈接。替代框：填入你的提示文字說明。目標(biāo)框：不作選擇則默認(rèn)在新瀏覽器窗口打開。
3、保存頁面， 按F12預(yù)覽，用鼠標(biāo)在設(shè)置的熱區(qū)檢驗(yàn)效果。
提示：對(duì)于復(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 ：?jiǎn)螕翩溄右院螅赶蝽撁娉霈F(xiàn)在新窗口中。
②_parent：用指向頁面替換他外面所在的框架結(jié)構(gòu)。
③_self： 將連接頁面顯示在當(dāng)前框架中。
④_top： 跳出所有框架，頁面直接出現(xiàn)在瀏覽器中。
【小結(jié)】本節(jié)教程主要探討創(chuàng)建頁面的鏈接。
1、內(nèi)部鏈接：鏈接到本站點(diǎn)的其他文檔。
2、外部鏈接：鏈接到本站點(diǎn)以外的其他文檔。
3、E-Mail鏈接：?jiǎn)螕粼撴溄樱梢源蜷_瀏覽者的郵件系統(tǒng)。
4、圖片熱區(qū)鏈接：使你的鏈接更靈活更有個(gè)性。
【Dreamweaver制作超鏈接方法】相關(guān)文章：
Dreamweaver制作超鏈接方法步驟06-08
dreamweaver添加超鏈接的方法09-08
Dreamweaver中怎樣制作超鏈接07-27
Dreamweaver中如何制作超鏈接10-29