c++語言課程第5講-超鏈接

Dreamweaver8

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

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

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

mysitesub1imageIndex.htmlbeijing.jpg

②相對于根目錄

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

mysitesub1imageIndex.htmlbeijing.jpg

③相對于上級目錄

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

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

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

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

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

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

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

熱點</A>

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

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

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

<Ahref="#記號名">熱點</A>

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