Dreamweaver網(wǎng)頁制作教程:超級(jí)鏈接_Dreamweaver教程
超級(jí)鏈接
作為網(wǎng)站肯定有很多的頁面,假如頁面之間彼此是獨(dú)立的,那么網(wǎng)頁就好比是孤島,這樣的網(wǎng)站是無法運(yùn)行的。為了建立起網(wǎng)頁之間的聯(lián)系我們必須使用超級(jí)鏈接。稱“超級(jí)鏈接”,是因?yàn)樗裁炊寄苕溄�,如:網(wǎng)頁、下載文件、網(wǎng)站地址、郵件地址……等等。下邊我們就來討論怎樣在網(wǎng)頁中創(chuàng)建超級(jí)鏈接。
【頁面之間的超級(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)的地址。例如,在鏈接框里寫上http://www.oldkids.com.cn/那么,單擊鏈接就可以跳轉(zhuǎn)到老小孩網(wǎng)站。
【郵件地址的超級(jí)連接】
在網(wǎng)頁制作中,還經(jīng)�?吹竭@樣的一些超級(jí)鏈接。單擊了以后,會(huì)彈出郵件發(fā)送程序,聯(lián)系人的地址也已經(jīng)填寫好了。這也是一種超級(jí)鏈接。制作方法是:在編輯狀態(tài)下,先選定要鏈接的圖片或文字(比如:歡迎您來信賜教�。诓迦霗邳c(diǎn)

或點(diǎn)插入菜單選“電子郵件鏈接”彈出如下對(duì)話框,填入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)入對(duì)方的網(wǎng)站。

- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 表格邊框魔鬼教程
- Dreamweaver網(wǎng)頁制作教程:菜單概述
- 在網(wǎng)頁調(diào)用 WINDOWS 控件兩例
- Dreamweaver 8來構(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相冊
- 用Dreamweaver制作網(wǎng)頁中關(guān)于空格的探討
- Dreamweaver網(wǎng)頁制作教程:表格設(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 官方簡體中文版教程
- 中文版Dreamweaver 8入門必練
- 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)站頁設(shè)計(jì)制作全面通
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver網(wǎng)頁制作教程:超級(jí)鏈接
。