Dreamweaver中怎樣制作超鏈接
超鏈接大家都知道吧,就是你點到的話會直接彈出另一個鏈接的頁面。這是很有用的推廣手段之一。下面是小編為大家?guī)淼年P(guān)于Dreamweaver中怎樣制作超鏈接的知識,歡迎閱讀。
【頁面之間的超級連接】
在網(wǎng)頁中,單擊了某些圖片、有下劃線或有明示鏈接的文字就會跳轉(zhuǎn)到相應(yīng)的網(wǎng)頁中去。
1、在網(wǎng)頁中選中要做超級鏈接的文字或者圖片。
2、在屬性面板中單擊黃色文件夾圖標(biāo),在彈出的對話框里選中相應(yīng)的'網(wǎng)頁文件就完成了。做好超級鏈接屬性面板出現(xiàn)鏈接文件顯示。
3、按F12預(yù)覽網(wǎng)頁。在瀏覽器里光標(biāo)移到超級鏈接的地方就會變成手型。
〖提示〗你也可以手工在鏈接輸入框中輸入地址。給圖片加上超級鏈接的方法和文字完全相同。
如果超級鏈接指向的不是一個網(wǎng)頁文件。而是其他文件例如zip、exe文件等等,單擊鏈接的時候就會下載文件。
超級鏈接也可以直接指向地址而不是一個文件,那么單擊鏈接直接跳轉(zhuǎn)到相應(yīng)的地址。例如,在鏈接框里寫上那么,單擊鏈接就可以跳轉(zhuǎn)到老小孩網(wǎng)站。
【郵件地址的超級連接】
在網(wǎng)頁制作中,還經(jīng)常看到這樣的一些超級鏈接。單擊了以后,會彈出郵件發(fā)送程序,聯(lián)系人的地址也已經(jīng)填寫好了。這也是一種超級鏈接。制作方法是:在編輯狀態(tài)下,先選定要鏈接的圖片或文字(比如:歡迎您來信賜教!),在插入欄點
或點插入菜單選“電子郵件鏈接”彈出如下對話框,填入E-Mail地址即可。
提示:還可以選中圖片或者文字,直接在屬性面板鏈接框中填寫“mailto:郵件地址”。
創(chuàng)建完成后,保存頁面,按F12預(yù)覽網(wǎng)頁效果。
【制作圖片上的超級鏈接】
注意,我們這里所說的圖片上的超級鏈接是指在一張圖片上實現(xiàn)多個局部區(qū)域指向不同的網(wǎng)頁鏈接。比如一張中國地圖的圖片,單擊了不同的省跳轉(zhuǎn)到不同的網(wǎng)頁?牲c的區(qū)域就是熱區(qū)。為了演示制作效果下面的中國地圖我加了一些鏈接,你可以用鼠標(biāo)測試。鼠標(biāo)移動到省份的熱區(qū),會顯示提示,如果有預(yù)先設(shè)置的網(wǎng)站,點擊會進(jìn)入對方的網(wǎng)站。
【制作方法】
1、首先插入圖片。單擊圖片,用展開的屬性面板上的繪圖工具在畫面上繪制熱區(qū)。
2、屬性面板改換為熱點面板如圖:鏈接輸入框:填入相應(yīng)的鏈接。替代框:填入你的提示文字說明。目標(biāo)框:不作選擇則默認(rèn)在新瀏覽器窗口打開。
3、保存頁面, 按F12預(yù)覽,用鼠標(biāo)在設(shè)置的熱區(qū)檢驗效果。
提示:對于復(fù)雜的熱區(qū)圖形我們可以直接選擇多邊形工具來進(jìn)行描畫。替代框填寫了說明文字以后,光標(biāo)移上熱區(qū)就會顯示出相應(yīng)的說明文字。
超級鏈接屬性面板中的目標(biāo)選項。
“目標(biāo)”我們稱它為目標(biāo)區(qū)。也就是超級鏈接指向的頁面出現(xiàn)在什么目標(biāo)區(qū)域。默認(rèn)的情況下域中總有四個選項。
、賍blank :單擊鏈接以后,指向頁面出現(xiàn)在新窗口中。
、赺parent:用指向頁面替換他外面所在的框架結(jié)構(gòu)。
③_self: 將連接頁面顯示在當(dāng)前框架中。
、躝top: 跳出所有框架,頁面直接出現(xiàn)在瀏覽器中。
【小結(jié)】本節(jié)教程主要探討創(chuàng)建頁面的鏈接。
1、內(nèi)部鏈接:鏈接到本站點的其他文檔。
2、外部鏈接:鏈接到本站點以外的其他文檔。
3、E-Mail鏈接:單擊該鏈接,可以打開瀏覽者的郵件系統(tǒng)。
4、圖片熱區(qū)鏈接:使你的鏈接更靈活更有個性。
【Dreamweaver中怎樣制作超鏈接】相關(guān)文章:
淺談Dreamweaver超鏈接08-02
Dreamweaver怎樣制作網(wǎng)頁模板10-04
Dreamweaver解決網(wǎng)頁制作中的空格問題09-26
dreamweaver表格制作步驟07-30
制作dreamweaver的技巧07-29
最新DreamWeaver線框制作介紹07-23