在網(wǎng)頁中使用超鏈接課件

1、第5章 在網(wǎng)頁中使用超鏈接 5.1 超 鏈 接 基 礎(chǔ)5.2 利用Dreamweaver MX創(chuàng)建超鏈接5.3 利用Dreamweaver MX編輯超鏈接5.4 創(chuàng) 建 導(dǎo) 航 條5.5 管 理 超 鏈 接超鏈接是WWW的魅力所在。為了把Internet上眾多分散的網(wǎng)站和網(wǎng)頁聯(lián)系起來，構(gòu)成一個(gè)有機(jī)的整體，就要在網(wǎng)頁上加入鏈接。通過點(diǎn)擊網(wǎng)頁上的鏈接，才能真正實(shí)現(xiàn)網(wǎng)絡(luò)無國界，我們才可以在信息海洋中盡情遨游。 5.1 超 鏈 接 基 礎(chǔ)5.1.1 超鏈接的種類超鏈接按源端點(diǎn)的鏈接劃分，可分為超文本鏈接和非超文本鏈接兩類。超鏈接按目標(biāo)端點(diǎn)的鏈接劃分，可分為外部鏈接、內(nèi)部鏈接、電子郵件鏈接、局部鏈接、腳

2、本鏈接等。 5.1.2 文檔路徑類型文檔路徑類型有絕對路徑和相對路徑兩種。1絕對路徑絕對路徑是包括服務(wù)器協(xié)議（在本例中為HTTP）的完全路徑。2相對路徑相對路徑包括根相對路徑（Site Root）和文檔相對路徑（Document）兩種。（1）根相對路徑根相對路徑（也稱相對根目錄）以“/”開頭，路徑是從當(dāng)前站點(diǎn)的根目錄開始計(jì)算。 （2）文檔相對路徑文檔相對路徑的基本思想是省略當(dāng)前文檔和鏈接的文檔都相同的絕對URL部分，而只提供不同的那部分路徑。 5.2 利用Dreamweaver MX創(chuàng)建超鏈接5.2.1 創(chuàng)建文字超鏈接1使用“瀏覽文件”圖標(biāo)2使用“指向文件”圖標(biāo)3使用“超級(jí)鏈接”對象5.2.2

3、 創(chuàng)建錨點(diǎn)超鏈接1命名錨記2鏈接到命名錨記5.2.3 創(chuàng)建電子郵件鏈接1插入電子郵件鏈接2使用屬性面板創(chuàng)建電子郵件鏈接5.2.4 創(chuàng)建空鏈接和腳本鏈接1創(chuàng)建空鏈接2創(chuàng)建腳本鏈接5.2.5 創(chuàng)建下載文件超鏈接5.2.6 圖像地圖1創(chuàng)建圖像地圖2修改圖像地圖5.3 利用Dreamweaver MX編輯超鏈接5.3.1 設(shè)置鏈接顏色5.3.2 設(shè)置鏈接字體5.3.3 刪除超鏈接5.4 創(chuàng) 建 導(dǎo) 航 條5.4.1 認(rèn)識(shí)導(dǎo)航條1導(dǎo)航條的作用2導(dǎo)航條的4種狀態(tài)（1）一般圖5-23 導(dǎo)航條的一般狀態(tài) （2）滑過 （3）按下（4）按下時(shí)鼠標(biāo)經(jīng)過 圖5-24 導(dǎo)航條的滑過狀態(tài) 5.4.2 插入導(dǎo)航條5.4.3 修改導(dǎo)航條5.5 管 理 超 鏈 接5.5.1 設(shè)計(jì)一個(gè)清晰的超鏈接1設(shè)計(jì)一個(gè)清晰的超鏈接2首頁上的超鏈接要“有去有回”3給圖像超鏈接做文字說明5.5.2 利用站點(diǎn)地圖管理超鏈接1建立網(wǎng)頁間的超鏈接2移除網(wǎng)頁間的超鏈接3更新超鏈接