第5章創(chuàng)網(wǎng)頁超鏈接ppt課件

1、第第5章章 創(chuàng)建網(wǎng)頁超鏈接創(chuàng)建網(wǎng)頁超鏈接教學(xué)目的o介紹了超鏈接的概念o掌握超鏈接和導(dǎo)航條的創(chuàng)建方法o會在網(wǎng)頁中靈活使用超鏈接5.1 超鏈接的基本概念o一個網(wǎng)站肯定有很多的頁面，如果頁面之間彼此是獨(dú)立的，那么網(wǎng)頁就好比是孤島，這樣的網(wǎng)站是無法運(yùn)行的，沒有意義的。為了建立起網(wǎng)頁之間的聯(lián)系我們需要實(shí)現(xiàn)從一個網(wǎng)頁指向另一個目標(biāo)的跳轉(zhuǎn)，這個目標(biāo)可以是另一個網(wǎng)頁，也可以是同一個網(wǎng)頁上的不同位置，還可以是一張圖片、一個電子郵件地址、一個文件或一個絕對定位的元素，甚至是一個應(yīng)用程序，這就是所謂的超鏈接。在創(chuàng)建超鏈接之前，首先要弄清楚目錄和路徑的關(guān)系，只有這樣才可以輕松管理網(wǎng)站的鏈接，創(chuàng)建出結(jié)構(gòu)清晰明確的網(wǎng)站。

2、 5.1.1 URL概述oURL統(tǒng)一資源定位器主要用于指定網(wǎng)上資源的位置和方法。oURL一般由三個部分組成，即協(xié)議、主機(jī)和域o（1協(xié)議，又成服務(wù)方式，如http、ftp、telnet等。o（2主機(jī)：即存放資源的主機(jī)的IP地址，有時也包括端口號，如：o(3)域：主機(jī)的具體地址，包括路徑和文件名等。5.1.2 絕對路徑 o絕對路徑就是被鏈接文檔的完整的URL，而且包含服務(wù)器協(xié)議。這個地址是精確地址而不用考慮文件的位置，如果目標(biāo)文件被移動，則鏈接無效。創(chuàng)建外部鏈接時必須用絕對路徑。5.1.3 相對路徑 o相對路徑是指以當(dāng)前文件所在位置為起點(diǎn)到被鏈接文件經(jīng)由的路徑。5.1.4 根路徑o根路徑是指從站點(diǎn)

3、目錄到文檔所在位置的路徑，根路徑是指從站點(diǎn)目錄到文檔所在位置的路徑，以一個正斜杠以一個正斜杠“/”開場，該斜杠表示站點(diǎn)根文件夾。開場，該斜杠表示站點(diǎn)根文件夾。o根路徑綜合了絕對路徑和相對路徑的優(yōu)點(diǎn)，除了根路徑綜合了絕對路徑和相對路徑的優(yōu)點(diǎn)，除了鏈接時和當(dāng)前文檔位置無關(guān)，還可以在本地站點(diǎn)鏈接時和當(dāng)前文檔位置無關(guān)，還可以在本地站點(diǎn)中進(jìn)行測試。中進(jìn)行測試。5.2創(chuàng)建超鏈接 5.1創(chuàng)建內(nèi)部超鏈接 內(nèi)部鏈接主要是鏈接站點(diǎn)內(nèi)部的文件，一般使用相對路徑。常見的有文本鏈接、圖像鏈接和熱點(diǎn)鏈接 1.文本鏈接 2.圖像鏈接 3.圖像熱區(qū)鏈接5.2.2 創(chuàng)建錨記超鏈接o如果一個網(wǎng)頁上的內(nèi)容過長，那么通過滾動條需找需

4、要的內(nèi)容并不是一件容易的事。應(yīng)用錨記鏈接可以在頁面內(nèi)或不同頁面內(nèi)快速定位，找到所需的內(nèi)容。創(chuàng)建錨記連接的具體操作步驟如下：o1.插入命名錨記o2.創(chuàng)建錨記鏈接5.2.3 創(chuàng)建郵件超鏈接o郵件超鏈接是一種特殊的鏈接方式，其鏈接對象為郵箱地址。o1.使用“插入菜單創(chuàng)建郵件鏈接o2.直接給文檔創(chuàng)建郵件鏈接o如果需要在網(wǎng)頁中提供下載資料，就需要為文件提供下載鏈接。如果鏈接指向的不是一個網(wǎng)頁文件，而是其他格式的文件，如.rar、 .mp3 、 .exe等，單擊鏈接的時候就會彈出是否選中下載文件的對話框。5.2.4 創(chuàng)建下載超鏈接5.2.5 創(chuàng)建腳本超鏈接o腳本超鏈接是一種特殊類型的鏈接，通過單擊帶有腳本

5、超鏈接的文本或?qū)ο?，可以運(yùn)行相應(yīng)的腳本代碼及函數(shù)。5.2.6 創(chuàng)建空鏈接o空鏈接是指沒有指定鏈接對象的鏈接。利用空鏈接可以向網(wǎng)頁上的對象或文本附加行為，以便當(dāng)鼠標(biāo)指針滑過該鏈接時 ，交換圖像或顯示層等動作。5.3管理超鏈接5.4創(chuàng)建跳轉(zhuǎn)菜單o跳轉(zhuǎn)菜單是頁面中的彈出式菜單，在菜單中列舉出鏈接到文件或文件夾的選項(xiàng)。5.5創(chuàng)建導(dǎo)航條o導(dǎo)航條由按鈕、圖像或一組圖像組成。導(dǎo)航條就像網(wǎng)站的橋梁，網(wǎng)站通過它把站點(diǎn)中的各個頁面聯(lián)系起來，使瀏覽者更加方便清晰地在各個頁面間進(jìn)行切換，是網(wǎng)站的結(jié)構(gòu)更加層次分明。思考題o1絕對路徑和相對路徑有什么區(qū)別？o2. 如何創(chuàng)建不同形狀的熱點(diǎn)超鏈接？o3. 如何創(chuàng)建郵件超鏈接？o4. 創(chuàng)建腳本鏈接有什么作用?o5. 如何快速檢查網(wǎng)頁中的超鏈接？本章小結(jié)本章小結(jié)o為了把Internet上眾多的網(wǎng)站和網(wǎng)頁聯(lián)系起來，將其構(gòu)成一個整體，就要在網(wǎng)頁中加入鏈接。這樣一來，能讓瀏覽