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

3、按F12預(yù)覽網(wǎng)頁。在瀏覽器里光標移到超級鏈接的地方就會變成手型。
〖提示〗你也可以手工在鏈接輸入框中輸入地址。給圖片加上超級鏈接的方法和文字完全相同。
假如超級鏈接指向的不是一個網(wǎng)頁文件。而是其他文件例如zip、exe文件等等,單擊鏈接的時候就會下載文件。
超級鏈接也可以直接指向地址而不是一個文件,那么單擊鏈接直接跳轉(zhuǎn)到相應(yīng)的地址。例如,在鏈接框里寫上http://www.oldkids.com.cn/那么,單擊鏈接就可以跳轉(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)頁。可點的區(qū)域就是熱區(qū)。為了演示制作效果下面的中國地圖我加了一些鏈接,你可以用鼠標測試。鼠標移動到省份的熱區(qū),會顯示提示,假如有預(yù)先設(shè)置的網(wǎng)站,點擊會進入對方的網(wǎng)站。

- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver網(wǎng)頁制作教程:超級鏈接
。