c++語(yǔ)言課程第5講-超鏈接

Dreamweaver8

中文版網(wǎng)頁(yè)制作基礎(chǔ)主講人:王雪峰

第五講超級(jí)鏈接1.路徑2.超鏈接的屬性3.鏈接的種類4.圖像地圖超鏈接

什么是超鏈接：所謂的超鏈接是指從一個(gè)對(duì)象指向另一個(gè)對(duì)象的鏈接關(guān)系，源對(duì)象可以是文本、圖像、按鈕等，目標(biāo)對(duì)象可以是一個(gè)頁(yè)面、一張圖片、一個(gè)文件、一個(gè)郵件地址或者一個(gè)應(yīng)用程序等等。當(dāng)鼠標(biāo)光標(biāo)移到添加了超鏈接的對(duì)象上時(shí)，光標(biāo)就變成了小手狀如圖1，在超鏈接對(duì)象上單擊后，鏈接目標(biāo)將被翻開或者運(yùn)行，如圖2。在默認(rèn)狀態(tài)下，如果為文本添加了超鏈接后，那么該文本就顯示為藍(lán)色字體且?guī)в邢聞澗€，用于與普通文本區(qū)別，單擊后文本的顏色又會(huì)發(fā)生改變。用戶也可以在頁(yè)面屬性里修改鏈接的顯示狀態(tài)。超鏈接〔Hyperlink〕可以看作是一個(gè)“熱點(diǎn)”，它可以從當(dāng)前Web頁(yè)定義的位置跳轉(zhuǎn)到其他位置，包括當(dāng)前頁(yè)的某個(gè)位置、Internet或本地硬盤或局域網(wǎng)上的其他文件，甚至跳轉(zhuǎn)到聲音、圖片等多媒體文件。瀏覽Web頁(yè)是超鏈接最普遍的一種應(yīng)用，通過(guò)超鏈接還可以獲得不同形態(tài)的效勞，如文件傳輸、資料查詢、電子函件、遠(yuǎn)程訪問(wèn)等。當(dāng)Web頁(yè)包含超鏈接時(shí)，Web頁(yè)中的外觀形式為彩色〔一般為藍(lán)色〕且?guī)聞澗€的文字或圖片。單擊這些文本或圖片，可跳轉(zhuǎn)到相應(yīng)位置。鼠標(biāo)指針指向超鏈接的顯示文本或圖片時(shí)，將變成手形。超文本鏈接使用熱點(diǎn)標(biāo)記<A>來(lái)定義。1.路徑路徑的作用就是定位一個(gè)文件的位置，文件和文件夾本身就是路徑的概念。分為相對(duì)路徑和絕對(duì)路徑。①相對(duì)于當(dāng)前目錄./image/beijing.jpg(“.”代表當(dāng)前目錄，因此“./image”代表當(dāng)前目錄下image的文件夾,“./”是可以省略的〕

mysitesub1imageIndex.htmlbeijing.jpg

②相對(duì)于根目錄

/mysite/image/beijing.jpg(第一個(gè)“/”代表根目錄，因此“/image/beijing.jpg”代表根目錄下image文件夾下的beijing.jpg文件)

mysitesub1imageIndex.htmlbeijing.jpg

③相對(duì)于上級(jí)目錄

../image/beijing.jpg(“../”代表上級(jí)目錄，因此“/image/beijing.jpg”代表上級(jí)目錄下image文件夾下的beijing.jpg文件)

mysitesub2imageIndex.htmlbeijing.jpgsub11.1.熱點(diǎn)(超鏈接)標(biāo)記熱點(diǎn)由<A>標(biāo)記定義，它在網(wǎng)頁(yè)上建立超文本鏈接。通過(guò)單擊一個(gè)詞、句或圖片，可從此處轉(zhuǎn)到另一個(gè)鏈接資源〔目標(biāo)資源〕，這個(gè)目標(biāo)資源有唯一的地址〔URL〕。具有以上特點(diǎn)的詞、句或圖片就稱為熱點(diǎn)。<A>標(biāo)記的格式為：<Ahref=地址name=字符串target=翻開窗口方式>熱點(diǎn)</A>說(shuō)明：①href為超文本引用，它的值為一個(gè)URL，是目標(biāo)資源的有效地址。在書寫URL時(shí)要注意，如果資源放在自己的效勞器上，可以寫相對(duì)路徑。否那么，應(yīng)寫絕對(duì)路徑。href不能與name同時(shí)使用。②name指定當(dāng)前文檔內(nèi)的一個(gè)字符串作為鏈接時(shí)可以使用有效的目標(biāo)資源的地址。③target設(shè)定鏈接被按后結(jié)果所要顯示的窗口。可選值為：_blank，_parent，_self，_top，框架名稱。其說(shuō)明見表2-6。取值說(shuō)明target="_blank"或target="new"將鏈接的畫面內(nèi)容，開在新的瀏覽器窗口中。target="_parent"將鏈接的畫面內(nèi)容，顯示在直接父框架窗口中。target="_self"將鏈接的畫面內(nèi)容，顯示在當(dāng)前窗口中（默認(rèn)值）。target="_top"將框架中鏈接的畫面內(nèi)容，顯示在沒(méi)有框架的窗口中（即除去了框架）。target="框架名稱"只運(yùn)用于框架中，若被設(shè)定則鏈接結(jié)果將顯示于該“框架名稱”指定的框架窗口中，框架名稱是事先由框架標(biāo)記所命名的。表2-6target屬性的取值2、超鏈接默認(rèn)屬性默認(rèn)情況下，帶超鏈接的文本顯示為藍(lán)色，且?guī)в邢聞澗€，用戶可以自行設(shè)置不同的顯示狀態(tài)。在【屬性】面板單擊按鈕，翻開【頁(yè)面屬性】對(duì)話框，在【分類】欄單擊【鏈接】項(xiàng)，然后在右側(cè)具體的工程中進(jìn)行具體的設(shè)置，如以下圖所示。2.1文本超鏈接首先選中文本，在【常用】插入欄單擊插入超鏈接按鈕，翻開【超級(jí)鏈接】對(duì)話框，在【文本】文本框中輸入超鏈接文本，在【鏈接】選項(xiàng)框輸入目標(biāo)網(wǎng)頁(yè)名稱或者單擊按鈕選擇目標(biāo)文件，在【目標(biāo)】選項(xiàng)框的列表中選擇翻開目標(biāo)的位置，在【標(biāo)題】文本框輸入相關(guān)文本，如以下圖所示【超級(jí)鏈接】對(duì)話框中需要設(shè)置的各項(xiàng)的含義?！疚谋尽课谋究颍涸陧?yè)面中顯示的帶有超鏈接的文本，【鏈接】選項(xiàng)框：?jiǎn)螕舫溄雍髮⒁D(zhuǎn)到的目標(biāo)對(duì)象?！灸繕?biāo)】選項(xiàng)框：目標(biāo)對(duì)象的翻開位置：_bank代表在一個(gè)新的窗口中翻開鏈接對(duì)象；_self表示在當(dāng)前窗口翻開鏈接對(duì)象，它是系統(tǒng)的默認(rèn)值；_parent和_top都表示在一個(gè)完整的窗口翻開鏈接目標(biāo)?！緲?biāo)題】文本框：鼠標(biāo)光標(biāo)移到超鏈接文本上時(shí)顯示的文字2.2．圖像超鏈接單擊選中一個(gè)圖片，在【屬性】面板中單擊【鏈接】文本框后的按鈕，如圖1，翻開【選擇文件】對(duì)話框，如圖2，找到目標(biāo)文件“Description001.html”，然后單擊“確定”按鈕，為圖像創(chuàng)立超鏈接完成，最終的【屬性】面板顯示如圖3所示。3、超鏈接的種類1．按路徑分類2．按性質(zhì)分類3.錨記鏈接4．熱點(diǎn)鏈接5.電子郵件鏈接3.1．按路徑分類根據(jù)鏈接對(duì)象的路徑不同，可以分為：內(nèi)部鏈接、外部鏈接和錨記鏈接。內(nèi)部鏈接：鏈接到當(dāng)前網(wǎng)站內(nèi)的其他網(wǎng)頁(yè)，上一節(jié)所列舉的兩個(gè)例子都是內(nèi)部鏈接。外部鏈接：鏈接到網(wǎng)站外的其他網(wǎng)頁(yè)，在【鏈接】文本框輸入完整的地址，如鏈接到搜狐網(wǎng)站首頁(yè)，那么要輸入“://”。錨記鏈接：鏈接到當(dāng)前翻開的網(wǎng)頁(yè)中某個(gè)指定位置。內(nèi)部鏈接創(chuàng)立指向其他頁(yè)面的鏈接，就是在當(dāng)前頁(yè)面與其他相關(guān)頁(yè)面間建立超鏈接。無(wú)論目標(biāo)文件與當(dāng)前文件的目錄關(guān)系如何，其格式為：<Ahref="目標(biāo)文件的路徑/目標(biāo)文件名.html">熱點(diǎn)</A>根據(jù)目標(biāo)文件與當(dāng)前文件的目錄關(guān)系，有4種寫法：①鏈接到同一目錄內(nèi)的網(wǎng)頁(yè)文件，其格式為：<Ahref="目標(biāo)文件名.html">熱點(diǎn)</A>目標(biāo)文件名是鏈接所指向的文件。②鏈接到下一級(jí)目錄中的網(wǎng)頁(yè)文件，其格式為：

<Ahref="子目錄名/目標(biāo)文件名.htm">

熱點(diǎn)</A>③鏈接到上一級(jí)目錄中的網(wǎng)頁(yè)文件，其格式為：

<Ahref="../目標(biāo)文件名.html">熱點(diǎn)</A>

其中“../”表示退到上一級(jí)目錄中。④鏈接到同級(jí)目錄中的網(wǎng)頁(yè)文件，其格式為：

<Ahref="../子目錄名/目標(biāo)文件名.html">

熱點(diǎn)</A>

表示先退到上一級(jí)目錄中，然后再進(jìn)入到目標(biāo)文件所在的目錄。外部鏈接鏈接到網(wǎng)站外的其他網(wǎng)頁(yè)，在【鏈接】文本框輸入完整的地址，如鏈接到搜狐網(wǎng)站首頁(yè)，那么要輸入“://”。根據(jù)鏈接對(duì)象的性質(zhì)不同，鏈接又可分為：文本鏈接、圖像鏈接、電子郵件鏈接、多媒體文件鏈接和空鏈接等。其中的文本鏈接和圖像鏈接是大家比較常用的鏈接，需要特別說(shuō)明一點(diǎn)的是圖像鏈接的一個(gè)特例：熱點(diǎn)鏈接。熱點(diǎn)鏈接：鏈接指向一張圖片的某一局部。電子郵件鏈接：鏈接指向一個(gè)E-mail地址。多媒體文件鏈接：鏈接指向一個(gè)多媒體文件?？真溄樱烘溄硬恢赶蛉魏文繕?biāo)文件，一般用“#”代替。3.2．按性質(zhì)分類3.3．錨記鏈接

通過(guò)建立錨記鏈接，直接跳轉(zhuǎn)到指定的位置。

命名錨記要在當(dāng)前頁(yè)面內(nèi)實(shí)現(xiàn)超鏈接，需要定義兩個(gè)標(biāo)記：一個(gè)為超鏈接標(biāo)記，另一個(gè)為書簽標(biāo)記。超鏈接標(biāo)記的格式為：

<Ahref="#記號(hào)名">熱點(diǎn)</A>

單擊熱點(diǎn)文本，將跳轉(zhuǎn)到“記號(hào)名”開始的文本。書簽就是用<A>標(biāo)記對(duì)該文本作一個(gè)記號(hào)。如果有多個(gè)鏈接，不同目標(biāo)文本要設(shè)置不同的書簽名，書簽名在<A>的name屬性中定義。格式為：<Aname=“記號(hào)名”>目標(biāo)文本附近的字符串</A>3.4．熱點(diǎn)鏈接熱點(diǎn)鏈接又叫圖像映射，它是指將一個(gè)圖片劃成多個(gè)區(qū)域，每個(gè)區(qū)域鏈接到不同的對(duì)象上去。當(dāng)瀏覽者單擊映射圖時(shí)，瀏覽器會(huì)自動(dòng)判斷鼠標(biāo)單擊在哪個(gè)熱點(diǎn)上