網(wǎng)頁(yè)中使用超鏈接-預(yù)覽頁(yè)
【正文】 文檔相對(duì)路徑的基本思想是省略當(dāng)前文檔和鏈接的文檔都有相同的絕對(duì) URL 部分，而只提供不同的那部分路徑。比如：當(dāng)前網(wǎng)頁(yè)所在位置為 D:\my web\mypic,那么： “”就表示 D:\my web\mypic\。 文檔相對(duì)路徑是最簡(jiǎn)單的路徑，一般多用于鏈接保存在同一文件夾中的文檔。 圖 52 文本“屬性”面板 （ 3）在“屬性”面板上單擊“鏈接”文本框右側(cè)的“瀏覽文件”圖標(biāo) ，打開(kāi)圖 53所示的“選擇文件”對(duì)話框。 相對(duì)于：在該下拉列表中你可以選擇鏈接路徑的形式，有“ 文檔”和“站點(diǎn)根目錄”兩個(gè)選項(xiàng)。 （ 2）如果鏈接目標(biāo)文檔已經(jīng)打開(kāi)，則直接將“指向文件”圖標(biāo) 拖動(dòng)到目標(biāo)文檔窗口，拖動(dòng)過(guò)程有一條從“指向文件”圖標(biāo)出發(fā)的箭頭線，將其拖動(dòng)到指定區(qū)域即可完成該鏈 接，如圖 55 所示。 （ 2）“超級(jí)鏈接”對(duì)話框中各項(xiàng)參數(shù)的含義如下。若要使所鏈接的文檔出現(xiàn)在當(dāng)前窗口或框架以外的其他位置，可以從下拉列表框中選擇一個(gè)選項(xiàng)。 ? _self—— 在鏈接 所在的同一框架或窗口中載入所鏈接的文檔。 （ 3）設(shè)置具體的鏈接信息后單擊“確定”按鈕，即可在所需區(qū)域插入文本超級(jí)鏈接了，按 F12 鍵即可在瀏覽器中預(yù)覽其效果，如圖 58 所示。源端點(diǎn)處建立該錨記的超鏈接。 圖 59 創(chuàng)建命令錨記 在“錨記名稱(chēng)”文本框中輸入該錨記的名稱(chēng)（名稱(chēng)區(qū)分大小寫(xiě)），單擊“確定”按鈕。 （ 1）只能使用字母和數(shù)字，錨記的命名不支持中文。 （ 4）錨記名稱(chēng)間不能含有空格，也不能含有特殊的字符。例如： 如果要鏈接到當(dāng)前文檔中名為“ bottom”的錨記，要鍵入﹟ bottom。單擊屬性面板中“鏈接”文本框右側(cè)的“指向文件”圖標(biāo) ，然后將其拖動(dòng)到要鏈接的錨記（可以是同一文檔的錨記或其他文檔的錨記）上。 在 Dreamweaver 8 中，可以使用如下方法在頁(yè)面中創(chuàng)建電子郵件鏈接。單擊“確定”按鈕。如鍵入mailto： ，如圖 512 所示。 為文本創(chuàng)建空鏈接時(shí)，只需在文檔窗口中選定文本，然后在屬性面板的“鏈接”文本框中鍵入“ ”即 可，如圖 513 所示。 圖 514 創(chuàng)建腳本空鏈接 腳步本鏈接執(zhí)行 JavaScript 代碼或調(diào)用 JavaScript 函數(shù)。 在“文檔”窗口的“設(shè)計(jì)”視圖中選擇文本、圖像或?qū)ο蟆? 創(chuàng)建下載文件超鏈接 如果想讓網(wǎng)站提供文件下載的功能，可以建立下載文件超鏈接。 道德選擇主窗口中“站點(diǎn)”→“站點(diǎn)文件”菜單命令，打開(kāi)站點(diǎn)窗口，找到需要鏈接的目標(biāo)文件。使用圖像屬性面板可創(chuàng)建或編輯客房端圖像地圖。 Dreamweaver 并不改變現(xiàn)有文檔中對(duì)服務(wù)器端圖像地圖的引用。 （ 1）選擇圖像 在“文檔”窗口中，選擇圖像。 （ 2）定義客戶(hù)端圖像地圖中的優(yōu)點(diǎn) 圖 516 圖像屬性面板 ① 創(chuàng)建熱點(diǎn)。 ? 選擇多邊形工具，在各個(gè)頂點(diǎn)上單擊一下，定義一個(gè)不規(guī)則的熱點(diǎn)，然后單擊箭頭工具封閉此開(kāi)頭如圖 517 所示。 在“目標(biāo)”彈出菜單的“目標(biāo)”域中，選擇應(yīng)該用于打開(kāi)該文件的窗口。比如圖 518 所示的“ head”有些瀏覽器在用戶(hù)鼠標(biāo)指針暫停與該熱點(diǎn)之上時(shí)，將此文本顯示為工具提示?？梢砸苿?dòng)熱點(diǎn)，調(diào)整熱點(diǎn)大小，或者在層之間向上或向下移動(dòng)熱點(diǎn)。按 Ctrl+A鍵，選擇所有的熱點(diǎn)。拖動(dòng)熱點(diǎn)選擇手柄，可以更改熱點(diǎn)的大小或形狀。 （ 1）在網(wǎng)頁(yè)中單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“頁(yè)面屬性”命令，打開(kāi)“頁(yè)面屬性”對(duì)話框。 設(shè)置鏈接字體 不但鏈接的顏 色可以改變，而且鏈接的字體也能改變。 （ 2）刪除超鏈接 如果刪除超鏈接時(shí)想保留文本，可 以執(zhí)行以下操作。 ? 單擊“確定”按鈕。 （ 2）滑過(guò)：指鼠標(biāo)指針滑過(guò)“一般”圖像時(shí)所顯示的圖像，如圖 524 所示。 （ 4）按下時(shí)鼠標(biāo)經(jīng)過(guò)：指在項(xiàng)目被單擊后，鼠標(biāo)指針滑過(guò)“按下”圖像時(shí)所顯示的圖像，如項(xiàng)目變淡或變灰，此狀態(tài)可作為一個(gè)用戶(hù)的可視提示，告訴用戶(hù)在站點(diǎn)的這一部分，此項(xiàng)目不能再被單擊。 （ 1）在菜單欄中單擊“插入” —— “交互式圖像” —— “導(dǎo)航條”，或在插入欄的“常用”選項(xiàng)卡中單擊“導(dǎo)航條”圖標(biāo) ，這時(shí)會(huì)打開(kāi)如圖 525 所示的對(duì)話框。 （ 3）在“狀態(tài)圖像”文本框中，輸入導(dǎo)航按鈕圖像彈起狀態(tài)（即正常顯示狀態(tài)）。單擊“瀏覽”按鈕，可以從磁盤(pán)上選擇圖片文件。單擊“瀏覽”按鈕，可以從磁盤(pán)上選擇圖片文件。 （ 8）在“按下時(shí)，前往的 URL”文本框中，輸入單擊導(dǎo)航按鈕圖像時(shí)跳轉(zhuǎn)的 URL 地址。如果當(dāng)前使用了框架，還可以從其中選擇目標(biāo)框架的名稱(chēng)。 （ 11）如果選中“頁(yè)面載入時(shí)就顯示‘鼠標(biāo)按下圖像’”復(fù)選框，則網(wǎng)頁(yè)被瀏覽器載入后，將該按鈕圖像顯示為按下?tīng)顟B(tài)。 （ 13）如果希望導(dǎo)航條放置于表格中，可以選中“使用表格”復(fù)選框，這樣可以利用表格控制頁(yè)面中的文本。 修改導(dǎo)航條 為文檔創(chuàng)建導(dǎo)航條后，可以使用“修改導(dǎo)航條”命令向?qū)Ш綏l中添加圖像，或者從導(dǎo)航條中刪除圖像，此命令可以用于更改圖像或圖像組，更改單擊項(xiàng)目時(shí)打開(kāi)文件，選擇在不同的窗口或框架中打開(kāi)文件以及重新排列圖像等。 如果要修改導(dǎo)航條中項(xiàng)目的順序，可在圖 526 所示的“修改導(dǎo)航條”對(duì)話框中單擊或按鈕來(lái)調(diào)整導(dǎo)航條中項(xiàng)目的順序。然后就來(lái)看看這個(gè)網(wǎng)站包含哪些內(nèi)容， 需要多少網(wǎng)頁(yè)文件，可以畫(huà)一個(gè)草圖來(lái)理清思路。 利用站點(diǎn)地圖管理超鏈接 站點(diǎn)地圖上的樹(shù)狀結(jié)構(gòu)顯示了網(wǎng)站上的超鏈接狀況，因此通過(guò)站點(diǎn)地圖可以建立、更改、刪除超鏈接。 3．更新超鏈接 在制作網(wǎng)頁(yè)的過(guò)程中，可能為了某種特定的需要，必須改變站點(diǎn)中某個(gè)文件夾的文件名。 （ 1） 首先單擊選中欲更改名稱(chēng)的文件。 （ 1）自動(dòng)對(duì)整個(gè)站點(diǎn)的超鏈接情況進(jìn)行檢查。 ? 斷掉的鏈接：顯示包含有斷裂超鏈接的網(wǎng)頁(yè)名稱(chēng)。 在該浮動(dòng)面板的列表欄中，關(guān)于超鏈接的“斷掉的鏈接”選項(xiàng)如下。 如果你想修復(fù)此鏈接，在該浮動(dòng)面也有兩種方法。但是 Dreamweaver 8 并不會(huì)自動(dòng)檢查這些外部超鏈接是否正常，所以必須親自動(dòng)手鏈接外部網(wǎng)站進(jìn)行檢查。 （ 4）處理孤立文件 所謂孤立文件并不是指沒(méi)有用的文件，而是指沒(méi)有與其他網(wǎng)頁(yè)發(fā)生鏈接的文件。通過(guò)為 href 指定不同的值，可以創(chuàng)建不同類(lèi)型的超鏈接。 例如，以下 HTML 代碼顯示了在示例網(wǎng)頁(yè)中創(chuàng)建的超鏈接。如果 hrer 屬性指定的文件格式是瀏覽器所不能識(shí)別的格式，那么將獲得下載超鏈接的效果。另外，超鏈接包括多種不同的狀態(tài)，可以在 body 標(biāo)記符中設(shè)置 link 等屬性來(lái)控投制顏色的顯示。 例如，可以在頁(yè)面開(kāi)始處用以下 HTML 語(yǔ)句進(jìn)行標(biāo)記。如果將 herf 的值指定為一個(gè)單獨(dú)的 號(hào)，則表示空鏈執(zhí)著，不做任何跳轉(zhuǎn)。 圖 527 啟動(dòng)郵件程序 習(xí)題 ？ ？它們各代表什么含義？ ？ 如何建立跨頁(yè)面的錨點(diǎn)鏈接？
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1