網(wǎng)頁(yè)中使用超鏈接-全文預(yù)覽
【正文】 圖 525 “插入導(dǎo)航條”對(duì)話框 （ 2）在“項(xiàng)目名稱”文本框中為導(dǎo)航條第一項(xiàng)選擇名稱。 在設(shè)計(jì)中不必包括所有這 4 種狀態(tài)的導(dǎo)航圖像。圖像的外觀發(fā)生變化（如變得更亮），以讓用戶知道可與這個(gè)項(xiàng)目進(jìn)行交互。 創(chuàng)建導(dǎo)航條 認(rèn)識(shí)導(dǎo)航條 1. 導(dǎo)航條的作用 通常在網(wǎng)頁(yè)的首頁(yè)上可設(shè)置一個(gè)導(dǎo)航條 ,這樣既可為瀏覽者瀏覽網(wǎng)站提供一個(gè)索引 ,又能引導(dǎo)瀏覽者瀏覽整個(gè)網(wǎng)站的不同頁(yè)面。 ? 在網(wǎng)頁(yè)中選定超鏈接文本?？梢灾苯釉趯傩悦姘逯凶煮w下拉列表框中修改鏈接字體，如圖 521 所示。 （ 2）分別單擊 3 種超鏈接的顏色右側(cè)的“▼”按鈕，在彈出的顏色面板中重新選擇其顏色，如圖 520 所示。 利用 Dreamweaver 8 編輯超鏈接 設(shè)置鏈接顏色 在通常情況下，超鏈接默認(rèn)的顏色為藍(lán)色，活動(dòng)超鏈接的顏色為紅色，已訪問(wèn)過(guò)的 超鏈接顏色為紫色。 （ 3）移動(dòng)熱點(diǎn) 使用指針熱點(diǎn)工具選擇一個(gè)熱點(diǎn)。 （ 1）復(fù)制熱點(diǎn) 可以將含有熱點(diǎn)的地圖從一格文檔拷貝到另一格文檔，或者拷貝某圖像中的一個(gè)或多個(gè)熱點(diǎn)，然后將其粘貼到其他圖像上，這樣就將與該圖像關(guān)聯(lián)的熱點(diǎn)也拷貝到了新文檔中，如圖像中有若干相同形狀的熱點(diǎn)，只需要?jiǎng)?chuàng)建一個(gè)，然后復(fù)制即可。 注意：只有當(dāng)所算熱點(diǎn)包含 鏈接時(shí)，目標(biāo)才可用。當(dāng)前文檔中所有已命名框架的名稱都顯示在此彈出列表中。 圖 517 定義圖像地圖區(qū)域 ② 定義熱點(diǎn)屬性 選中其中一個(gè)熱點(diǎn)，在熱點(diǎn)屬性面板設(shè)置其屬性，如圖 518 所示。 若要定義圖像地圖區(qū)域，選擇下列方法之一。在屬性面板中，單擊右下角的展開箭頭▽，查看所有屬性。在同一文檔中，可以同時(shí)使用客戶端圖像地圖。 客戶端圖像地圖將超文本鏈接信息存儲(chǔ)在ＨＴＭＬ文檔中，而不是像服務(wù)器端圖像地圖那樣，存儲(chǔ)在單獨(dú)的地圖文件中。然后選擇網(wǎng)頁(yè)中需要建立超鏈接的文字，按下一步 Shift 鍵拖動(dòng)鼠標(biāo)指針到站點(diǎn)窗口中的目標(biāo)文件。實(shí)現(xiàn)文件下載的功能很簡(jiǎn)單，只需加入連接到文件的超鏈接就可以了。在屬性面板的“鏈接”文本框中，鍵入 JavaScript：，后面跟一些 JavaScript 代碼或函數(shù)調(diào)用。腳本鏈接非常有用，能夠在不離開當(dāng)前網(wǎng)頁(yè)的情況下為訪問(wèn)者提供有關(guān)某項(xiàng)的附加信息 。建立空鏈接的目的主要是為了應(yīng)用行為，在其他情況下不必創(chuàng)建空鏈接。 圖 512 使用屬性面板創(chuàng)建電子郵件鏈接 創(chuàng)建空鏈接和腳本鏈接 空鏈接是未指派的鏈接。 在“文檔”窗口的“設(shè)計(jì)”視圖中選擇文本或圖像。 （ 1）在“文檔”窗口的“設(shè)計(jì)”視圖中，將插入點(diǎn)放在希望出現(xiàn)電子郵件鏈接的位置，或者選擇要作為電子郵件鏈接出現(xiàn)的文本或圖像。 創(chuàng)建電子郵件鏈接 在網(wǎng)頁(yè)上創(chuàng)建郵件鏈接 ,可以方便地讓訪問(wèn)者反饋意見。 如果要鏈接到同一文件夾內(nèi)其他名為“ bottom”的錨記，可鍵入 ﹟ bottom,如圖 510 所示。 注意：錨點(diǎn)不能放在層中。雖然在“命名錨記”對(duì)話框中可以輸入中文，但在“屬性”面板中顯示的則是一堆亂碼，并且在為錨記添加鏈接時(shí)，也無(wú)法工作。這時(shí)，錨記標(biāo)記 將在插入點(diǎn)處出現(xiàn)。在瀏覽網(wǎng)頁(yè)時(shí)，用鼠標(biāo)單擊源端點(diǎn)，光標(biāo)就會(huì)馬上移到錨記的位置上。 圖 58 當(dāng)鼠標(biāo)指針指向超文本鏈接后瀏覽器中所見的結(jié)果 5． 2． 2 創(chuàng)建錨點(diǎn)超鏈接 當(dāng)一個(gè)網(wǎng)頁(yè)的主題或文字較多時(shí)，可以在網(wǎng)頁(yè)內(nèi)建立多 個(gè)標(biāo)記點(diǎn)，將超鏈接指定到這些標(biāo)記點(diǎn)上，能夠使瀏覽者快速找到要閱讀的內(nèi)容，這些標(biāo)記點(diǎn)稱為錨記。 ? _top—— 在整個(gè)瀏覽器窗口中載入所鏈接的文檔，但它會(huì)刪除所有框架。 ? _blank—— 在一個(gè)未命名的新瀏覽器窗口中載入所鏈接的文檔。 文本：欲設(shè)置超級(jí)鏈接的文本對(duì)象。 圖 55 拖動(dòng)“指向文件”圖標(biāo)到目標(biāo)窗口 （ 3）如果目標(biāo)文檔沒有打開，也可以將“指向文件”圖標(biāo)拖動(dòng)到站點(diǎn)窗口中相應(yīng)的位置，如圖 56 所示。 參數(shù)：?jiǎn)螕簟皡?shù)”按鈕，可以打開如圖 54 所示的鏈接參數(shù)設(shè)置窗口，不過(guò)需要注意的是該項(xiàng)只對(duì)數(shù)據(jù)庫(kù)中鏈接的文檔有效。 圖 53 “選擇文件”對(duì)話框 （ 4）設(shè)置“選擇文件”對(duì)話框的參數(shù)。 利用 Dreamweaver 8 創(chuàng)建超鏈接 5． 2． 1 創(chuàng)建文字超鏈接 如果想在 Dreamweaver 8 中為頁(yè)面中的文本對(duì)象創(chuàng)建超鏈接，可以在文本“屬性”面板中按如下方法進(jìn)行操作。 “../”相當(dāng)于 D:\my web\。 若要鏈接的文件與當(dāng)前文檔處在同一文檔夾中 ，只需輸入文件名即可。 （ 2）文檔相對(duì)路徑 文檔相對(duì)路徑對(duì)于大多數(shù) WEB 站點(diǎn)的本地鏈接來(lái)說(shuō)，是最合適的路徑。 如果目錄結(jié)構(gòu)過(guò)深，在引用根目錄下有文件時(shí)，用根相對(duì)路徑會(huì)更好些。 在本地磁盤上編輯網(wǎng)頁(yè)時(shí)，需要選定一個(gè)文件夾來(lái)定義本地站點(diǎn)，模擬服務(wù)器上的根文件夾，系統(tǒng)就根據(jù)這個(gè)文件夾來(lái)確定所有鏈接的本地文件位置，而根相對(duì)路徑中的根就是指這個(gè)文件夾。 必須使用絕對(duì)路徑來(lái)鏈接其他服務(wù)器上的文檔 。檔，就必須使用絕對(duì)路徑。 超鏈接按目標(biāo)端點(diǎn)的鏈接劃分，可分為外部鏈接、內(nèi)部鏈接、電子郵件鏈接、局部鏈接、腳本鏈接等。超鏈接是用預(yù)先準(zhǔn)備的好文本、按鈕、圖像等對(duì)象與其他對(duì)象建立的一種鏈接，也就是源端和目標(biāo)端點(diǎn)之間的建立一種鏈接。通過(guò)點(diǎn)擊網(wǎng)頁(yè)上的鏈接，才能真正實(shí)現(xiàn)網(wǎng)絡(luò)無(wú)國(guó)界，我們才可以在信息海洋中盡情遨游。為了把 Inter 上眾多分散的網(wǎng)站的網(wǎng)頁(yè)聯(lián)系起來(lái)，構(gòu)成一個(gè)有機(jī)的整體，就是在網(wǎng)頁(yè)上加入鏈接。通 過(guò)本章的學(xué)習(xí)，讀者應(yīng)該掌握以下內(nèi)容； ? 認(rèn)識(shí)超鏈接 ? 掌握利用 Dreamweaver 創(chuàng)建各種超鏈接的方法 ? 掌握利用 Dreamweaver 編輯各種超鏈接的方法 ? 管理超鏈接下的方法 超鏈接基礎(chǔ) 5． 1． 1 超鏈接的種類 超鏈接為暢游網(wǎng)絡(luò)提供了方便，它是網(wǎng)頁(yè)制作中使用比較多的一種技術(shù)。超文本鏈接的源錨文本下方有下劃線，而非超文本鏈接是用除文本之外的其他對(duì)象構(gòu)建的鏈接，其源錨可以是圖像、表格、列表、表單、多媒體等對(duì)象。 絕對(duì)路徑是包括服務(wù)器協(xié)議（本例中為 HTTP）的完全路徑，比發(fā)如“洪恩在線 —— 電腦樂園”，完全路徑為 。例如 , 就是一個(gè)絕對(duì)路徑。 相對(duì)路徑包括根相對(duì)路（ Site Root）和文檔相對(duì)路徑 (Document)兩種。如時(shí) D 盤 my web 目錄就是名為“ my web ”的站點(diǎn)，這時(shí)“ /”路徑就表示文件位置為 D:\my web\，這樣即使站點(diǎn)中的文件被移動(dòng)了，其鏈接仍可經(jīng)生效。比如要瀏覽 D:my web 下的文件，可以選擇 Windows“開始”菜單中的“運(yùn)行”，彈出運(yùn)行對(duì)話框，輸入“ substh:d:\my web”，如圖： 51 所示， D 盤下的 My we 文件 夾就被虛擬為 H 盤，在瀏覽器中查看 H 盤下網(wǎng)頁(yè)，用根相對(duì)路徑鏈接的內(nèi)容都可以正常顯示了。
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1