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

《使用DW在網(wǎng)頁中建立各種超級鏈接.ppt》由會員分享，可在線閱讀，更多相關《使用DW在網(wǎng)頁中建立各種超級鏈接.ppt（17頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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