四創(chuàng)建鏈接和導(dǎo)航

1、 四.創(chuàng)建鏈接和導(dǎo)航1 四.創(chuàng)建鏈接和導(dǎo)航 1.認(rèn)識(shí)絕對(duì)路徑和相對(duì)路徑 2.創(chuàng)建和管理鏈接 3.創(chuàng)建跳轉(zhuǎn)菜單 4.創(chuàng)建導(dǎo)航條 5.創(chuàng)建圖像地圖（圖像熱點(diǎn)）2 1.絕對(duì)路徑和相對(duì)路徑（超）鏈接是網(wǎng)頁的靈魂，它合理、協(xié)調(diào)地把網(wǎng)頁中的眾多頁面通過鏈接構(gòu)成一個(gè)有機(jī)整體，是訪問者能訪問自己想去的地方。超級(jí)鏈接可以是一段文本，一幅圖像、或其它網(wǎng)頁元素。當(dāng)在瀏覽器用鼠標(biāo)單擊這些對(duì)象時(shí)，瀏覽器就會(huì)根據(jù)其指示載入一個(gè)新的頁面或者跳轉(zhuǎn)到頁面的其它位置。在DW中，鏈接路徑可以使用3種表示方式： 絕對(duì)路徑、相對(duì)路徑和基于根目錄的路徑。3 1.絕對(duì)路徑和相對(duì)路徑（1）絕對(duì)路徑 在鏈接中，絕對(duì)路徑提供了鏈接文檔的完整 的

2、URL地址，包括所使用的傳輸協(xié)議（對(duì)于網(wǎng) 頁通常是http:/）。 在創(chuàng)建外部鏈接（從一個(gè)網(wǎng)站鏈接到另一個(gè) 網(wǎng)站）時(shí)，也就是說鏈接不同站點(diǎn)上的文 檔，必須使用絕對(duì)路徑。例如： 4 1.絕對(duì)路徑和相對(duì)路徑（2）相對(duì)路徑和當(dāng)前文檔所在的文件夾相對(duì)的路徑，是以源文檔所在位置為起點(diǎn)到被鏈接文檔經(jīng)由的路徑。這是用于本地鏈接的最適宜的路徑。當(dāng)用戶要把當(dāng)前文檔與處在相同文件夾中的另一文檔鏈接，或把同一網(wǎng)站下不同文件夾中的文檔相互鏈接時(shí)，就可以使用相對(duì)路徑。如dw/content.html。 “.”符號(hào)可以用來表示當(dāng)前位置的父級(jí)目錄./abc.htm;./abc/abc.htm ;././abc.htm5 1

3、.絕對(duì)路徑和相對(duì)路徑（3）根目錄相對(duì)路徑 指從站點(diǎn)文件夾到被鏈接文檔經(jīng)由的路徑。一個(gè)根相對(duì)路徑以前斜杠開頭，如/support/tips.htm就是根文件夾下的support子文件夾下的一個(gè)文件tips.htm的根相對(duì)路徑。根目錄相對(duì)路徑同樣適合用于創(chuàng)建內(nèi)部鏈接，但不建議使用。根目錄相對(duì)地址只能由服務(wù)器來解釋，所以在自己計(jì)算機(jī)上打開一個(gè)帶有根目錄相對(duì)地址鏈接的網(wǎng)頁，上面的鏈接是無效的。6 1.絕對(duì)路徑和相對(duì)路徑注意問題：(2)相對(duì)路徑是最適合網(wǎng)站的內(nèi)部鏈接。只要是 屬于同一網(wǎng)站之下的，即使不在同一個(gè)目錄 下，相對(duì)鏈接也非常適合。當(dāng)使用相對(duì)路徑 時(shí)，如果在DW中改變了某個(gè)文件的存放位 置，不需要

4、手動(dòng)修改鏈接路徑，DW會(huì)自動(dòng)更 改鏈接。(2)在創(chuàng)建相對(duì)路徑之前一定要先保存新文檔， 因?yàn)樵跊]有定義起始點(diǎn)的情況下，相對(duì)路徑 是無效的。在文檔被保存之前，DW會(huì)自動(dòng)使 用以開頭的絕對(duì)路徑7 2.創(chuàng)建和管理鏈接在創(chuàng)建，最好先定義好站點(diǎn)。在DW中可以用多種方法創(chuàng)建超鏈接，以下是常用幾種：使用屬性面板的“瀏覽文件” 選擇文本或圖像，選擇鏈接文件，目標(biāo)文件 的打開方式_blank/_parent/_self/_top使用屬性面板中的指向文件圖標(biāo)創(chuàng)建鏈接右鍵快捷菜單創(chuàng)建鏈接直接拖動(dòng)直接插入 可以給鏈接增加提示，給鏈接增加快捷鍵8 2.創(chuàng)建和管理鏈接鏈接種類1）頁間跳轉(zhuǎn)：相對(duì)路徑2）頁內(nèi)跳轉(zhuǎn)（創(chuàng)建錨點(diǎn)鏈接

5、）： 鏈接到文檔中的指定位置。 創(chuàng)建錨點(diǎn) 使用鏈接到錨點(diǎn)位置： anchar、index.htmlanchar9 2.創(chuàng)建和管理鏈接3）空鏈接：是一個(gè)無指向的鏈接。使用空鏈接可以為頁面上的對(duì)象或文本附加行為。在屬性面板的鏈接框中，只輸入一個(gè)“#”號(hào)。如果單擊這種地址為一個(gè)“#”的鏈接，無論當(dāng)前你處于文檔的什么地方，都會(huì)自動(dòng)跳轉(zhuǎn)到文檔的開頭位置。如果不想出現(xiàn)這種自動(dòng)跳轉(zhuǎn)到文檔開頭的情況可以安裝插件進(jìn)行處理。10 2.創(chuàng)建和管理鏈接4）腳本鏈接指執(zhí)行javascript代碼或調(diào)用javascript函數(shù).如在鏈接地址鍵入:javascript:alert(“meiyou”)5）Email鏈接通過插

6、入欄插入電子郵件鏈接也可以用屬性面板創(chuàng)建電子郵件鏈接，直接 鍵 入：“mailto：郵箱地址”11 3.創(chuàng)建跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單是一個(gè)選項(xiàng)彈出菜單。這些選項(xiàng)可包括其它文件、電子郵件、圖片或其它任何可在瀏覽器中打開的鏈接。跳轉(zhuǎn)菜單包含一個(gè)菜單選擇提示（可選）、一個(gè)鏈接菜單列表和一個(gè)“前往”按鈕（可選）。12 3.創(chuàng)建跳轉(zhuǎn)菜單（1）插入跳轉(zhuǎn)菜單 “插入欄表單跳轉(zhuǎn)菜單”使用跳轉(zhuǎn)菜單時(shí)，會(huì)發(fā)現(xiàn)第一選項(xiàng)其實(shí)沒起到作用，無法選定該選項(xiàng)，解決方法：使用菜單提示，每次選擇菜單后，自動(dòng)選擇 菜單提示。例如可以將第一項(xiàng)設(shè)為“請(qǐng)選擇” 文字使用“前往”按鈕13 3.創(chuàng)建跳轉(zhuǎn)菜單（2） 編輯跳轉(zhuǎn)菜單使用屬性面板和“行為”面板： 屬性面板列表值 “窗口行為”打開“行為”面板，雙擊“跳轉(zhuǎn)菜 單”選項(xiàng)，可以跳轉(zhuǎn)菜單進(jìn)行編輯14 4.創(chuàng)建導(dǎo)航條