五創(chuàng)建鏈接和導(dǎo)航教學(xué)內(nèi)容

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

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

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

index.html＃anchar：index頁(yè)面的錨點(diǎn)位置2.管理和創(chuàng)建鏈接（3）空鏈接：是一個(gè)無(wú)指向的鏈接。使用空鏈接可以為頁(yè)面上的對(duì)象或文本附加行為。

在屬性面板的鏈接框中，只輸入一個(gè)“#”號(hào)。如果單擊這種地址為一個(gè)“#”的鏈接，無(wú)論當(dāng)前你處于文檔的什么地方，都會(huì)自動(dòng)跳轉(zhuǎn)到文檔的開(kāi)頭位置。有些人不太喜歡這種情況，因此出現(xiàn)很多插件。使用了插件之后可以用“###”來(lái)代替“#”，單擊這樣的鏈接的時(shí)候，會(huì)保持當(dāng)前頁(yè)面的瀏覽位置。2.管理和創(chuàng)建鏈接腳本鏈接指執(zhí)行javascript代碼或調(diào)用javascript函數(shù),如：①在鏈接地址鍵入“javascript:alert(‘meiyou’)”②使用javascript:void(null)代替＃E－mail鏈接－通過(guò)插入欄插入電子郵件鏈接－也可以用屬性面板創(chuàng)建電子郵件鏈接，直接鍵入：“mailto：郵箱地址”一般給出電子郵箱鏈接即可，少用。為什么？3.創(chuàng)建跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單是一個(gè)選項(xiàng)彈出菜單。這些選項(xiàng)可包括其它文件、電子郵件、圖片或其它任何可在瀏覽器中打開(kāi)的鏈接。跳轉(zhuǎn)菜單包含一個(gè)菜單選擇提示（可選）、一個(gè)鏈接菜單列表和一個(gè)“前往”按鈕（可選）。3.創(chuàng)建跳轉(zhuǎn)菜單插入跳轉(zhuǎn)菜單“插入欄－表單－跳轉(zhuǎn)菜單”使用跳轉(zhuǎn)菜單時(shí)，會(huì)發(fā)現(xiàn)第一選項(xiàng)其實(shí)沒(méi)起到作用，無(wú)法選定該選項(xiàng)，解決方法：①使用菜單提示，每次選擇菜單后，自動(dòng)選擇菜單提示。例如可以將第一項(xiàng)設(shè)為“請(qǐng)選擇…”文字②使用“前往”按鈕但是要使用這種方法，一般要在剛開(kāi)始插入跳轉(zhuǎn)菜單的時(shí)候方有這個(gè)選項(xiàng)。3.創(chuàng)建跳轉(zhuǎn)菜單（2）編輯跳轉(zhuǎn)菜單①使用屬性面板和“行為”面板：屬性面板－列表值②“窗口”－“行為”打開(kāi)“行為”面板，雙擊

“跳轉(zhuǎn)菜單”選項(xiàng)，可以跳轉(zhuǎn)菜單進(jìn)行編輯3.創(chuàng)建跳轉(zhuǎn)菜單注意問(wèn)題：①一般使用提示信息的方法②如果加上“請(qǐng)選擇…”的首項(xiàng)提示信息時(shí)要注意，如果該文字沒(méi)有設(shè)置為空鏈接，則會(huì)跳轉(zhuǎn)到網(wǎng)頁(yè)所在的目錄，所以需要設(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)。一般滑過(guò)按下按下時(shí)鼠標(biāo)經(jīng)過(guò)5.創(chuàng)建圖像地圖條使用圖像地圖熱區(qū)時(shí)，熱