《dw教學(xué)課件》第三講----超級(jí)鏈接

1、網(wǎng)頁(yè)三劍客主講:劉苗1ppt課件第三講 超級(jí)鏈接2ppt課件通過(guò)本講的學(xué)習(xí), 使大家掌握超級(jí)鏈接的應(yīng)用及功能,并將其靈活應(yīng)用在網(wǎng)頁(yè)中。教學(xué)目標(biāo)3ppt課件超級(jí)鏈接的概念超級(jí)鏈接的創(chuàng)建超級(jí)鏈接的分類本講主要內(nèi)容4ppt課件任務(wù)一、超級(jí)鏈接1、概念 鏈接是在Web 頁(yè)面中插入的指向其它文檔的引用。可以將任何類型的資源轉(zhuǎn)換為鏈接，但最常用的鏈接類型是文本鏈接 2、URL URL全稱Uniform Resource Locator（統(tǒng)一資源定位符），即網(wǎng)站地址。URL確定了要瀏覽的地址，瀏覽器通過(guò)超文本傳輸協(xié)議(HTTP)，將Web服務(wù)器上站點(diǎn)的網(wǎng)頁(yè)代碼提取出來(lái)，并翻譯成網(wǎng)頁(yè)。5ppt課件3、絕對(duì)路徑

2、和相對(duì)路徑 絕對(duì)路徑：是包括服務(wù)器的完整路徑。主要用于外部鏈接，即網(wǎng)站與網(wǎng)站間的鏈接。 如：http:/ 相對(duì)路徑：只包含當(dāng)前文檔的文件夾的路徑。主要用于網(wǎng)站內(nèi)部連接，即站內(nèi)的網(wǎng)頁(yè)與網(wǎng)頁(yè)間的鏈接。4、鏈接的組成 鏈接源：點(diǎn)擊的對(duì)象 可以是文字或圖片 鏈接目標(biāo)：打開(kāi)后的內(nèi)容6ppt課件任務(wù)二、創(chuàng)建超級(jí)鏈接1、超級(jí)鏈接的分類 網(wǎng)站外部鏈接 普通鏈接 網(wǎng)站內(nèi)部鏈接 錨點(diǎn)鏈接 電子郵件鏈接 下載文件鏈接 空鏈接7ppt課件2、創(chuàng)建方法使用屬性面板右擊創(chuàng)建超級(jí)鏈接插入菜單下的超級(jí)鏈接使用“指向文件”圖標(biāo)鏈接文檔使用”超鏈接“命令按鈕8ppt課件普通鏈接 網(wǎng)站外部的鏈接（鏈接到某一個(gè)外部文件） 網(wǎng)站內(nèi)部的

3、鏈接下載文件鏈接 必須事先準(zhǔn)備有壓縮文件(.rar格式)空鏈接 在屬性面板中設(shè)置鏈接欄為：#9ppt課件創(chuàng)建電子郵件鏈接 使用E-mail Link按鈕創(chuàng)建(插入菜單) 使用電子郵件協(xié)議創(chuàng)建(屬性面板) mailto:10ppt課件使用錨點(diǎn)鏈接 錨點(diǎn)鏈接是頁(yè)面內(nèi)的超級(jí)鏈接，用于文本內(nèi)容很多的頁(yè)面，方便瀏覽者找到所需的內(nèi)容。其超鏈接地址格式為“#命名錨記”。 錨點(diǎn)的作用： 用于大篇幅文字，點(diǎn)擊鏈接處，則跳轉(zhuǎn)到定義的錨點(diǎn)處 錨點(diǎn)的創(chuàng)建： 用插入欄下的“常用”邊的命名錨記按鈕11ppt課件錨點(diǎn)鏈接的創(chuàng)建方法定義錨點(diǎn)：用錨點(diǎn)來(lái)定義目標(biāo)注意:錨點(diǎn)名稱只可用字母和數(shù)字并以字母開(kāi)頭鏈接（鏈接到本文檔的指定位

4、置） 可以是本文檔之內(nèi),也可以是其他文檔里面的 本文檔之內(nèi)：鏈接：錨點(diǎn)名稱 不同文本之間的鏈接： 在外部文檔的某位置定義錨點(diǎn) 鏈接：插入錨點(diǎn)的文件名錨點(diǎn)名稱12ppt課件3、鏈接的目標(biāo)（鏈接網(wǎng)頁(yè)的打開(kāi)方式）_blank:將鏈接的文件載入一個(gè)未命名的新瀏覽器窗口中。 _self:將鏈接的文件載入該鏈接所在的同一框架或窗口中。此目標(biāo)是默認(rèn)的，所以通常不需要指定它。_parent:將鏈接的文件載入含有該鏈接的框架的父框架集或父窗口中。如果包含鏈接的框架不是嵌套的，則鏈接文件加載到整個(gè)瀏覽器窗口中。 _top:將鏈接的文件載入整個(gè)瀏覽器窗口中，因而會(huì)刪除所有框架。 13ppt課件4、控制鏈接源在鏈接前

5、后文字的顏色 方法有兩種: “頁(yè)面屬性”中控制 定義”樣式表”設(shè)置方法一： “頁(yè)面屬性”中控制 包括： 鏈接顏色（link）已訪問(wèn)鏈接(visited)變換圖象鏈接(hover)活動(dòng)鏈接(active)即不松開(kāi)鼠標(biāo)左鍵時(shí)注意：用了“高級(jí)”中的a:link a:hover時(shí)，則網(wǎng)頁(yè)中所有鏈接都會(huì)與之相同的設(shè)置14ppt課件方法二:定義“樣式表”設(shè)置新建樣式中,選”高級(jí)”會(huì)有4種狀態(tài)可選.分別為: a:link a:hover a:visited a:active15ppt課件任務(wù)三、超級(jí)鏈接的應(yīng)用1、在跳轉(zhuǎn)菜單上建立超級(jí)鏈接 跳轉(zhuǎn)菜單是一個(gè)下拉菜單，其中的每個(gè)選項(xiàng)都是一個(gè)超級(jí)鏈接。其占的空間小，

6、所能包含的菜單項(xiàng)卻很多，所以經(jīng)常用于有很多內(nèi)容需要分類的情況。創(chuàng)建跳轉(zhuǎn)菜單 插入面板下的表單下的跳轉(zhuǎn)菜單按鈕 插入表單跳轉(zhuǎn)菜單修改跳轉(zhuǎn)菜單（選中代碼，在屬性欄中“列表值”中進(jìn)行修改)16ppt課件2、鼠標(biāo)經(jīng)過(guò)圖像3、使用導(dǎo)航條 插入導(dǎo)航條 導(dǎo)航條的創(chuàng)建注意：彈出的“插入導(dǎo)航條”對(duì)話框中的“項(xiàng)目名稱”只可以是字母和數(shù)字組成并且不能以數(shù)字開(kāi)頭“插入導(dǎo)航條”完全可以取代插入“鼠標(biāo)經(jīng)過(guò)圖象”17ppt課件4圖像地圖鏈接文檔熱區(qū)分三種：矩形熱點(diǎn)工具 ：rect 橢圓熱點(diǎn)工具 : circle 多邊形熱點(diǎn)工具 : poly如何來(lái)結(jié)束繪制熱區(qū)？ 雙擊或按Esc鍵如何修改熱區(qū)？ 拉住四個(gè)點(diǎn)可縮放 鼠標(biāo)放在中間可以拖動(dòng)熱區(qū)18ppt課件5、彈出式菜單選熱區(qū)行為面板在“添加行為“選項(xiàng)上右擊顯示彈出式菜單設(shè)置即可注意： 在此也可做鏈接。 做彈出式菜單必須是在已保存過(guò)的文檔中。19ppt課件本講主要學(xué)習(xí)了超鏈接。網(wǎng)頁(yè)區(qū)