科普云煙臺網(wǎng)站建設(shè)

煙臺哪家網(wǎng)絡(luò)公司好,煙臺網(wǎng)站建設(shè)哪家物美價(jià)廉,請聯(lián)系“科普云”0535-3609990

您正在閱讀:首頁 > 建站知識 > 策劃設(shè)計(jì)美工 > 正文

如何利用Dreamweaver處理超鏈接

綠客:2013-11-07 07:19:19 發(fā)布

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

  1.超鏈接簡介

  超鏈接是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)頁中用來超鏈接的對象,可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上,并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。

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

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

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

  (2)合理安排超鏈接

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

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

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

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

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

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

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

  2.建立文本超鏈接:

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

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

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

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

  (1)創(chuàng)建文本超鏈接

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

  ② 在屬性面板上指定文字的鏈接目標(biāo)。可按以下4種方法指定文字的超鏈接: 

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

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

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

  選擇"Modify"|"Make Link"命令,也可打開"選擇文件"對話框。

  ③ 確定完鏈接目標(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è)置完成。

 ?。?)編輯文本超鏈接

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

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

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

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

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

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

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

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

 ?、趧h除文本超鏈接

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

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

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

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

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

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

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

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

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

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

(科普云-企業(yè)網(wǎng)站建設(shè))為您解讀更多"Dreamweaver,超鏈接,文本超鏈接,圖片超鏈接"相關(guān)知識。
科普云一直致力于互聯(lián)網(wǎng)品牌策劃與設(shè)計(jì),做煙臺最有創(chuàng)意的網(wǎng)絡(luò)公司。(官網(wǎng):federalmarketingsolutions.com
更多
Copyright © 2006-2020 by 煙臺市科普云網(wǎng)絡(luò)科技有限公司. 技術(shù)客服:0535-3609990 15563895127
主營業(yè)務(wù): 煙臺網(wǎng)站建設(shè)、煙臺網(wǎng)站制作、煙臺網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、煙臺網(wǎng)絡(luò)公司、煙臺虛擬主機(jī)、煙臺網(wǎng)站改版、煙臺域名注冊