第三章 創(chuàng)建超級(jí)鏈接第五周 星期一 2012/9/24一、了解超鏈接什么叫超鏈接？答：所謂的超鏈接是指從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)，也可以是相同網(wǎng)頁(yè)上的不同位置，還可以

第三章 創(chuàng)建超級(jí)鏈接

第五周 星期一 2012/9/24

一、了解超鏈接

什么叫超鏈接？

答：所謂的超鏈接是指從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)，也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是一張圖片、一個(gè)電子郵件地址、一個(gè)文件

二、創(chuàng)建超級(jí)鏈接

1、內(nèi)部鏈接——網(wǎng)站內(nèi)部頁(yè)面之間創(chuàng)建的超鏈接，這種鏈接的目標(biāo)是同一個(gè)網(wǎng)站中的其它網(wǎng)頁(yè)、文檔。

A 、方法：

（1）選中頁(yè)面中的文字或圖像→在屬性面板中單擊“鏈接”文本框右側(cè)的文件夾圖標(biāo)→通過瀏覽選擇一個(gè)文件（網(wǎng)頁(yè)或圖片）→從“目標(biāo)”下拉菜單中選擇文檔的打開方式→Ctrl S→預(yù)覽

（2）選中頁(yè)面中的文字或圖像→在屬性面板中單擊“鏈接”文本框右側(cè)的指向文件按鈕→拖拽至右側(cè)浮動(dòng)工具欄中站點(diǎn)文件下的某個(gè)文件（網(wǎng)頁(yè)或圖片）→從“目標(biāo)”下拉菜單中選擇文檔的打開方式→Ctrl S→預(yù)覽

B 、“目標(biāo)”下拉菜單中文檔的打開方式

—self ：在當(dāng)前網(wǎng)頁(yè)所在的窗口或框架中打開（一般默認(rèn)下自動(dòng)選擇self ） —blank ：每一個(gè)鏈接會(huì)創(chuàng)建一個(gè)新的窗口，點(diǎn)擊多少次就創(chuàng)建多少個(gè)新的窗口

—new ：會(huì)在同一個(gè)剛創(chuàng)建的窗口中打開，不管點(diǎn)擊多少次，都只在一個(gè)新的窗口中打開

2、外部鏈接——這種鏈接的目標(biāo)點(diǎn)是不同站點(diǎn)或本站點(diǎn)以外的網(wǎng)頁(yè)文檔。

A 、方法：

（1）選中頁(yè)面中的文字或圖像→在屬性面板中單擊“鏈接”文本框→輸入外部鏈接地址→從“目標(biāo)”下拉菜單中選擇文檔的打開方式→Ctrl S →預(yù)覽

（2）選中頁(yè)面中的文字或圖像→在屬性面板中單擊“鏈接”文本框→粘貼復(fù)制外部鏈接地址→從“目標(biāo)”下拉菜單中選擇文檔的打開方式→Ctrl S→預(yù)覽

B 、鏈接中要使用完整的URL 地址，如： “http://”是瀏覽網(wǎng)頁(yè)網(wǎng)絡(luò)協(xié)議

“www.baidu.com ”是域名

3、鏈接樣式設(shè)置

首先準(zhǔn)備好素材（包括圖片、網(wǎng)頁(yè)），置于站點(diǎn)文件夾內(nèi)

A 、可以完成以操作：

（1）有鏈接字體顏色變化：已訪問時(shí)字體顏色變化、未訪問時(shí)字體顏色變化

（2）無鏈接的字體顏色

（3）下劃線樣式、大小、字體等設(shè)置

B 、具體操作在頁(yè)面屬性→鏈接CSS 中操作→應(yīng)用→確定

——鏈接顏色：選擇鏈接文本或圖像，指定應(yīng)用于鏈接文本或圖像的顏色

——以訪問鏈接：指定鏈接被訪問過的顏色

——變幻圖像鏈接：指定當(dāng)鼠標(biāo)位于鏈接上時(shí)的顏色

——活動(dòng)鏈接：指定鼠標(biāo)在點(diǎn)擊時(shí)的顏色

C 、如何使已訪問的鏈接文本恢復(fù)到未訪問時(shí)的顏色？

瀏覽器歷史記錄：工具→Internet →清除歷史記錄→確定→刷新→已訪問的鏈接文本恢復(fù)到未訪問時(shí)的顏色

4、錨點(diǎn)鏈接——到網(wǎng)頁(yè)某一特定位置的超級(jí)鏈接，這種鏈接的目標(biāo)端點(diǎn)是網(wǎng)頁(yè)中的命名錨點(diǎn)，利用這種鏈接可以跳轉(zhuǎn)到當(dāng)前網(wǎng)頁(yè)中的某一指定位置上，也可以跳轉(zhuǎn)到其它網(wǎng)頁(yè)中的指定位置。

A 、將光標(biāo)置于需要加錨點(diǎn)的文字或圖像→常用：命名錨點(diǎn)→給錨點(diǎn)命名→選擇定位錨點(diǎn)的鏈接→屬性欄：鏈接：#輸入剛才的錨點(diǎn)名→Ctrl S →預(yù)覽

B 、如果鏈接的目標(biāo)錨點(diǎn)標(biāo)記在當(dāng)前頁(yè)面，即直接輸入#錨點(diǎn)名。

C 、如果鏈接的目標(biāo)錨點(diǎn)標(biāo)記在其它網(wǎng)頁(yè)，即輸入目標(biāo)網(wǎng)頁(yè)的地址和名稱后，再輸入#錨點(diǎn)名。

5、圖像熱區(qū)鏈接：指在一幅圖片上創(chuàng)建多個(gè)區(qū)域熱點(diǎn)，并可點(diǎn)擊進(jìn)行超鏈接。當(dāng)用戶點(diǎn)擊某個(gè)熱點(diǎn)區(qū)域時(shí)，會(huì)發(fā)生某種鏈接行為。

（1）操作步驟：選中圖像→在圖像屬性面板中，選擇熱區(qū)工具（矩形、橢圓、多邊形）→在圖像上框選熱區(qū)→為繪制的每個(gè)熱區(qū)設(shè)置不同的鏈接地址→從“目標(biāo)”下拉菜單中選擇文檔的打開方式→Ctrl S→預(yù)覽

（2）鏈接可選擇內(nèi)部鏈接（打開文件選擇、拖拽）或外部鏈接（直接輸入、復(fù)制粘貼）

（3）可進(jìn)行錨點(diǎn)鏈接和網(wǎng)頁(yè)、圖片鏈接

（4）預(yù)覽時(shí)，鼠標(biāo)放于圖片中的某個(gè)熱區(qū)，網(wǎng)頁(yè)下方會(huì)顯示熱區(qū)所鏈接的網(wǎng)頁(yè)信息

本節(jié)課新知識(shí)的學(xué)習(xí)就到這里，下節(jié)課大家按照我們上面所講的知識(shí)點(diǎn)，針對(duì)自己之前所做的網(wǎng)頁(yè)（挑選一張），對(duì)其網(wǎng)頁(yè)內(nèi)容做5處文本超級(jí)鏈接、3處圖像超級(jí)鏈接。

第五周 星期三 2012/9/26

一、其他創(chuàng)建超鏈接

1、創(chuàng)建下載鏈接

指被鏈接的文件不是網(wǎng)頁(yè)，而是exe 、zip 、rar 類型的文件，瀏覽器無法打開，則會(huì)提示文件會(huì)被下載的情況

操作步驟：

選中文字或圖像→屬性：鏈接文本框右側(cè)的指定到文件→拖拽至exe 、zip 、rar 類型的文件→Ctrl S→預(yù)覽→點(diǎn)擊鏈接處→提示：運(yùn)行、保存、取消

2、創(chuàng)建空鏈接

空鏈接用來激活頁(yè)面中的對(duì)象和文本，當(dāng)文本或?qū)ο蟊患せ詈?，可以為之添加行為?/p>

操作步驟：

選擇需要制作空鏈接的對(duì)象→在鏈接文本框中直接輸入“#” →保存、預(yù)覽→點(diǎn)擊鏈接→頁(yè)面停留在剛才的頁(yè)面中，沒有跳轉(zhuǎn)

例：導(dǎo)航欄中的首頁(yè)鏈接，就可以是一個(gè)空鏈接

3、創(chuàng)建圖像導(dǎo)航條

提前準(zhǔn)備好素材導(dǎo)入站點(diǎn)文件夾（可通過圖片編輯器完成素材編輯） 使用鼠標(biāo)經(jīng)過圖像的方法創(chuàng)建導(dǎo)航條

二、跳轉(zhuǎn)菜單

跳轉(zhuǎn)菜單式網(wǎng)頁(yè)中的彈出式菜單，可以創(chuàng)建任何文件類型的鏈接

1、操作步驟：

插入→表單→跳轉(zhuǎn)菜單→菜單次：顯示添加的網(wǎng)站地址→文本：如百度→選擇是轉(zhuǎn)到URL ：如百度網(wǎng)址→通過點(diǎn)擊

過

2、表單屬性設(shè)置

添加或刪除網(wǎng)站→通調(diào)整添加的網(wǎng)頁(yè)瀏覽順序。→確定→完成

選擇頁(yè)面中正在編輯的表單→屬性面板：添加或刪除網(wǎng)站→通過→通過點(diǎn)擊調(diào)整添加的網(wǎng)頁(yè)瀏覽順序。→確定

三、腳本鏈接

1、添加到收藏夾

代碼設(shè)置：javascript:window.external.addFavorite(‘http://www.baidu.com’, ‘百度’)

(網(wǎng)頁(yè)地址及名稱可以為其它)

如何使瀏覽者收藏自己設(shè)計(jì)的網(wǎng)站或網(wǎng)頁(yè)？

答：選中文本“收藏本站”→將代碼輸入或復(fù)制到鏈接文本框→保存預(yù)覽→點(diǎn)擊鏈接→出現(xiàn)“添加到收藏夾”提示框→點(diǎn)擊確定→完成設(shè)置

2、表示關(guān)閉窗口：javascript:window.close()

3、表示彈出一個(gè)提示對(duì)話框：javascript:alert(‘hello! ’)

4、設(shè)置為默認(rèn)主頁(yè)

onClick=“this style behavior='url(#default#homepage)';this,setHomePage (' http://www.baidu.com');”

A 、如何更給默認(rèn)主頁(yè)設(shè)計(jì)

瀏覽器→工具→Internet →常規(guī)→“可以更改主頁(yè)”進(jìn)行設(shè)計(jì)→首頁(yè)可變更

B 、將自己的網(wǎng)頁(yè)設(shè)計(jì)為首頁(yè)

選中“設(shè)置為首頁(yè)” →創(chuàng)建空鏈接→在網(wǎng)頁(yè)編輯框中選中剛才的鏈接

文本“設(shè)置為首頁(yè)”→切換到代碼視圖→

→在“#”與 〉之間插入代碼→保存預(yù)覽

四、超鏈接管理

1、自動(dòng)更新鏈接

A 、當(dāng)文件的位置被改動(dòng)時(shí)，自動(dòng)更新改網(wǎng)頁(yè)中的鏈接路徑，同時(shí)也自動(dòng)更新其他網(wǎng)頁(yè)鏈接到這個(gè)網(wǎng)頁(yè)的路徑

選擇站點(diǎn)目錄下某個(gè)文件夾下的某個(gè)網(wǎng)頁(yè)→拖拽到站點(diǎn)下另一個(gè)文件夾下→出現(xiàn)提示：是否更新→對(duì)比更新與不更新的區(qū)別

B 、設(shè)置自動(dòng)更新：

編輯→首選參數(shù)→常規(guī)→文檔選項(xiàng)：移動(dòng)文件時(shí)更新鏈接→總是、從不、提示

2、檢查鏈接

改變站點(diǎn)下對(duì)應(yīng)鏈接的圖片名→站點(diǎn)→檢查站點(diǎn)范圍的鏈接→屬性欄下方出現(xiàn)斷掉的鏈接→點(diǎn)擊斷掉的鏈接右側(cè)文件夾圖標(biāo)→瀏覽找到正確的鏈接文件→確定→空白處點(diǎn)擊→彈出提示：是否修復(fù)→是→完成修復(fù)