使用DW在網(wǎng)頁(yè)中建立各種超級(jí)鏈接.ppt

《使用DW在網(wǎng)頁(yè)中建立各種超級(jí)鏈接.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《使用DW在網(wǎng)頁(yè)中建立各種超級(jí)鏈接.ppt（17頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

使用Dreamweaver在網(wǎng)頁(yè)中建立各種超級(jí)鏈接 使用文本 圖像等最基本的網(wǎng)頁(yè)元素制作了一個(gè)較簡(jiǎn)單的 個(gè)人主頁(yè) 超級(jí)鏈接 知識(shí)回顧 什么是URL 什么是超級(jí)鏈接 什么是絕對(duì)路徑 什么是相對(duì)路徑 為 個(gè)人主頁(yè) 網(wǎng)站創(chuàng)建各種超級(jí)鏈接 將網(wǎng)頁(yè)左側(cè)導(dǎo)航欄中的 動(dòng)畫 圖片 夢(mèng)想 分別鏈接到本網(wǎng)站中的animation html picture html dream html等頁(yè)面 為網(wǎng)頁(yè)中的 下載 鏈接到下載文件 pictrue rar 為網(wǎng)頁(yè)左側(cè)導(dǎo)航欄中的 關(guān)于 添加超級(jí)鏈接 為網(wǎng)頁(yè)中的tom369 建立一個(gè)E mail鏈接 為picture html中頁(yè)首的小圖片添加鏈接 當(dāng)單擊頁(yè)面中的某個(gè)小圖片時(shí)便會(huì)跳轉(zhuǎn)到該頁(yè)面的相應(yīng)網(wǎng)頁(yè) 2 1內(nèi)部鏈接 操作步驟 第一步 在網(wǎng)頁(yè)中選中要作為超級(jí)鏈接的文本 第二步 為指定的文本創(chuàng)建超級(jí)鏈接 選中 動(dòng)畫 單擊屬性面板中的 鏈接 文本框后面的按鈕 打開(kāi) 選擇文件 對(duì)話框 選中 animation html 即可動(dòng)畫第三步 保存網(wǎng)頁(yè) 按F12鍵預(yù)覽網(wǎng)頁(yè) 超級(jí)鏈接 下載文件說(shuō)明 將下載文件music rar設(shè)置為站點(diǎn)根目錄目錄下的文件 選中頁(yè)面中的 下載 文本 代碼中插入下載 2 2外部鏈接 實(shí)現(xiàn)步驟 選中 新聞 文本 在屬性面板上的 鏈接 文本框中輸入完整的網(wǎng)址關(guān)于注意 輸入的網(wǎng)址必須是絕對(duì)路徑 如何在新的瀏覽窗口中打開(kāi)鏈接文件 使用target屬性友情鏈接在DW中只需要在屬性面板中的 目標(biāo) 下拉列表中選擇 blank target屬性可以定義被鏈接的文檔在何處顯示 blank 表示單擊該鏈接會(huì)重新啟動(dòng)一個(gè)瀏覽器窗口載入被鏈接的網(wǎng)頁(yè) parent self top 的具體含義和框架有關(guān) 2 3創(chuàng)建E mail鏈接 單擊E mail鏈接時(shí) 將立即打開(kāi)瀏覽器默認(rèn)的E mail處理軟件 且收件人的郵件地址由E mail鏈接中指定的地址自動(dòng)設(shè)置 實(shí)現(xiàn)步驟 選中tom369 文本 添加E mail鏈接的方法單擊 插入面板 中的電子郵件鏈接按鈕 或者選擇菜單 插入 電子郵件鏈接 在出現(xiàn)的對(duì)話框中輸入相應(yīng)的電子郵件即可 代碼如下 tom369 在屬性面板上的 鏈接 文本框中直接輸入 mailto tom369 2 5創(chuàng)建空鏈接 要想對(duì)文本或圖像等對(duì)象設(shè)置行為 首先必須為文本建立空超級(jí)鏈接 空超級(jí)鏈接是一個(gè)未指派目標(biāo)的超級(jí)鏈接 這樣行為才會(huì)有效 為文本建立空超級(jí)鏈接時(shí) 只要先在文檔窗口中選中需要建立空超級(jí)鏈接的文本 然后在屬性面板的 鏈接 文本框中輸入一個(gè) 符號(hào)即可 建立空超級(jí)鏈接的目的只是為了應(yīng)用行為 其他情況下不必建立 2 6設(shè)置鏈接顏色 為文本添加了超級(jí)鏈接之后 文本具有幾種顏色狀態(tài) 未訪問(wèn)過(guò)鏈接的文本顏色 已訪問(wèn)鏈接的文本顏色已經(jīng)當(dāng)前正在訪問(wèn)的鏈接的文本顏色 可以通過(guò)設(shè)置 頁(yè)面屬性 來(lái)改變各種鏈接狀態(tài)下的文本顏色 鼠標(biāo)放上去時(shí)文字的顏色 2 7制作圖像映射 圖像映射就是指在一幅圖像中定義若干個(gè)區(qū)域 這些區(qū)域稱為熱區(qū) 每個(gè)區(qū)域中指定一個(gè)不同的超鏈接 當(dāng)單擊不同區(qū)域時(shí)可以跳轉(zhuǎn)到相應(yīng)的目標(biāo)頁(yè)面 實(shí)現(xiàn)步驟 制作熱區(qū)為熱區(qū)添加超級(jí)鏈接編輯熱區(qū) 實(shí)現(xiàn)圖像映射的HTML代碼 2 8其他鏈接形式 1制作鼠標(biāo)經(jīng)過(guò)圖像鼠標(biāo)經(jīng)過(guò)圖像就是指當(dāng)訪問(wèn)者移動(dòng)鼠標(biāo)使鼠標(biāo)指針經(jīng)過(guò)圖像時(shí) 圖像變?yōu)榱硪环鶊D像 而鼠標(biāo)指針離開(kāi)時(shí) 圖像又恢復(fù)為原始圖像 這種效果通常用于導(dǎo)航條 圖像互動(dòng)等 它由兩幅圖像組成 一是首次載入時(shí)顯示的圖像即原始圖像 二是鼠標(biāo)經(jīng)過(guò)后翻轉(zhuǎn)的圖像即鼠標(biāo)經(jīng)過(guò)圖像 在創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像時(shí)應(yīng)使用相同大小的兩幅圖像 如果這兩個(gè)圖像大小不同 Dreamweaver將自動(dòng)調(diào)整第二個(gè)圖像的大小以匹配第一個(gè)圖像的屬性 制作步驟 在插入面板或插入菜單中打開(kāi) 鼠標(biāo)經(jīng)過(guò)圖像 對(duì)話框選取原始圖像和鼠標(biāo)經(jīng)過(guò)圖像保存網(wǎng)頁(yè) 課下練習(xí) 創(chuàng)建你的個(gè)人主頁(yè)實(shí)例演示