五創(chuàng)建鏈接和導(dǎo)航教學(xué)內(nèi)容_第1頁
五創(chuàng)建鏈接和導(dǎo)航教學(xué)內(nèi)容_第2頁
五創(chuàng)建鏈接和導(dǎo)航教學(xué)內(nèi)容_第3頁
五創(chuàng)建鏈接和導(dǎo)航教學(xué)內(nèi)容_第4頁
五創(chuàng)建鏈接和導(dǎo)航教學(xué)內(nèi)容_第5頁
已閱讀5頁,還剩13頁未讀, 繼續(xù)免費閱讀

付費下載

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

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

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

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

index.html#anchar:index頁面的錨點位置2.管理和創(chuàng)建鏈接(3)空鏈接:是一個無指向的鏈接。使用空鏈接可以為頁面上的對象或文本附加行為。

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

“跳轉(zhuǎn)菜單”選項,可以跳轉(zhuǎn)菜單進行編輯3.創(chuàng)建跳轉(zhuǎn)菜單注意問題:①一般使用提示信息的方法②如果加上“請選擇…”的首項提示信息時要注意,如果該文字沒有設(shè)置為空鏈接,則會跳轉(zhuǎn)到網(wǎng)頁所在的目錄,所以需要設(shè)置為空鏈接③第二種方法加入按鈕的作用只是為了讓第一項起作用,但是選擇其他跳轉(zhuǎn)選項,不用點擊該按鈕也能實現(xiàn)跳轉(zhuǎn)。4.創(chuàng)建導(dǎo)航條導(dǎo)航條由一個或多個圖像組成,其顯示根據(jù)用戶的動作而改變。因此,在使用導(dǎo)航條命令之前,應(yīng)首先創(chuàng)建一個導(dǎo)航條圖像集。這些圖像代表四種狀態(tài)。一般滑過按下按下時鼠標(biāo)經(jīng)過5.創(chuàng)建圖像地圖條使用圖像地圖熱區(qū)時,熱

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論