在網(wǎng)頁(yè)設(shè)計(jì)時(shí),使用鏈接可以真正實(shí)現(xiàn)在互聯(lián)網(wǎng)上自由跳轉(zhuǎn),例如,在不同站點(diǎn)間、同一站點(diǎn)的不同網(wǎng)頁(yè)間,或者同一網(wǎng)頁(yè)上的不同區(qū)域間跳來跳去。一個(gè)完整的鏈接包括鏈接載體、鏈接標(biāo)志和鏈接目標(biāo)。在網(wǎng)頁(yè)鏈接載體上(通常為文字或圖像),當(dāng)鼠標(biāo)指針變?yōu)槭中螘r(shí)(默認(rèn)狀態(tài)下),所指之處便可實(shí)現(xiàn)鏈接,同時(shí)網(wǎng)站建設(shè)時(shí)所指文字或圖像的顏色或其他屬性會(huì)隨之發(fā)生變化(可以自由控制),通過單擊或者其他觸發(fā)事件跳轉(zhuǎn)到要顯示的鏈接目標(biāo)。下面通過兩個(gè)實(shí)例來認(rèn)識(shí)鏈接。
【示例1】鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系,在網(wǎng)頁(yè)中用來鏈接的對(duì)象,可以是一段文本或者是一個(gè)圖片,當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上,并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。
提示:URL(Uniform Resource Locator,統(tǒng)一資源定位符)用以指明在互聯(lián)網(wǎng)上取得信息的方式與位置。其格式為“通信協(xié)議://服務(wù)器地址/路徑/文件名”,如http:/www.adobe.com/software/。
【示例2】電子郵件地址的鏈接。當(dāng)用戶單擊鏈接文字,將會(huì)在本地啟動(dòng)電子郵件客戶端軟件,以便快速發(fā)送郵件。
提示:郵件地址鏈接的URL必須使用mailto協(xié)議形式。電子郵件發(fā)送軟件為瀏覽器默認(rèn)的程序。
按照鏈接路徑的不同,網(wǎng)頁(yè)鏈接一般分為3種類型:內(nèi)部鏈接、錨點(diǎn)鏈接和外部鏈接。如果按照使用對(duì)象的不同,網(wǎng)頁(yè)鏈接又可以分為文本鏈接、圖像鏈接、Email鏈接、錨點(diǎn)鏈接、多媒體文件鏈接、空鏈接等。下面重點(diǎn)介紹幾種常用的鏈接形式。
在互聯(lián)網(wǎng)上網(wǎng)頁(yè)間的鏈接使用非常廣泛,單擊那些具有鏈接功能的文字或圖片就可以跳轉(zhuǎn)到相應(yīng)的網(wǎng)頁(yè)。例如,以文字為鏈接載體建立鏈接,鏈接到公司的網(wǎng)站首頁(yè),具體操作步驟如下。
【操作步驟】
第1步,首先啟動(dòng)Dreamweaver,新建一個(gè)網(wǎng)頁(yè)文件。選擇【窗口】|【屬性】命令,打開【屬性】面板。按Ctrl+F3快捷鍵可快速打開【屬性】面板。
第2步,選擇鏈接載體“Adobe(公司名稱)”,如圖3.4所示。第3步,在【屬性】面板的【鏈接】下拉列表框中輸入公司的URL,定義好的鏈接文字會(huì)改變顏色(默認(rèn)色為藍(lán)色),并帶有下劃線。
提示:在網(wǎng)頁(yè)設(shè)計(jì)中,Dreamweaver提供多種定義網(wǎng)頁(yè)鏈接的快捷方法,下面列舉其中兩種常用方法。
?利用【屬性】面板上的按鈕。單擊該按鈕,出現(xiàn)【選擇文件】對(duì)話框。在【選擇文件】對(duì)話框中,可以搜尋網(wǎng)站內(nèi)部要鏈接的網(wǎng)頁(yè)名稱。
?利用【屬性】面板上的按鈕,配合【文件】窗口也可設(shè)置鏈接。首先選擇【窗口】|【文件】命令,打開【文件】面板,然后在網(wǎng)頁(yè)中選取需要建立鏈接的文字,拖動(dòng)【屬性】面板上【鏈接】文本框右側(cè)的按鈕到【文件】面板中要鏈接的網(wǎng)頁(yè)名稱上,釋放鼠標(biāo)即可。
第4步,選擇鏈接目標(biāo)的載入位置。在默認(rèn)情況下,被鏈接網(wǎng)頁(yè)是在當(dāng)前窗口中打開的。要想使鏈接目標(biāo)顯示在其他窗口,需要在【目標(biāo)】下拉列表框中進(jìn)行選擇。
?-blank:把鏈接目標(biāo)載入到新的瀏覽器窗口中顯示。
?new:把鏈接目標(biāo)載入到新窗口中顯示。
?-parent:把鏈接目標(biāo)載入到父窗口或包含該鏈接的框架窗口中顯示。
?-self:把鏈接目標(biāo)載入到與該鏈接相同的框架或窗口中顯示(默認(rèn)設(shè)置)。
?-top:把鏈接目標(biāo)載入到頂部瀏覽器窗口并刪除所有框架。
第5步,鏈接設(shè)置完畢后,按F12鍵在主瀏覽器中瀏覽頁(yè)面效果。鼠標(biāo)指針移到鏈接載體上變成手形,單擊就會(huì)鏈接到公司的網(wǎng)站首頁(yè)。
當(dāng)前文章標(biāo)題:認(rèn)識(shí)網(wǎng)頁(yè)制作中的鏈接
當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3070.html