五創(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.絕對途徑和相對途徑 2.創(chuàng)建和管理鏈接 3.創(chuàng)建跳轉(zhuǎn)菜單 4.創(chuàng)建導(dǎo)航條 5.創(chuàng)建圖像地圖圖像熱點1.1.絕對途徑和相對途徑絕對途徑和相對途徑超鏈接是網(wǎng)頁的靈魂，它合理、協(xié)調(diào)地把網(wǎng)頁中的眾多頁面經(jīng)過鏈接構(gòu)成一個有機(jī)整體，是訪問者能訪問本人想去的地方。超級鏈接可以是一段文本，一幅圖像、或其它網(wǎng)頁元素。當(dāng)在閱讀器用鼠標(biāo)單擊這些對象時，閱讀器就會根據(jù)其指示載入一個新的頁面或者跳轉(zhuǎn)到頁面的其它位置。在DW中，鏈接途徑可以運用3種表示方式： 絕對途徑、相對途徑和基于根目錄的途徑。1.1.絕

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

3、ml?！?符號可以用來表示當(dāng)前位置的父級目錄1.1.絕對途徑和相對途徑絕對途徑和相對途徑3根目錄相對途徑 指從站點文件夾到被鏈接文檔經(jīng)由的途徑。一個根相對途徑以前斜杠開頭，如/support/tips.htm就是根文件夾下的support子文件夾下的一個文件tips.htm的根相對途徑。根目錄相對途徑同樣適宜用于創(chuàng)建內(nèi)部鏈接，但不建議運用。根目錄相對地址只能由效力器來解釋，所以在本人計算機(jī)上翻開一個帶有根目錄相對地址鏈接的網(wǎng)頁，上面的鏈接是無效的。 1.1.絕對途徑和相對途徑絕對途徑和相對途徑留意問題： 相對途徑是最適宜網(wǎng)站的內(nèi)部鏈接。只需是屬于同一網(wǎng)站之下的，即使不在同一個目錄下，相對鏈接也

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

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

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

7、個菜單項選擇擇提示可選、一個鏈接菜單列 表和一個“前往按鈕可選。3.3.創(chuàng)建跳轉(zhuǎn)菜單創(chuàng)建跳轉(zhuǎn)菜單1插入跳轉(zhuǎn)菜單“插入欄表單跳轉(zhuǎn)菜單運用跳轉(zhuǎn)菜單時，會發(fā)現(xiàn)第一選項其實沒起到作用，無法選定該選項，處理方法： 運用菜單提示，每次選擇菜單后，自動選擇菜 單提示。例如可以將第一項設(shè)為“請選擇文字 運用“前往按鈕 但是要運用這種方法，普通要在剛開場插入跳轉(zhuǎn) 菜單的時候方有這個選項。3.3.創(chuàng)建跳轉(zhuǎn)菜單創(chuàng)建跳轉(zhuǎn)菜單2編輯跳轉(zhuǎn)菜單 運用屬性面板和“行為面板： 屬性面板列表值 “窗口“行為翻開“行為面板，雙擊 “跳轉(zhuǎn)菜單選項，可以跳轉(zhuǎn)菜單進(jìn)展編輯3.3.創(chuàng)建跳轉(zhuǎn)菜單創(chuàng)建跳轉(zhuǎn)菜單留意問題： 普通運用提示信息的方法 假設(shè)加上“請選擇的首項提示信息時要留意，如 果該文字沒有設(shè)置為空鏈接，那么會跳轉(zhuǎn)到網(wǎng)頁所在 的目錄，所以需求設(shè)置為空鏈接 第二種方法參與按鈕的作用只是為了讓第一項起作 用，但是選擇其他跳轉(zhuǎn)選項，不用點擊該按鈕也能 實現(xiàn)跳轉(zhuǎn)。4.4.創(chuàng)建導(dǎo)航條創(chuàng)建導(dǎo)航條導(dǎo)航條由一個或多個圖像組成，其顯示根據(jù)用戶的動作而改動。因此，在運用導(dǎo)航條命令之前，應(yīng)首先創(chuàng)建一個導(dǎo)航條圖像集。這些圖像代表四種形狀。 普通 滑過 按下 按下時鼠標(biāo)經(jīng)過5.5.創(chuàng)建圖像地圖條創(chuàng)建圖像地圖條運用圖像地圖熱