五創(chuàng)建鏈接和導(dǎo)航ppt課件

1、 五.創(chuàng)建鏈接和導(dǎo)航五五. .創(chuàng)建鏈接和導(dǎo)航創(chuàng)建鏈接和導(dǎo)航 第3章 3.1.3 插入文本超鏈接 P46-P49 1.絕對(duì)途徑和相對(duì)途徑 2.創(chuàng)建和管理鏈接 3.創(chuàng)建跳轉(zhuǎn)菜單 4.創(chuàng)建導(dǎo)航條 5.創(chuàng)建圖像地圖圖像熱點(diǎn)1.1.絕對(duì)途徑和相對(duì)途徑絕對(duì)途徑和相對(duì)途徑超鏈接是網(wǎng)頁(yè)的靈魂，它合理、協(xié)調(diào)地把網(wǎng)頁(yè)中的眾多頁(yè)面經(jīng)過(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中，鏈接途徑可以運(yùn)用3種表示方式： 絕對(duì)途徑、相對(duì)途徑和基于根目錄的途徑。1.1.絕

2、對(duì)途徑和相對(duì)途徑絕對(duì)途徑和相對(duì)途徑1絕對(duì)途徑 在鏈接中，絕對(duì)途徑提供了鏈接文檔的完好的 URL地址，包括所運(yùn)用的傳輸協(xié)議對(duì)于網(wǎng)頁(yè) 通常是。在創(chuàng)建外部鏈接從一個(gè)網(wǎng)站鏈接到另一個(gè) 網(wǎng)站時(shí)，也就是說(shuō)鏈接不同站點(diǎn)上的文檔， 必需運(yùn)用絕對(duì)途徑。 例如：/index.htm 1.1.絕對(duì)途徑和相對(duì)途徑絕對(duì)途徑和相對(duì)途徑2相對(duì)途徑和當(dāng)前文檔所在的文件夾相對(duì)的途徑，是以源文檔所在位置為起點(diǎn)到被鏈接文檔經(jīng)由的途徑。這是用于本地鏈接的最適宜的途徑。當(dāng)用戶要把當(dāng)前文檔與處在一樣文件夾中的另一文檔鏈接，或把同一網(wǎng)站下不同文件夾中的文檔相互鏈接時(shí)，就可以運(yùn)用相對(duì)途徑。如：dw/content.ht

3、ml?！?符號(hào)可以用來(lái)表示當(dāng)前位置的父級(jí)目錄1.1.絕對(duì)途徑和相對(duì)途徑絕對(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)部鏈接，但不建議運(yùn)用。根目錄相對(duì)地址只能由效力器來(lái)解釋，所以在本人計(jì)算機(jī)上翻開(kāi)一個(gè)帶有根目錄相對(duì)地址鏈接的網(wǎng)頁(yè)，上面的鏈接是無(wú)效的。 1.1.絕對(duì)途徑和相對(duì)途徑絕對(duì)途徑和相對(duì)途徑留意問(wèn)題： 相對(duì)途徑是最適宜網(wǎng)站的內(nèi)部鏈接。只需是屬于同一網(wǎng)站之下的，即使不在同一個(gè)目錄下，相對(duì)鏈接也

4、非常適宜。當(dāng)運(yùn)用相對(duì)途徑時(shí)，假設(shè)在DW中改動(dòng)了某個(gè)文件的存放位置，不需求手動(dòng)修正鏈接途徑，DW會(huì)自動(dòng)更改鏈接。 在創(chuàng)建相對(duì)途徑之前一定要先保管新文檔，由于在沒(méi)有定義起始點(diǎn)的情況下，相對(duì)途徑是無(wú)效的。在文檔被保管之前，DW會(huì)自動(dòng)運(yùn)用以“file開(kāi)頭的絕對(duì)途徑養(yǎng)成先保管再進(jìn)展操作的習(xí)慣，否那么極有能夠出現(xiàn)file問(wèn)題2.2.管理和創(chuàng)建鏈接管理和創(chuàng)建鏈接在創(chuàng)建，最好先定義好站點(diǎn)。在DW中可以用多種方法創(chuàng)建超鏈接，以下是常用幾種：運(yùn)用屬性面板的“閱讀文件 選擇文本或圖像，選擇鏈接文件 目的文件的翻開(kāi)方式_blank/_parent/_self/_top運(yùn)用屬性面板中的指向文件圖標(biāo)創(chuàng)建鏈接快捷菜單創(chuàng)建鏈

5、接直接拖動(dòng)插入欄插入鏈接：可以給鏈接添加提示2.2.管理和創(chuàng)建鏈接管理和創(chuàng)建鏈接鏈接種類1頁(yè)間跳轉(zhuǎn)：相對(duì)途徑2頁(yè)內(nèi)跳轉(zhuǎn)創(chuàng)建錨點(diǎn)鏈接： 鏈接到文檔中的指定位置。 創(chuàng)建錨點(diǎn) 運(yùn)用鏈接到錨點(diǎn)位置： anchar：當(dāng)前文檔的錨點(diǎn)位置 index.htmlanchar：index頁(yè)面的錨點(diǎn)位置2.2.管理和創(chuàng)建鏈接管理和創(chuàng)建鏈接3空鏈接：是一個(gè)無(wú)指向的鏈接。 運(yùn)用空鏈接可以為頁(yè)面上的對(duì)象或文本附加行為。在屬性面板的鏈接框中，只輸入一個(gè)“#號(hào)。假設(shè)單擊這種地址為一個(gè)“#的鏈接，無(wú)論當(dāng)前他處于文檔的什么地方，都會(huì)自動(dòng)跳轉(zhuǎn)到文檔的開(kāi)頭位置。 有些人不太喜歡這種情況，因此出現(xiàn)很多插件。運(yùn)用了插件之后可以用“#來(lái)

6、替代“#，單擊這樣的鏈接的時(shí)候，會(huì)堅(jiān)持當(dāng)前頁(yè)面的閱讀位置。2.2.管理和創(chuàng)建鏈接管理和創(chuàng)建鏈接4腳本鏈接 指執(zhí)行javascript代碼或調(diào)用javascript函數(shù),如： 在鏈接地址鍵入“javascript:alert(meiyou) 運(yùn)用javascript:void(null)替代5Email鏈接 經(jīng)過(guò)插入欄插入電子郵件鏈接 也可以用屬性面板創(chuàng)建電子郵件鏈接，直接鍵 入：“mailto：郵箱地址 普通給出電子郵箱鏈接即可，少用。為什么？3.3.創(chuàng)建跳轉(zhuǎn)菜單創(chuàng)建跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單是一個(gè)選項(xiàng)彈出菜單。這些選項(xiàng)可 包括其它文件、電子郵件、圖片或其它任何 可在閱讀器中翻開(kāi)的鏈接。跳轉(zhuǎn)菜單包含一

7、個(gè)菜單項(xiàng)選擇擇提示可選、一個(gè)鏈接菜單列 表和一個(gè)“前往按鈕可選。3.3.創(chuàng)建跳轉(zhuǎn)菜單創(chuàng)建跳轉(zhuǎn)菜單1插入跳轉(zhuǎn)菜單“插入欄表單跳轉(zhuǎn)菜單運(yùn)用跳轉(zhuǎn)菜單時(shí)，會(huì)發(fā)現(xiàn)第一選項(xiàng)其實(shí)沒(méi)起到作用，無(wú)法選定該選項(xiàng)，處理方法： 運(yùn)用菜單提示，每次選擇菜單后，自動(dòng)選擇菜 單提示。例如可以將第一項(xiàng)設(shè)為“請(qǐng)選擇文字 運(yùn)用“前往按鈕 但是要運(yùn)用這種方法，普通要在剛開(kāi)場(chǎng)插入跳轉(zhuǎn) 菜單的時(shí)候方有這個(gè)選項(xiàng)。3.3.創(chuàng)建跳轉(zhuǎn)菜單創(chuàng)建跳轉(zhuǎn)菜單2編輯跳轉(zhuǎn)菜單 運(yùn)用屬性面板和“行為面板： 屬性面板列表值 “窗口“行為翻開(kāi)“行為面板，雙擊 “跳轉(zhuǎn)菜單選項(xiàng)，可以跳轉(zhuǎn)菜單進(jìn)展編輯3.3.創(chuàng)建跳轉(zhuǎn)菜單創(chuàng)建跳轉(zhuǎn)菜單留意問(wèn)題： 普通運(yùn)用提示信息的方法 假設(shè)加上“請(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.4.創(chuàng)建導(dǎo)航條創(chuàng)建導(dǎo)航條導(dǎo)航條由一個(gè)或多個(gè)圖像組成，其顯示根據(jù)用戶的動(dòng)作而改動(dòng)。因此，在運(yùn)用導(dǎo)航條命令之前，應(yīng)首先創(chuàng)建一個(gè)導(dǎo)航條圖像集。這些圖像代表四種形狀。 普通 滑過(guò) 按下 按下時(shí)鼠標(biāo)經(jīng)過(guò)5.5.創(chuàng)建圖像地圖條創(chuàng)建圖像地圖條運(yùn)用圖像地圖熱