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

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

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

4、手動(dòng)修改鏈接路徑，DW會(huì)自動(dòng)更改鏈接。 在創(chuàng)建相對路徑之前一定要先保存新文檔，因?yàn)樵跊]有定義起始點(diǎn)的情況下，相對路徑是無效的。在文檔被保存之前，DW會(huì)自動(dòng)使用以“file:/”開頭的絕對路徑,養(yǎng)成先保存再進(jìn)行操作的習(xí)慣，否則極有可能出現(xiàn)file問題,2.管理和創(chuàng)建鏈接,在創(chuàng)建，最好先定義好站點(diǎn)。在DW中可以用多種方法 創(chuàng)建超鏈接，以下是常用幾種： 使用屬性面板的“瀏覽文件” 選擇文本或圖像，選擇鏈接文件 目標(biāo)文件的打開方式_blank/_parent/_self/_top 使用屬性面板中的指向文件圖標(biāo)創(chuàng)建鏈接 快捷菜單創(chuàng)建鏈接 直接拖動(dòng) 插入欄插入鏈接：可以給鏈接增加提示,2.管理和創(chuàng)建鏈接,

5、鏈接種類 （1）頁間跳轉(zhuǎn)：相對路徑 （2）頁內(nèi)跳轉(zhuǎn)（創(chuàng)建錨點(diǎn)鏈接）： 鏈接到文檔中的指定位置。 創(chuàng)建錨點(diǎn) 使用鏈接到錨點(diǎn)位置： anchar：當(dāng)前文檔的錨點(diǎn)位置 index.htmlanchar：index頁面的錨點(diǎn)位置,2.管理和創(chuàng)建鏈接,（3）空鏈接：是一個(gè)無指向的鏈接。 使用空鏈接可以為頁面上的對象或文本附加行為。在屬性面板的鏈接框中，只輸入一個(gè)“#”號。如果單擊這種地址為一個(gè)“#”的鏈接，無論當(dāng)前你處于文檔的什么地方，都會(huì)自動(dòng)跳轉(zhuǎn)到文檔的開頭位置。 有些人不太喜歡這種情況，因此出現(xiàn)很多插件。使用了插件之后可以用“#”來代替“#”，單擊這樣的鏈接的時(shí)候，會(huì)保持當(dāng)前頁面的瀏覽位置。,2.管

6、理和創(chuàng)建鏈接,（4）腳本鏈接 指執(zhí)行javascript代碼或調(diào)用javascript函數(shù),如： 在鏈接地址鍵入“javascript:alert(meiyou)” 使用javascript:void(null)代替 （5）Email鏈接 通過插入欄插入電子郵件鏈接 也可以用屬性面板創(chuàng)建電子郵件鏈接，直接鍵 入：“mailto：郵箱地址” 一般給出電子郵箱鏈接即可，少用。為什么？,3.創(chuàng)建跳轉(zhuǎn)菜單,跳轉(zhuǎn)菜單是一個(gè)選項(xiàng)彈出菜單。這些選項(xiàng)可 包括其它文件、電子郵件、圖片或其它任何 可在瀏覽器中打開的鏈接。跳轉(zhuǎn)菜單包含一 個(gè)菜單選擇提示（可選）、一個(gè)鏈接菜單列 表和一個(gè)“前往”按鈕（可選）。,3.創(chuàng)

7、建跳轉(zhuǎn)菜單,（1）插入跳轉(zhuǎn)菜單 “插入欄表單跳轉(zhuǎn)菜單” 使用跳轉(zhuǎn)菜單時(shí)，會(huì)發(fā)現(xiàn)第一選項(xiàng)其實(shí)沒起到作用，無法選定該選項(xiàng)，解決方法： 使用菜單提示，每次選擇菜單后，自動(dòng)選擇菜 單提示。例如可以將第一項(xiàng)設(shè)為“請選擇”文字 使用“前往”按鈕 但是要使用這種方法，一般要在剛開始插入跳轉(zhuǎn) 菜單的時(shí)候方有這個(gè)選項(xiàng)。,3.創(chuàng)建跳轉(zhuǎn)菜單,（2）編輯跳轉(zhuǎn)菜單 使用屬性面板和“行為”面板： 屬性面板列表值 “窗口”“行為”打開“行為”面板，雙擊 “跳轉(zhuǎn)菜單”選項(xiàng)，可以跳轉(zhuǎn)菜單進(jìn)行編輯,3.創(chuàng)建跳轉(zhuǎn)菜單,注意問題： 一般使用提示信息的方法 如果加上“請選擇”的首項(xiàng)提示信息時(shí)要注意，如 果該文字沒有設(shè)置為空鏈接，則會(huì)跳轉(zhuǎn)到網(wǎng)頁所在 的目錄，所以需要設(shè)置為空鏈接 第二種方法加入按鈕的作用只是為了讓第一項(xiàng)起作 用，但是選擇其他跳轉(zhuǎn)選項(xiàng)，不用點(diǎn)擊該按鈕也能 實(shí)現(xiàn)跳轉(zhuǎn)。,4.創(chuàng)建導(dǎo)航條,導(dǎo)航條由一個(gè)或多個(gè)圖像組成，其顯示根據(jù)用戶的動(dòng) 作而改變。因此，在使用導(dǎo)航條命令之前，應(yīng)首先創(chuàng) 建一個(gè)導(dǎo)航條圖像集。這些圖像代表四種狀態(tài)。 一般 滑過 按下 按下時(shí)鼠標(biāo)經(jīng)過,5.創(chuàng)建圖像地圖條,使用圖像地圖熱區(qū)時(shí)，熱