Dreamweaver網(wǎng)頁(yè)制作教程:超級(jí)鏈接_Dreamweaver教程
超級(jí)鏈接
作為網(wǎng)站肯定有很多的頁(yè)面,假如頁(yè)面之間彼此是獨(dú)立的,那么網(wǎng)頁(yè)就好比是孤島,這樣的網(wǎng)站是無(wú)法運(yùn)行的。為了建立起網(wǎng)頁(yè)之間的聯(lián)系我們必須使用超級(jí)鏈接。稱(chēng)“超級(jí)鏈接”,是因?yàn)樗裁炊寄苕溄樱纾壕W(wǎng)頁(yè)、下載文件、網(wǎng)站地址、郵件地址……等等。下邊我們就來(lái)討論怎樣在網(wǎng)頁(yè)中創(chuàng)建超級(jí)鏈接。
【頁(yè)面之間的超級(jí)連接】
在網(wǎng)頁(yè)中,單擊了某些圖片、有下劃線或有明示鏈接的文字就會(huì)跳轉(zhuǎn)到相應(yīng)的網(wǎng)頁(yè)中去。
1、在網(wǎng)頁(yè)中選中要做超級(jí)鏈接的文字或者圖片。
2、在屬性面板中單擊黃色文件夾圖標(biāo),在彈出的對(duì)話框里選中相應(yīng)的網(wǎng)頁(yè)文件就完成了。做好超級(jí)鏈接屬性面板出現(xiàn)鏈接文件顯示。(如下圖)

3、按F12預(yù)覽網(wǎng)頁(yè)。在瀏覽器里光標(biāo)移到超級(jí)鏈接的地方就會(huì)變成手型。
〖提示〗你也可以手工在鏈接輸入框中輸入地址。給圖片加上超級(jí)鏈接的方法和文字完全相同。
假如超級(jí)鏈接指向的不是一個(gè)網(wǎng)頁(yè)文件。而是其他文件例如zip、exe文件等等,單擊鏈接的時(shí)候就會(huì)下載文件。
超級(jí)鏈接也可以直接指向地址而不是一個(gè)文件,那么單擊鏈接直接跳轉(zhuǎn)到相應(yīng)的地址。例如,在鏈接框里寫(xiě)上http://www.oldkids.com.cn/那么,單擊鏈接就可以跳轉(zhuǎn)到老小孩網(wǎng)站。
【郵件地址的超級(jí)連接】
在網(wǎng)頁(yè)制作中,還經(jīng)�?吹竭@樣的一些超級(jí)鏈接。單擊了以后,會(huì)彈出郵件發(fā)送程序,聯(lián)系人的地址也已經(jīng)填寫(xiě)好了。這也是一種超級(jí)鏈接。制作方法是:在編輯狀態(tài)下,先選定要鏈接的圖片或文字(比如:歡迎您來(lái)信賜教!),在插入欄點(diǎn)

或點(diǎn)插入菜單選“電子郵件鏈接”彈出如下對(duì)話框,填入E-Mail地址即可。

提示:還可以選中圖片或者文字,直接在屬性面板鏈接框中填寫(xiě)“mailto:郵件地址”。
(如下圖)

創(chuàng)建完成后,保存頁(yè)面,按F12預(yù)覽網(wǎng)頁(yè)效果。
【制作圖片上的超級(jí)鏈接】
注重,我們這里所說(shuō)的圖片上的超級(jí)鏈接是指在一張圖片上實(shí)現(xiàn)多個(gè)局部區(qū)域指向不同的網(wǎng)頁(yè)鏈接。比如一張中國(guó)地圖的圖片,單擊了不同的省跳轉(zhuǎn)到不同的網(wǎng)頁(yè)。可點(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)站。

- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫(xiě)CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫(xiě)CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 表格邊框魔鬼教程
- Dreamweaver網(wǎng)頁(yè)制作教程:菜單概述
- 在網(wǎng)頁(yè)調(diào)用 WINDOWS 控件兩例
- Dreamweaver 8來(lái)構(gòu)建符合標(biāo)準(zhǔn)的Web站點(diǎn)
- Dreamweaver MX進(jìn)階教程(二十二)制作反饋表單(email發(fā)送)
- Dreamweaver MX進(jìn)階教程(十四)使用server-side include(服務(wù)器端包括)
- 用Dreamweaver制作Flash相冊(cè)
- 用Dreamweaver制作網(wǎng)頁(yè)中關(guān)于空格的探討
- Dreamweaver網(wǎng)頁(yè)制作教程:表格設(shè)計(jì)
- DW MX實(shí)例:制作彈出菜單
猜你也喜歡看這些
- 網(wǎng)站重構(gòu)&web標(biāo)準(zhǔn)設(shè)計(jì)教程
- Dreamweaver視頻課程
- Dreamweaver 8中文版職業(yè)應(yīng)用視頻教程
- GoLive視頻教程(趙鵬主講)
- Dreamweaver MX 2004 官方簡(jiǎn)體中文版教程
- 中文版Dreamweaver 8入門(mén)必練
- Dreamveaver中CSS視頻教程
- 挑戰(zhàn)DREAMWEAVER MX互動(dòng)網(wǎng)站百寶箱FOR ASP
- Dreamweaver 8+ASP構(gòu)造動(dòng)態(tài)網(wǎng)站實(shí)例與操作
- 視友工作室網(wǎng)站頁(yè)設(shè)計(jì)制作全面通
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-Dreamweaver網(wǎng)頁(yè)制作教程:超級(jí)鏈接
。