認識網頁制作中的鏈接

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

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

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

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

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

建立網頁鏈接

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

定義網頁間鏈接

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

操作步驟】

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

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

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

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

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

第4步,選擇鏈接目標的載入位置。在默認情況下,被鏈接網頁是在當前窗口中打開的。要想使鏈接目標顯示在其他窗口,需要在【目標】下拉列表框中進行選擇。

?-blank:把鏈接目標載入到新的瀏覽器窗口中顯示。   

?new:把鏈接目標載入到新窗口中顯示。   

?-parent:把鏈接目標載入到父窗口或包含該鏈接的框架窗口中顯示。   

?-self:把鏈接目標載入到與該鏈接相同的框架或窗口中顯示(默認設置)。   

?-top:把鏈接目標載入到頂部瀏覽器窗口并刪除所有框架。

第5步,鏈接設置完畢后,按F12鍵在主瀏覽器中瀏覽頁面效果。鼠標指針移到鏈接載體上變成手形,單擊就會鏈接到公司的網站首頁。

網站建設、網絡營銷咨詢專線:0871-63535511(點擊可一鍵撥號)