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