認(rèn)識網(wǎng)頁制作中的鏈接

  • 2019-08-08 09:48:22
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://americanwasteexpansions.com

網(wǎng)頁設(shè)計時,使用鏈接可以真正實現(xiàn)在互聯(lián)網(wǎng)上自由跳轉(zhuǎn),例如,在不同站點間、同一站點的不同網(wǎng)頁間,或者同一網(wǎng)頁上的不同區(qū)域間跳來跳去。一個完整的鏈接包括鏈接載體、鏈接標(biāo)志和鏈接目標(biāo)。在網(wǎng)頁鏈接載體上(通常為文字或圖像),當(dāng)鼠標(biāo)指針變?yōu)槭中螘r(默認(rèn)狀態(tài)下),所指之處便可實現(xiàn)鏈接,同時網(wǎng)站建設(shè)時所指文字或圖像的顏色或其他屬性會隨之發(fā)生變化(可以自由控制),通過單擊或者其他觸發(fā)事件跳轉(zhuǎn)到要顯示的鏈接目標(biāo)。下面通過兩個實例來認(rèn)識鏈接。

【示例1】鏈接是指從一個網(wǎng)頁指向一個目標(biāo)的連接關(guān)系,在網(wǎng)頁中用來鏈接的對象,可以是一段文本或者是一個圖片,當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上,并且根據(jù)目標(biāo)的類型來打開或運行。

提示:URL(Uniform Resource Locator,統(tǒng)一資源定位符)用以指明在互聯(lián)網(wǎng)上取得信息的方式與位置。其格式為“通信協(xié)議://服務(wù)器地址/路徑/文件名”,如http:/www.adobe.com/software/。

【示例2】電子郵件地址的鏈接。當(dāng)用戶單擊鏈接文字,將會在本地啟動電子郵件客戶端軟件,以便快速發(fā)送郵件。

提示:郵件地址鏈接的URL必須使用mailto協(xié)議形式。電子郵件發(fā)送軟件為瀏覽器默認(rèn)的程序。

建立網(wǎng)頁鏈接

按照鏈接路徑的不同,網(wǎng)頁鏈接一般分為3種類型:內(nèi)部鏈接、錨點鏈接和外部鏈接。如果按照使用對象的不同,網(wǎng)頁鏈接又可以分為文本鏈接、圖像鏈接、Email鏈接、錨點鏈接、多媒體文件鏈接、空鏈接等。下面重點介紹幾種常用的鏈接形式。

定義網(wǎng)頁間鏈接

在互聯(lián)網(wǎng)上網(wǎng)頁間的鏈接使用非常廣泛,單擊那些具有鏈接功能的文字或圖片就可以跳轉(zhuǎn)到相應(yīng)的網(wǎng)頁。例如,以文字為鏈接載體建立鏈接,鏈接到公司的網(wǎng)站首頁,具體操作步驟如下。

操作步驟】

第1步,首先啟動Dreamweaver,新建一個網(wǎng)頁文件。選擇【窗口】|【屬性】命令,打開【屬性】面板。按Ctrl+F3快捷鍵可快速打開【屬性】面板。

第2步,選擇鏈接載體“Adobe(公司名稱)”,如圖3.4所示。第3步,在【屬性】面板的【鏈接】下拉列表框中輸入公司的URL,定義好的鏈接文字會改變顏色(默認(rèn)色為藍(lán)色),并帶有下劃線。

提示:在網(wǎng)頁設(shè)計中,Dreamweaver提供多種定義網(wǎng)頁鏈接的快捷方法,下面列舉其中兩種常用方法。   

?利用【屬性】面板上的按鈕。單擊該按鈕,出現(xiàn)【選擇文件】對話框。在【選擇文件】對話框中,可以搜尋網(wǎng)站內(nèi)部要鏈接的網(wǎng)頁名稱。

?利用【屬性】面板上的按鈕,配合【文件】窗口也可設(shè)置鏈接。首先選擇【窗口】|【文件】命令,打開【文件】面板,然后在網(wǎng)頁中選取需要建立鏈接的文字,拖動【屬性】面板上【鏈接】文本框右側(cè)的按鈕到【文件】面板中要鏈接的網(wǎng)頁名稱上,釋放鼠標(biāo)即可。

第4步,選擇鏈接目標(biāo)的載入位置。在默認(rèn)情況下,被鏈接網(wǎng)頁是在當(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鍵在主瀏覽器中瀏覽頁面效果。鼠標(biāo)指針移到鏈接載體上變成手形,單擊就會鏈接到公司的網(wǎng)站首頁。

當(dāng)前文章標(biāo)題:認(rèn)識網(wǎng)頁制作中的鏈接

當(dāng)前URL:http://americanwasteexpansions.com/news/wzzz/3070.html

上一篇:網(wǎng)頁設(shè)計中的設(shè)計新聞內(nèi)容頁

下一篇:如何在網(wǎng)頁設(shè)計中定義電子郵件鏈接

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)