|
在經(jīng)過(guò)前面幾個(gè)部分的操作之后，我們的網(wǎng)頁(yè)已經(jīng)圖文并茂，具有相當(dāng)?shù)男Ч�，但是這對(duì)于網(wǎng)頁(yè)來(lái)說(shuō)還不夠，為了網(wǎng)站中的眾多網(wǎng)頁(yè)能夠成為一個(gè)有機(jī)的整體，必須將各個(gè)網(wǎng)頁(yè)通過(guò)超鏈接方式聯(lián)系起來(lái)，這樣才能夠讓瀏覽者在不同的頁(yè)面之間跳轉(zhuǎn)。
鏈接圖片和文字
為一些文字或者圖片建立鏈接非常方便，只要用鼠標(biāo)選中需要變成鏈接的圖片或者文字，然后在屬性面板的“Link”輸入框中輸入需要跳轉(zhuǎn)的目標(biāo)頁(yè)面地址，或者按下輸入框旁邊的文件夾圖標(biāo)來(lái)選擇需要跳轉(zhuǎn)的文件。除此之外，Dreamweaver MX 2004還提供了一種通過(guò)網(wǎng)站窗口來(lái)快速鏈接文件的方法。
第一步 首先運(yùn)行“Site→Manage Sites”命令，并且從彈出菜單中選擇一個(gè)已經(jīng)創(chuàng)建好的站點(diǎn)，此時(shí)可以在右部看見(jiàn)彈出的站點(diǎn)管理窗口。
第二步 在編輯區(qū)選中文字或者圖片，直接拖拽屬性面板中“Link”輸入框旁邊的圓形標(biāo)靶圖標(biāo)，這時(shí)將出現(xiàn)一個(gè)箭頭，當(dāng)箭頭指向網(wǎng)站管理器中的某一個(gè)文件時(shí)，文件周圍會(huì)出現(xiàn)一個(gè)方框(如圖1)。
第三步 松開(kāi)鼠標(biāo)之后，選中的文字下部就會(huì)出現(xiàn)下劃線，同時(shí)單詞的顏色變成藍(lán)色，而且“Link”輸入框中也會(huì)自動(dòng)顯示目標(biāo)文件的地址。
提示：在建立鏈接的時(shí)候需要注意URL的兩種方式。1.絕對(duì)地址：例如www.abc.com/test.htm；2.相對(duì)地址：比如download/1.htm，說(shuō)明頁(yè)面1.htm在服務(wù)器的根目錄中。
圖1
在一張圖片上設(shè)定多個(gè)鏈接
有些網(wǎng)頁(yè)在一張大圖片上做了多個(gè)鏈接，這樣訪問(wèn)者可以通過(guò)點(diǎn)擊圖片的不同位置進(jìn)入不同的頁(yè)面，這是應(yīng)用了圖像熱區(qū)域的概念，我們可以參照下述步驟實(shí)現(xiàn)。
第一步 在Dreamweaver MX 2004中可以先選中圖像，此時(shí)可以在圖像屬性面板上看見(jiàn)一個(gè)“Map”區(qū)域，在其下方有三個(gè)淡藍(lán)色的工具圖標(biāo)，即矩形、圓形和多邊形。
第二步 根據(jù)需要用鼠標(biāo)選中其中的一個(gè)，再把鼠標(biāo)移到圖像上拖拽出一塊淡藍(lán)色的區(qū)域。
第三步 在屬性面板中的“Link”輸入框中填寫需要鏈接的網(wǎng)頁(yè)地址，這樣一個(gè)圖像熱區(qū)域就做好了。
同樣，再對(duì)這幅圖像設(shè)定多個(gè)圖像熱區(qū)域，也就可以實(shí)現(xiàn)點(diǎn)擊圖片的不同區(qū)域進(jìn)入不同的頁(yè)面了。
定制頁(yè)面內(nèi)跳轉(zhuǎn)的鏈接
如果你經(jīng)常在網(wǎng)上訂閱免費(fèi)的電子雜志，或者瀏覽超長(zhǎng)的頁(yè)面應(yīng)該對(duì)這種標(biāo)簽鏈接不陌生，這是通過(guò)一個(gè)類似目錄的列表來(lái)方便地跳轉(zhuǎn)到頁(yè)面內(nèi)任何部分。
第一步 在Dreamweaver MX 2004中先確定鏈接指向的位置，也就是屏幕跳轉(zhuǎn)后停留的位置，接著選中目標(biāo)文本并運(yùn)行“Insert→Named Anchor”命令。
第二步 在“Anchor name”輸入框中鍵入標(biāo)簽名稱(比如test3)，這時(shí)在文本下面會(huì)自動(dòng)出現(xiàn)一個(gè)錨式標(biāo)記來(lái)區(qū)別開(kāi)普通的文本內(nèi)容(如圖2)。
圖2
第三步 在屬性板的“Link”輸入框中輸入“#test3”，其中test3就是剛才設(shè)置的名字，這樣即可實(shí)現(xiàn)頁(yè)面內(nèi)跳轉(zhuǎn)功能了。
提示：如果想指向另外一頁(yè)中的某個(gè)位置也可以，把這個(gè)錨式標(biāo)記放過(guò)去就行了。
快速檢查網(wǎng)頁(yè)鏈接
上網(wǎng)沖浪的時(shí)候，最討厭的就是看見(jiàn)“Web Server error 4004:File Not Found”之類的出錯(cuò)信息。由于一個(gè)網(wǎng)站中的的鏈接數(shù)量很多，稍有不甚就會(huì)導(dǎo)致很多鏈接出錯(cuò)，不過(guò)在Dreamweaver MX 2004中可以很方便地對(duì)鏈接進(jìn)行檢查。
第一步 在Dreamweaver MX 2004中運(yùn)行“Site→Check Links SideWide”命令，此時(shí)將會(huì)激活鏈接檢查面板。
第二步 從面板左上部的“Show”下拉菜單中可以選擇Broken Links(斷掉的鏈接)、Extrenal Links(外部的鏈接)、OrphanedFiles(孤立文件)三種，比如我們選取Orphaned Files之后，Dreamweaver MX 2004將對(duì)當(dāng)前鏈接情況進(jìn)行檢查，并且將孤立的文件列表顯示出來(lái)。
第三步 對(duì)于有問(wèn)題的文件，直接雙擊鼠標(biāo)左鍵即可打開(kāi)進(jìn)行修改。
提示：外部鏈接是鏈接到外部網(wǎng)站的鏈接地址，Dreamweaver無(wú)法對(duì)其正確性進(jìn)行檢查。
在為網(wǎng)頁(yè)建立鏈接的時(shí)候需要提醒大家一定要格外小心，因?yàn)榫W(wǎng)站通常都有數(shù)百個(gè)頁(yè)面，稍不留神就會(huì)導(dǎo)致空鏈接或者是鏈接錯(cuò)誤的情況，這對(duì)你的網(wǎng)站形象可是有很不好的影響喲！
出處：中國(guó)電腦教育報(bào)
責(zé)任編輯：三分油菜田
上一頁(yè) 行為豐富網(wǎng)頁(yè) 下一頁(yè)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁(yè) 
第 5 頁(yè) 超鏈接全接觸
