網(wǎng)頁中使用超鏈接-文庫(kù)吧資料
2025-01-14 10:31本頁面
【正文】 （ 6）在“按下圖像”文本框中，輸入導(dǎo)航按鈕圖像按下狀態(tài)示的圖像文件。 （ 4）在“鼠 標(biāo)經(jīng)過圖像”本框中，輸入導(dǎo)航按鈕圖像在鼠標(biāo)指針經(jīng)過的圖像文件的 URL。單擊“瀏覽”按鈕，可以從磁盤上選擇圖片文件。單擊“瀏覽 ” 按鈕，可以從磁盤上選擇圖片文件。 圖 525 “插入導(dǎo)航條”對(duì)話框 （ 2）在“項(xiàng)目名稱”文本框中為導(dǎo)航條第一項(xiàng)選擇名稱。 插入導(dǎo)航條 要在文檔中插入導(dǎo)航條，可以按照如 下方法進(jìn)行操作。 在設(shè)計(jì)中不必包括所有這 4 種狀態(tài)的導(dǎo)航圖像。如，用戶單擊某項(xiàng)目后而導(dǎo)航條仍然顯示，只是被單擊的項(xiàng)目變暗，表示它曾被選擇過。圖像的外觀發(fā)生變化（如變得更亮），以讓用戶知道可與這個(gè)項(xiàng)目進(jìn)行交互。 圖 522 頁面中的導(dǎo)航條 4 種狀態(tài) 使用 插入導(dǎo)航條 命令之前 ,應(yīng)首先為各個(gè)導(dǎo)航條項(xiàng)目的顯示狀態(tài)創(chuàng)建一組圖像 (可將導(dǎo)航條項(xiàng)目視為按鈕 ,因?yàn)楫?dāng)單擊它時(shí) ,導(dǎo)航條項(xiàng)目會(huì)將用戶帶到其他頁面中 ),這些圖像分別表示導(dǎo)航條的 4 種狀態(tài) . （ 1）一般：指用戶尚未單擊或尚未與此項(xiàng)目交互時(shí)所顯示的圖像，如圖 523 所示此種項(xiàng)目看起來未被單擊過。 創(chuàng)建導(dǎo)航條 認(rèn)識(shí)導(dǎo)航條 1. 導(dǎo)航條的作用 通常在網(wǎng)頁的首頁上可設(shè)置一個(gè)導(dǎo)航條 ,這樣既可為瀏覽者瀏覽網(wǎng)站提供一個(gè)索引 ,又能引導(dǎo)瀏覽者瀏覽整個(gè)網(wǎng)站的不同頁面。 ? 單擊“刪除超鏈接”按鈕。 ? 在網(wǎng)頁中選定超鏈接文本。 （ 1）刪除超鏈接對(duì)象 在“普通”視窗下選中超鏈接，然后按下 Delete 鍵，不但可以刪除超鏈接，而且可以將超鏈接文本一同刪除。可以直接在屬性面板中字體下拉列表框中修改鏈接字體，如圖 521 所示。 注意：此方法只對(duì)當(dāng)前網(wǎng)頁生效，當(dāng)建立新網(wǎng)頁時(shí)，新網(wǎng)頁的超級(jí)鏈接的配色方案還是最初的默認(rèn)值。 （ 2）分別單擊 3 種超鏈接的顏色右側(cè)的“▼”按鈕，在彈出的顏色面板中重新選擇其顏色，如圖 520 所示。 更改配色方案的操作步驟如下。 利用 Dreamweaver 8 編輯超鏈接 設(shè)置鏈接顏色 在通常情況下，超鏈接默認(rèn)的顏色為藍(lán)色，活動(dòng)超鏈接的顏色為紅色，已訪問過的 超鏈接顏色為紫色。 （ 4）調(diào)整熱點(diǎn)的大小 用指針熱點(diǎn)工具選擇要調(diào)整大小的熱點(diǎn)。 （ 3）移動(dòng)熱點(diǎn) 使用指針熱點(diǎn)工具選擇一個(gè)熱點(diǎn)。按下 Shift 鍵的同時(shí)單擊要選擇的其他熱點(diǎn)。 （ 1）復(fù)制熱點(diǎn) 可以將含有熱點(diǎn)的地圖從一格文檔拷貝到另一格文檔，或者拷貝某圖像中的一個(gè)或多個(gè)熱點(diǎn)，然后將其粘貼到其他圖像上，這樣就將與該圖像關(guān)聯(lián)的熱點(diǎn)也拷貝到了新文檔中，如圖像中有若干相同形狀的熱點(diǎn)，只需要?jiǎng)?chuàng)建一個(gè)，然后復(fù)制即可。 圖 519 熱點(diǎn)預(yù)覽效果 2. 修改圖像地圖 對(duì)在圖像地圖中所創(chuàng)建的熱點(diǎn)進(jìn)行編輯很容易。 注意：只有當(dāng)所算熱點(diǎn)包含 鏈接時(shí)，目標(biāo)才可用。也可選用保留目標(biāo)名，如blank,paresnt,self 和 top. 在“替換文本”域中鍵入希望在純文本瀏覽器或設(shè)為動(dòng)手下載圖像的瀏覽器中作為替換文本出現(xiàn)的文本。當(dāng)前文檔中所有已命名框架的名稱都顯示在此彈出列表中。如果鏈接到同一站點(diǎn)內(nèi)的文件，可輸入相對(duì)于文檔的路徑（以 文件名，不是相對(duì)路徑文件名）。 圖 517 定義圖像地圖區(qū)域 ② 定義熱點(diǎn)屬性 選中其中一個(gè)熱點(diǎn)，在熱點(diǎn)屬性面板設(shè)置其屬性，如圖 518 所示。 ? 選擇矩形工具，并將鼠標(biāo)指針拖至圖像上，創(chuàng)建一個(gè)矩形熱點(diǎn)。 若要定義圖像地圖區(qū)域，選擇下列方法之一。 注意：如果在同一文檔中使用多個(gè)圖像地圖，要確保每個(gè)地圖，要確保每個(gè)地圖都有惟一名稱，以便設(shè)置每個(gè)圖像地圖的超鏈接。在屬性面板中，單擊右下角的展開箭頭▽，查看所有屬性。若要在文檔中包含服務(wù)器端圖像地圖，必須編寫相應(yīng)的ＨＴＭＬ代碼。在同一文檔中，可以同時(shí)使用客戶端圖像地圖。這就是使得客戶端圖像地圖要快，因?yàn)榉?wù)器不必解釋訪問者的單擊位置。 客戶端圖像地圖將超文本鏈接信息存儲(chǔ)在ＨＴＭＬ文檔中，而不是像服務(wù)器端圖像地圖那樣，存儲(chǔ)在單獨(dú)的地圖文件中。當(dāng)用戶單擊某個(gè)熱點(diǎn)時(shí)，會(huì)發(fā)生某種操作（如，打開一個(gè)ＵＲＬ或一個(gè)文件）。然后選擇網(wǎng)頁中需要建立超鏈接的文字，按下一步 Shift 鍵拖動(dòng)鼠標(biāo)指針到站點(diǎn)窗口中的目標(biāo)文件。 創(chuàng)建下載文件超鏈接的方法如下。實(shí)現(xiàn)文件下載的功能很簡(jiǎn)單，只需加入連接到文件的超鏈接就可以了。 圖 515 創(chuàng)建腳本鏈接樣例 注意：因?yàn)樵?HTML 中 JavaScript 代碼放在雙引號(hào)中（作為 href 屬性的值），所以在腳本代碼中必須合用單引號(hào)，或者可通過在雙引號(hào)前添加反斜杠，將所有雙引號(hào)“轉(zhuǎn)義”（例如 \“This link leads to the index\”）。在屬性面板的“鏈接”文本框中，鍵入 JavaScript：，后面跟一些 JavaScript 代碼或函數(shù)調(diào)用。 創(chuàng)建腳本鏈接操作方法如下。腳本鏈接非常有用，能夠在不離開當(dāng)前網(wǎng)頁的情況下為訪問者提供有關(guān)某項(xiàng)的附加信息 。在屬性面板的“鏈接”文本框中鍵入 java Script：； (javascript 一詞后依次一個(gè)冒號(hào)和一個(gè)分號(hào) )，即可創(chuàng)建空鏈接，如圖514 所示。建立空鏈接的目的主要是為了應(yīng)用行為，在其他情況下不必創(chuàng)建空鏈接。當(dāng)創(chuàng)建空鏈接后，可向空鏈接附加行為，以便當(dāng)鼠標(biāo)指針滑過該鏈接時(shí)交換圖像或顯示層。 圖 512 使用屬性面板創(chuàng)建電子郵件鏈接 創(chuàng)建空鏈接和腳本鏈接 空鏈接是未指派的鏈接。在冒號(hào)和電子郵件地址之間不能鍵入任何空格。 在“文檔”窗口的“設(shè)計(jì)”視圖中選擇文本或圖像。 圖 511 “電子郵件鏈接”對(duì)話框 （ 2）完成此對(duì)話框的相關(guān)內(nèi)容。 （ 1）在“文檔”窗口的“設(shè)計(jì)”視圖中，將插入點(diǎn)放在希望出現(xiàn)電子郵件鏈接的位置，或者選擇要作為電子郵件鏈接出現(xiàn)的文本或圖像。在電子郵件消息窗口中，“收件人”域自動(dòng)更新為顯示電子郵件鏈接中指定的地址。 創(chuàng)建電子郵件鏈接 在網(wǎng)頁上創(chuàng)建郵件鏈接 ,可以方便地讓訪問者反饋意見。在文檔窗口的設(shè)計(jì)視圖中，選擇要從其創(chuàng)建鏈接的對(duì)象（文本、圖像等）。 如果要鏈接到同一文件夾內(nèi)其他名為“ bottom”的錨記，可鍵入 ﹟ bottom,如圖 510 所示。在屬性面板的“鏈接”文本框中輸入一個(gè)數(shù)字符號(hào)（﹟）和錨記名稱。 注意：錨點(diǎn)不能放在層中。 （ 3）錨記名稱區(qū)別英文字母的大小寫。雖然在“命名錨記”對(duì)話框中可以輸入中文，但在“屬性”面板中顯示的則是一堆亂碼，并且在為錨記添加鏈接時(shí)，也無法工作。 在命名錨記時(shí)，應(yīng)遵循以下規(guī)則。這時(shí)，錨記標(biāo)記 將在插入點(diǎn)處出現(xiàn)。在菜單欄中單擊“插入”→“命名錨記”命令，打開如圖 59 所示的以話框。在瀏覽網(wǎng)頁時(shí)，用鼠標(biāo)單擊源端點(diǎn)，光標(biāo)就會(huì)馬上移到錨記的位置上。 創(chuàng)建網(wǎng)頁的錨點(diǎn)鏈接可分為兩步完成：首先在網(wǎng)頁的某個(gè)指定位置創(chuàng)建鏈接的目標(biāo)端點(diǎn)（即
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1