超級(jí)鏈接優(yōu)秀課件

1、第三節(jié) 超級(jí)鏈接一、超級(jí)鏈接概述二、鏈接分類三、創(chuàng)建鏈接四、檢查、修改鏈接 1超級(jí)鏈接是指站點(diǎn)內(nèi)不同網(wǎng)頁之間、站點(diǎn)與Web之間的連接關(guān)系，它可以使站點(diǎn)內(nèi)的網(wǎng)頁成為有機(jī)的整體，還能夠使不同站點(diǎn)之間建立聯(lián)系。超級(jí)鏈接由兩部分組成：鏈接載體（源端點(diǎn)）和鏈接目標(biāo)（目標(biāo)端點(diǎn)）。 一、超級(jí)鏈接概述鏈接目標(biāo)目標(biāo).載體鏈接載體2許多頁面元素可以作為鏈接載體文本圖像、圖像熱區(qū)、懸停按鈕鏈接目標(biāo)可以是任意網(wǎng)絡(luò)資源 頁面網(wǎng)站Email文件(圖像、聲音、文檔、Zip文件)書簽(頁面中的某個(gè)位置)3網(wǎng)頁其他文件圖像聲音網(wǎng)站書簽Email文本圖像圖像熱區(qū)懸停按鈕超級(jí)鏈接鏈接載體網(wǎng)絡(luò)資源4根據(jù)鏈接載體的特點(diǎn)，一般把鏈接分為

2、文本鏈接：鏈接載體是文本，簡(jiǎn)單實(shí)用。 圖像鏈接：鏈接載體是圖像，能使網(wǎng)頁美觀、生動(dòng)活潑。它既可以指向單個(gè)的鏈接關(guān)系，也可以根據(jù)圖像不同的區(qū)域建立多個(gè)鏈接。5二、鏈接的分類（目標(biāo)）我們可以為文本和圖像創(chuàng)建以下幾種鏈接 內(nèi)部鏈接：同一網(wǎng)站文檔之間的鏈接。外部鏈接：不同網(wǎng)站文檔之間的鏈接。書簽鏈接：同一網(wǎng)頁或不同網(wǎng)頁的指定位置的鏈接。 E-mail鏈接：發(fā)送郵件的鏈接。 6關(guān)于文檔路徑絕對(duì)路徑：被鏈接文檔的完整URL，包括傳輸協(xié)議（http:/）。在創(chuàng)建外部鏈接時(shí)，必須使用絕對(duì)路徑。相對(duì)路徑：以當(dāng)前文檔所在位置為起點(diǎn)到被鏈接文檔經(jīng)由的路徑。內(nèi)部鏈接（同一網(wǎng)站內(nèi)）時(shí)使用相對(duì)路徑比較方便。7三、創(chuàng)建鏈接

3、以文本為載體鏈接站點(diǎn)內(nèi)的網(wǎng)頁鏈接到其他站點(diǎn) Email鏈接書簽鏈接文件鏈接82.創(chuàng)建圖像鏈接圖像鏈接一個(gè)目標(biāo)與文本載體一樣，區(qū)別是先選中圖像。圖像鏈接多個(gè)目標(biāo)創(chuàng)建圖像熱點(diǎn)鏈接9(2).創(chuàng)建圖像熱點(diǎn)鏈接圖像熱點(diǎn)是建立在一幅圖像內(nèi)的多個(gè)超級(jí)鏈接觸發(fā)點(diǎn)，熱點(diǎn)實(shí)際上是一個(gè)區(qū)域，所以也可以叫熱區(qū)。每一個(gè)圖像熱點(diǎn)可以指向一個(gè)超級(jí)鏈接目標(biāo)。當(dāng)瀏覽者的鼠標(biāo)移動(dòng)到熱點(diǎn)內(nèi)，鼠標(biāo)變形（小手），單擊鼠標(biāo)，就可以轉(zhuǎn)到鏈接目標(biāo)。10(2).創(chuàng)建圖像熱點(diǎn)鏈接繪制熱點(diǎn)選擇圖像，使用圖形工具欄中的熱點(diǎn)繪制工具繪制熱點(diǎn)區(qū)域。建立超級(jí)鏈接繪制完熱點(diǎn)，圖像上會(huì)出現(xiàn)熱點(diǎn)的邊框，并出現(xiàn)創(chuàng)建超級(jí)鏈接的對(duì)話框，輸入超級(jí)鏈接的地址。11三、檢

4、查、修改超鏈接跟蹤鏈接在超級(jí)鏈接視圖中觀看鏈接情況修改鏈接的顏色單擊右鍵，打開網(wǎng)頁屬性對(duì)話框。在網(wǎng)頁之間復(fù)制顏色方案選擇網(wǎng)頁屬性背景從另一網(wǎng)頁獲得背景信息。制作鏈接的動(dòng)態(tài)效果選擇網(wǎng)頁屬性背景啟用超鏈接翻轉(zhuǎn)效果。12第四節(jié) 框架式網(wǎng)頁一、框架概述二、創(chuàng)建框架式網(wǎng)頁三、保存框架式網(wǎng)頁四、設(shè)置框架屬性五、框架中的鏈接 13一、框架概述框架可以把瀏覽器窗口分成幾個(gè)獨(dú)立的部分，每部分顯示單獨(dú)的頁面。如3框架網(wǎng)頁，頂端框架顯示網(wǎng)頁標(biāo)題，下面左右兩個(gè)框架，左邊顯示導(dǎo)航欄，右邊顯示超級(jí)鏈接目標(biāo)。14二、建立框架式網(wǎng)頁1.創(chuàng)建框架頁：新建網(wǎng)頁2.在框架中放置網(wǎng)頁三、保存框架式網(wǎng)頁15四、設(shè)置框架屬性 可以調(diào)整框

5、架的大小，決定是否出現(xiàn)框架邊框和滾動(dòng)條，設(shè)置框架的初始頁面等等。選中框架，單擊右鍵，從快捷菜單中選擇框架屬性，打開框架屬性對(duì)話框。16框架屬性對(duì)話框17框架網(wǎng)頁對(duì)話框18五、框架式網(wǎng)頁的鏈接1.目標(biāo)框架： 超級(jí)鏈接目標(biāo)網(wǎng)頁（對(duì)象）出現(xiàn)的框架。在框架式網(wǎng)頁的超級(jí)鏈接中一定要為鏈接目標(biāo)指定目標(biāo)框架。19五、框架式網(wǎng)頁的鏈接2.鏈接步驟：選擇鏈接文本。單擊常用工具欄的超鏈接圖標(biāo)。輸入鏈接目標(biāo)后，單擊目標(biāo)框架按鈕，選擇目標(biāo)框架。單擊確定。202122五、框架式網(wǎng)頁的鏈接 3.為鏈接目標(biāo)指定目標(biāo)框架網(wǎng)頁默認(rèn)值（main）：默認(rèn)框架。相同框架：鏈接載體所在的框架。整頁：沒有框架。新建窗口：重新開一個(gè)窗口。

6、父框架：調(diào)用目標(biāo)的框架。23二、建立框架式網(wǎng)頁1.創(chuàng)建框架頁選擇文件新建頁面，彈出新建對(duì)話框。選擇框架網(wǎng)頁選項(xiàng)卡選擇一個(gè)框架模板單擊確定。24二、建立框架式網(wǎng)頁2.在框架中放置網(wǎng)頁在新建的框架網(wǎng)頁中，每個(gè)框架都有兩個(gè)按鈕：設(shè)置初始網(wǎng)頁、新建網(wǎng)頁。選擇設(shè)置初始網(wǎng)頁，可以打開一個(gè)網(wǎng)頁。選擇新建網(wǎng)頁，則新建一個(gè)網(wǎng)頁。25三、改變框架屬性名稱：系統(tǒng)默認(rèn)值，可自己定義。初始網(wǎng)頁：可以修改，重新指定?？蚣艽笮。合鄬?duì)、絕對(duì)。邊距：文本與框架邊框的距離。顯示滾動(dòng)條：從不、始終、需要時(shí)。框架邊框：?jiǎn)螕艨蚣芫W(wǎng)頁按鈕，可設(shè)置框架邊框。26四、保存框架式網(wǎng)頁選擇文件保存命令，或單擊保存按鈕。對(duì)話框內(nèi)一個(gè)框架處于選中狀態(tài)，在文件名框中輸入文件名。重復(fù)上述步驟，保存所有網(wǎng)頁，最后一個(gè)是框架集網(wǎng)頁。27五、框架式網(wǎng)頁的鏈接1.目標(biāo)框架：超級(jí)鏈接目標(biāo)網(wǎng)頁（對(duì)象）出現(xiàn)的框架。