如何利用Dreamweaver處理超鏈接

創(chuàng)建文字超鏈接：

　　1．超鏈接簡(jiǎn)介

　　超鏈接是WWW技術(shù)的核心，是網(wǎng)頁中最重要、最根本的元素之一。超鏈接能夠使多個(gè)孤立的網(wǎng)頁之間產(chǎn)生一定的相互聯(lián)系，從而使單獨(dú)的網(wǎng)頁形成一個(gè)有機(jī)的整體。

　?。?）什么是超鏈接

　　所謂的超鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個(gè)圖片、一個(gè)電子郵件地址、一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁中用來超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。

　　按照鏈接路徑的不同，網(wǎng)頁中超鏈接一般分為以下3種類型：

　　內(nèi)部鏈接、錨點(diǎn)鏈接和外部鏈接。

　　如果按照使用對(duì)象的不同，網(wǎng)頁中的鏈接又可以分為：文本超鏈接、圖像超鏈接、E-mail鏈接、錨點(diǎn)鏈接、多媒體文件鏈接、空鏈接等。 

　?。?）合理安排超鏈接

　　合理安排超鏈接在網(wǎng)頁的制作中是非常重要的。采用什么結(jié)構(gòu)的鏈接會(huì)直接影響到網(wǎng)頁的布局。

　　在這里給大家一些設(shè)計(jì)鏈接的建議。

　　1。避免孤立文件的存在：應(yīng)該避免存在孤立的文件，這樣能使將來在修改和維護(hù)鏈接時(shí)有清晰的思路。

　　2。在網(wǎng)頁中避免使用過多的超級(jí)鏈接：在一個(gè)網(wǎng)頁中設(shè)置過多超鏈接會(huì)導(dǎo)致網(wǎng)頁的觀賞性不強(qiáng)，文件過大。如果避免不了過多的超鏈接，可以嘗試使用下拉列表框、動(dòng)態(tài)鏈接等一些鏈接方式。

　　3。網(wǎng)頁中的超鏈接不要超過4層：鏈接層數(shù)過多容易讓人產(chǎn)生厭煩的感覺，在力求做到結(jié)構(gòu)化的同時(shí)，應(yīng)注意鏈接避免超過4層。

　　4。頁面較長(zhǎng)時(shí)可以使用書簽：在頁面較長(zhǎng)時(shí)，可以定義一個(gè)書簽，這樣能讓瀏覽者方便地找到想要的信息。

　　5。設(shè)置主頁或上一層的鏈接：有些瀏覽者可能不是從網(wǎng)站的主頁進(jìn)入網(wǎng)站的，設(shè)置主頁或上一層的鏈接，會(huì)讓瀏覽者更加方便地瀏覽全部網(wǎng)頁。

　　2．建立文本超鏈接：

　　在創(chuàng)建超鏈接之前，首先了解網(wǎng)站中3種類型的文檔路徑：絕對(duì)路徑、和根目錄相對(duì)路徑以及和文檔相對(duì)路徑。

　　絕對(duì)路徑：是包含服務(wù)器協(xié)議（對(duì)于網(wǎng)頁來說通常是http://或ftp://）的完全路徑，絕對(duì)路徑包含的是精確地址而不用考慮源文件的位置。但是如果目標(biāo)文件被移動(dòng)，則鏈接無效。創(chuàng)建外部超鏈接時(shí)必須使用絕對(duì)路徑。

　　和根目錄相對(duì)的路徑：是從當(dāng)前站點(diǎn)的根目錄開始的路徑。站點(diǎn)上所有可公開的文件都存放在站點(diǎn)的根目錄下。和根目錄相對(duì)的路徑使用斜杠以告訴服務(wù)器從根目錄開始。

　　和文檔相對(duì)的路徑：是指和當(dāng)前文檔所在的文件夾相對(duì)的路徑。這種路徑通常是最簡(jiǎn)單的路徑，可以用來鏈接和當(dāng)前文檔處于同一文件夾下的文檔。

　?。?）創(chuàng)建文本超鏈接

　?、?在網(wǎng)頁上選擇需要添加超鏈接的文本，此時(shí)屬性面板成為文本屬性面板；

　　② 在屬性面板上指定文字的鏈接目標(biāo)?？砂匆韵?種方法指定文字的超鏈接： 

　　單擊"Link"文本框右側(cè)的文件夾按鈕，在彈出的"選擇文件"對(duì)話框中選擇鏈接的目標(biāo)文件。

　　在文本框中直接輸入目標(biāo)的絕對(duì)路徑。

　　利用屬性面板上的"Point to File（指向文件）"按鈕，為文字加入超鏈接。但必須要建立本地站點(diǎn)，且本地站點(diǎn)上還要有文件存在，才能使用此方法。

　　選擇"Modify"|"Make Link"命令，也可打開"選擇文件"對(duì)話框。

　　③ 確定完鏈接目標(biāo)之后，在"Link"文本框中出現(xiàn)文字的鏈接目標(biāo)。在"Target"下拉列表框中選擇目標(biāo)文件打開的方式  

　　Target表示所鏈接的目標(biāo)文件在瀏覽器中打開的方式，在其下拉列表框中一共有4個(gè)選項(xiàng)：

　　blank：將目標(biāo)文件載入到新的未命名瀏覽器窗口中。

　　parent：將目標(biāo)文件載入到父框架集或包含該鏈接的框架窗口中。

　　self：將目標(biāo)文件載入與該鏈接相同的框架或窗口中。

　　top：將目標(biāo)文件載入到整個(gè)瀏覽器窗口并刪除所有框架。

　　_parent、_self、_top只有在使用框架頁面時(shí)才有效。

　　設(shè)置結(jié)束后，在網(wǎng)頁中被選擇的文字顏色變?yōu)樗{(lán)色，且在文字底部出現(xiàn)一條下劃線，即文字的超鏈接設(shè)置完成。

　　（2）編輯文本超鏈接

　?、僭O(shè)置文本鏈接的狀態(tài)

　　一個(gè)未被訪問過的鏈接與一個(gè)被激活的鏈接在形式上肯定會(huì)有所區(qū)別，鏈接被訪問過了也會(huì)發(fā)生變化，提示用戶這是一個(gè)已經(jīng)點(diǎn)擊過的鏈接，所有這些都是鏈接的狀態(tài)。通過設(shè)置不同的文本顏色可以使各個(gè)狀態(tài)區(qū)別開來。

設(shè)置不同的文本顏色的具體步驟如下：

　　打開包含文本鏈接的文檔"園丁樂園"，選擇主菜單中的"Modify（修改）"|"Page Properties（頁面屬性）"命令，打開"Page Properties（頁面屬性）"對(duì)話框；

　　單擊"Links（鏈接）"項(xiàng)右邊的圖標(biāo)，打開調(diào)色板，選取一種顏色；

　　同樣為"Visited Links（訪問過的鏈接）"、"Active（活動(dòng)鏈接）"項(xiàng)設(shè)置不同的顏色；

　　單擊"Ok"按鈕，完成設(shè)置。

　　設(shè)置完成之后，按下"F12"鍵，預(yù)覽網(wǎng)頁，鏈接的三種狀態(tài)通過不同的顏色區(qū)別開來。 

　?、趧h除文本超鏈接

　　在Dreamweaver 4.0中要?jiǎng)h除一個(gè)文本超鏈接很容易，先用鼠標(biāo)選定文本對(duì)象，將光標(biāo)定位于屬性面板的"Link"文本框中，用"BackSpace"鍵或"Delete"鍵，將其顯示的超鏈接對(duì)象文件名刪除，再回車，或選擇"Modify"|"Remove Link"命令，都可以刪除超鏈接而保留原文本對(duì)象。

創(chuàng)建圖片超鏈接：

　　1．創(chuàng)建圖片超鏈接

　　創(chuàng)建圖片超鏈接的步驟如下：

　?。?）選中所需建立超鏈接的圖片，此時(shí)屬性面板為圖片的屬性面板。

　?。?）在圖片屬性面板中，為圖片添加文檔相對(duì)路徑的鏈接。具體方法可參考為文本添加超鏈接的操作；

　?。?）按"F12"預(yù)覽網(wǎng)頁。

　　圖像連接不像文本鏈接那樣，會(huì)發(fā)生許多提示，圖像本身不會(huì)發(fā)生改變，只是在預(yù)覽網(wǎng)頁時(shí)，當(dāng)鼠標(biāo)指針經(jīng)過帶鏈接的圖像時(shí)，指針的形狀變?yōu)?quot;手"的形狀。點(diǎn)擊圖像就會(huì)打開所鏈接的文檔。 

科普云 煙臺(tái)網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)部整理發(fā)布

文章標(biāo)題：如何利用Dreamweaver處理超鏈接
文章網(wǎng)址：http://infodesignservicos.com/jishufenxiang/nr139.html
歡迎轉(zhuǎn)載收藏