網(wǎng)頁(yè)設(shè)計(jì)4-超級(jí)鏈接

1、授課人：何蘊(yùn)婷授課人：何蘊(yùn)婷EMAIL：超級(jí)鏈接超級(jí)鏈接內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途通過(guò)實(shí)訓(xùn)項(xiàng)目熟練掌握用通過(guò)實(shí)訓(xùn)項(xiàng)目熟練掌握用HTMLHTML在網(wǎng)頁(yè)中在網(wǎng)頁(yè)中設(shè)置頁(yè)面間的超鏈接。設(shè)置頁(yè)面間的超鏈接。內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途在網(wǎng)頁(yè)中設(shè)置以下超鏈接在網(wǎng)頁(yè)中設(shè)置以下超鏈接（1 1）站外的鏈接）站外的鏈接（2 2）站內(nèi)的鏈接）站內(nèi)的鏈接（3 3）圖片鏈接）圖片鏈接（4 4）電子郵件鏈接）電子郵件鏈接（5 5）文件的鏈接）文件的鏈接（6 6）熱區(qū)鏈接）熱區(qū)鏈接（7 7）錨鏈接）錨鏈接 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途

2、不作任何宣傳用途 設(shè)置頁(yè)面效果如圖內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途 1. 1.創(chuàng)建帶文本的網(wǎng)頁(yè)創(chuàng)建帶文本的網(wǎng)頁(yè)（1 1）在學(xué)生盤(pán)文件夾）在學(xué)生盤(pán)文件夾10IT10IT下的文件夾下的文件夾“website”website”中新建文件夾中新建文件夾“shixun4”shixun4” （2 2）在文件夾）在文件夾“shixun4”shixun4”中新建網(wǎng)頁(yè)，中新建網(wǎng)頁(yè)，文件名為文件名為index.htmindex.htm。 （3 3）給網(wǎng)頁(yè)添加圖片）給網(wǎng)頁(yè)添加圖片img src=images/top_pic.jpg width=750 height=94 border=

3、0 （4 4）在網(wǎng)頁(yè)中添加下列文本。）在網(wǎng)頁(yè)中添加下列文本。內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途首頁(yè)首頁(yè)|收藏收藏|故事故事|朋友朋友|理想理想歡迎大家光臨我的個(gè)人主頁(yè)！歡迎大家光臨我的個(gè)人主頁(yè)！我叫湯姆，今年我叫湯姆，今年9歲，這是我的第一個(gè)個(gè)人主頁(yè)，希望大家能與我成為朋歲，這是我的第一個(gè)個(gè)人主頁(yè)，希望大家能與我成為朋友，并多給我一些意見(jiàn)和建議。友，并多給我一些意見(jiàn)和建議。我非常喜歡與全世界各地的人相識(shí)，與大家一起聊天，這樣可以知道許我非常喜歡與全世界各地的人相識(shí)，與大家一起聊天，這樣可以知道許多有趣的事情。不過(guò)大家可不要笑話我的個(gè)人主頁(yè)幼稚，因?yàn)槲覄倓傞_(kāi)多有趣的事

4、情。不過(guò)大家可不要笑話我的個(gè)人主頁(yè)幼稚，因?yàn)槲覄倓傞_(kāi)始學(xué)習(xí)制作網(wǎng)頁(yè)，我使用的是始學(xué)習(xí)制作網(wǎng)頁(yè)，我使用的是Dreamweaver，不知大家使用什么工具來(lái)不知大家使用什么工具來(lái)制作網(wǎng)頁(yè)，是不是有更好的工具，那請(qǐng)你告訴我。制作網(wǎng)頁(yè)，是不是有更好的工具，那請(qǐng)你告訴我。我非常愛(ài)好打棒球，長(zhǎng)大了準(zhǔn)備當(dāng)一名職業(yè)棒球手，我收集許多我喜歡我非常愛(ài)好打棒球，長(zhǎng)大了準(zhǔn)備當(dāng)一名職業(yè)棒球手，我收集許多我喜歡的棒球手的資料，我會(huì)向他們學(xué)習(xí)的，早晚有一天，你們會(huì)在球場(chǎng)上發(fā)的棒球手的資料，我會(huì)向他們學(xué)習(xí)的，早晚有一天，你們會(huì)在球場(chǎng)上發(fā)現(xiàn)我現(xiàn)我一名出色的投球手。一名出色的投球手。這里有我一些好東西，是我的個(gè)人收藏，提供給大家下

5、載，希望能給你這里有我一些好東西，是我的個(gè)人收藏，提供給大家下載，希望能給你們帶來(lái)歡樂(lè)。如果大家有什么好東西，希望能夠提供給我。們帶來(lái)歡樂(lè)。如果大家有什么好東西，希望能夠提供給我。內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途 2. 2.給網(wǎng)頁(yè)添加基本超鏈接給網(wǎng)頁(yè)添加基本超鏈接（1 1）站外的鏈接）站外的鏈接我的個(gè)人主頁(yè)！我的個(gè)人主頁(yè)?。? 2）站內(nèi)的鏈接）站內(nèi)的鏈接收藏收藏（3 3）圖片鏈接）圖片鏈接img src=images/left_pic.jpg width=222 height=306 border=0 align=left思考：思考：內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,

6、不作任何宣傳用途不作任何宣傳用途 3. 3.給網(wǎng)頁(yè)添加其他的超鏈接給網(wǎng)頁(yè)添加其他的超鏈接（1 1）電子郵件鏈接）電子郵件鏈接（2 2）文件的鏈接）文件的鏈接下載下載內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途 3. 3.給網(wǎng)頁(yè)添加其他的超鏈接給網(wǎng)頁(yè)添加其他的超鏈接（3 3）熱區(qū)鏈接）熱區(qū)鏈接 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途 3. 3.給網(wǎng)頁(yè)添加其他的超鏈接給網(wǎng)頁(yè)添加其他的超鏈接（4 4）錨鏈接）錨鏈接錨的定義：錨的定義：ExEx：一、誰(shuí)的網(wǎng)一、誰(shuí)的網(wǎng)錨的引用：錨的引用： ExEx：一一思考：思考：錨名錨名內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣

7、傳用途不作任何宣傳用途相關(guān)知識(shí)相關(guān)知識(shí) 超級(jí)鏈接概念 超級(jí)鏈接分類(lèi) 創(chuàng)建文本超級(jí)鏈接 創(chuàng)建空鏈接 創(chuàng)建電子郵件超級(jí)鏈接 創(chuàng)建圖像超級(jí)鏈接 創(chuàng)建錨鏈接 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途超級(jí)鏈接概念超級(jí)鏈接概念 超級(jí)鏈接是指頁(yè)面對(duì)象之間的鏈接關(guān)系，它網(wǎng)頁(yè)的靈魂，能合理、協(xié)調(diào)地把網(wǎng)站中的各個(gè)元素、頁(yè)面通過(guò)超級(jí)鏈接構(gòu)成了一個(gè)有機(jī)整體，使瀏覽者能快速地訪問(wèn)到想要訪問(wèn)的頁(yè)面。 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途超級(jí)鏈接分類(lèi)超級(jí)鏈接分類(lèi) 絕對(duì)超級(jí)鏈接 文檔相對(duì)路徑 站點(diǎn)根目錄相對(duì)路徑 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途絕對(duì)

8、超級(jí)鏈接絕對(duì)超級(jí)鏈接 絕對(duì)超級(jí)鏈接就是形如“http:/www.china/zh_cn”的超級(jí)鏈接地址，它給出了超級(jí)鏈接目標(biāo)端點(diǎn)完整的URL地址，包括使用的協(xié)議“http:/”。一般用于創(chuàng)建站外具有固定地址的超級(jí)鏈接。內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途文檔相對(duì)路徑文檔相對(duì)路徑 使用文檔相對(duì)路徑不需要給出完整的URL地址，可省去URL地址的協(xié)議，只需保留不同的部分。如pic/logo.gif，這是本地站點(diǎn)超級(jí)鏈接中最常用的鏈接形式。由于相對(duì)超級(jí)鏈接的文件之間相互關(guān)系并沒(méi)有發(fā)生變化，因此使用文檔相對(duì)路徑創(chuàng)建的超級(jí)鏈接在上傳時(shí)可以不用更新各個(gè)超級(jí)鏈接。 內(nèi)部培訓(xùn)資料內(nèi)部培

9、訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途站點(diǎn)根目錄相對(duì)路徑站點(diǎn)根目錄相對(duì)路徑 站點(diǎn)根目錄相對(duì)路徑是形如“/help/help.html”的超級(jí)鏈接地址，它基于站點(diǎn)根目錄，在同一個(gè)站點(diǎn)中網(wǎng)頁(yè)的超級(jí)鏈接也可采用這種方法。 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途創(chuàng)建文本超級(jí)鏈接創(chuàng)建文本超級(jí)鏈接 文本超級(jí)鏈接是最常見(jiàn)的超級(jí)鏈接，通過(guò)使用鼠標(biāo)點(diǎn)擊文本即可從一個(gè)網(wǎng)頁(yè)跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)。語(yǔ)法：顯示鏈接文本 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途錨鏈接錨鏈接 實(shí)例實(shí)例內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途創(chuàng)建錨鏈接創(chuàng)建錨鏈接 創(chuàng)建命名錨

10、記 鏈接命名錨記 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途創(chuàng)建命名錨記創(chuàng)建命名錨記 在制作網(wǎng)頁(yè)時(shí)，為了達(dá)到跳轉(zhuǎn)到網(wǎng)頁(yè)固定位置的目的，可以使用錨鏈接。通過(guò)對(duì)網(wǎng)頁(yè)中指定位置的命名，利用超級(jí)鏈接打開(kāi)目標(biāo)網(wǎng)頁(yè)時(shí)可直接跳轉(zhuǎn)到相應(yīng)的命名位置上。語(yǔ)法： 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途鏈接命名錨記鏈接命名錨記 創(chuàng)建好錨記之后，必須創(chuàng)建對(duì)應(yīng)的超級(jí)鏈接源端點(diǎn)。 語(yǔ)法：顯示鏈接文本內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途創(chuàng)建空鏈接創(chuàng)建空鏈接 要想對(duì)文本設(shè)置行為，首先必須為文本建立空超級(jí)鏈接（空超級(jí)鏈接是一個(gè)未指派目標(biāo)的超級(jí)鏈接），這樣行為才

11、會(huì)有效。 為文本建立空超級(jí)鏈接時(shí)，只要先在文檔窗口中選中需要建立空超級(jí)鏈接的文本，然后在屬性面板的“鏈接”文本框中輸入一個(gè)“#”符號(hào)即可。建立空超級(jí)鏈接的目的只是為了應(yīng)用行為，其他情況下不必建立。 語(yǔ)法：內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途創(chuàng)建電子郵件超級(jí)鏈接創(chuàng)建電子郵件超級(jí)鏈接 電子郵件在網(wǎng)絡(luò)應(yīng)用中十分廣泛，在網(wǎng)頁(yè)中建立電子郵件超級(jí)鏈接可方便網(wǎng)頁(yè)瀏覽者與設(shè)計(jì)者之間的聯(lián)系。語(yǔ)法:顯示鏈接文本 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途創(chuàng)建圖像超級(jí)鏈接創(chuàng)建圖像超級(jí)鏈接 為一般圖像創(chuàng)建超級(jí)鏈接 創(chuàng)建圖像熱點(diǎn)超級(jí)鏈接 內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途為一般圖像創(chuàng)建超級(jí)鏈接為一般圖像創(chuàng)建超級(jí)鏈接 語(yǔ)法:內(nèi)部培訓(xùn)資料內(nèi)部培訓(xùn)資料, ,不作任何宣傳用途不作任何宣傳用途創(chuàng)建創(chuàng)建圖像熱點(diǎn)超級(jí)鏈接圖像熱點(diǎn)超級(jí)鏈接 要在一幅比較大的圖片中添加許多超級(jí)鏈接時(shí)，應(yīng)該將圖片化整為零，分割成較小的圖片，然后分別為這些小圖像上建立超級(jí)鏈接來(lái)達(dá)到目的，