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

《使用DW在網(wǎng)頁中建立各種超級鏈接》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、使用Dreamweaver在網(wǎng)頁中建立各種超級鏈接使用文本、圖像等最基本的網(wǎng)頁元素制作了一個(gè)較簡單的“個(gè)人主頁”。超級鏈接知識回顧什么是URL？什么是超級鏈接？什么是絕對路徑？什么是相對路徑？為“個(gè)人主頁”網(wǎng)站創(chuàng)建各種超級鏈接將網(wǎng)頁左側(cè)導(dǎo)航欄中的“動畫”，“圖片”，“夢想”分別鏈接到本網(wǎng)站中的animation.html，picture.html，dream.html等頁面。為網(wǎng)頁中的“下載”鏈接到下載文件“pictrue.rar”。為網(wǎng)頁左側(cè)導(dǎo)航欄中的“關(guān)于”添加超級鏈接“http://www.cqeec.com”。為網(wǎng)頁中的tom369@hotmail.com建立一個(gè)E-mail鏈接。為p

2、icture.html中頁首的小圖片添加鏈接，當(dāng)單擊頁面中的某個(gè)小圖片時(shí)便會跳轉(zhuǎn)到該頁面的相應(yīng)網(wǎng)頁。2.1內(nèi)部鏈接操作步驟：第一步，在網(wǎng)頁中選中要作為超級鏈接的文本。第二步，為指定的文本創(chuàng)建超級鏈接。選中“動畫”，單擊屬性面板中的“鏈接”文本框后面的按鈕，打開“選擇文件”對話框。選中“animation.html”即可動畫第三步：保存網(wǎng)頁，按F12鍵預(yù)覽網(wǎng)頁。超級鏈接——下載文件說明:將下載文件music.rar設(shè)置為站點(diǎn)根目錄目錄下的文件。選中頁面中的“下載”文本。代碼中插入下載2.2外部鏈

3、接實(shí)現(xiàn)步驟：選中“新聞”文本，在屬性面板上的“鏈接”文本框中輸入完整的網(wǎng)址http://www.sohu.com/。或者代碼中輸入：關(guān)于注意：輸入的網(wǎng)址必須是絕對路徑。如何在新的瀏覽窗口中打開鏈接文件？使用target屬性tom369@hotmail.com在屬性面板上的“鏈接”文本框中直接輸入“mailto:tom369@hotma

5、il.com”。2.5創(chuàng)建空鏈接要想對文本或圖像等對象設(shè)置行為，首先必須為文本建立空超級鏈接（空超級鏈接是一個(gè)未指派目標(biāo)的超級鏈接），這樣行為才會有效。為文本建立空超級鏈接時(shí)，只要先在文檔窗口中選中需要建立空超級鏈接的文本，然后在屬性面板的“鏈接”文本框中輸入一個(gè)“#”符號即可。建立空超級鏈接的目的只是為了應(yīng)用行為，其他情況下不必建立。2.6設(shè)置鏈接顏色為文本添加了超級鏈接之后，文本具有幾種顏色狀態(tài)：未訪問過鏈接的文本顏色、已訪問鏈接的文本顏色已經(jīng)當(dāng)前正在訪問的鏈接的文本顏色?？梢酝ㄟ^設(shè)置“頁面屬性”來改變各種鏈接狀態(tài)下的文本顏色。鼠標(biāo)放上去時(shí)文字的顏色2.7制作圖像映射圖像映射就是指在一幅圖

6、像中定義若干個(gè)區(qū)域(這些區(qū)域稱為熱區(qū))，每個(gè)區(qū)域中指定一個(gè)不同的超鏈接，當(dāng)單擊不同區(qū)域時(shí)可以跳轉(zhuǎn)到相應(yīng)的目標(biāo)頁面。實(shí)現(xiàn)步驟：制作熱區(qū)為熱區(qū)添加超級鏈接編輯熱區(qū)實(shí)現(xiàn)圖像映射的HTML代碼2.8其他鏈接形式1制作鼠標(biāo)經(jīng)過圖像鼠標(biāo)經(jīng)過圖像就是指當(dāng)訪問者移動鼠標(biāo)使鼠標(biāo)指針經(jīng)過圖像時(shí)，圖像變?yōu)榱硪环鶊D像；而鼠標(biāo)指針離開時(shí)，圖像又恢復(fù)為原始圖像。這種效果通常用于導(dǎo)航條、圖像互動等。它由兩幅圖像組成，一是首次載入時(shí)顯示的圖像即原始圖像，二是鼠標(biāo)經(jīng)過后翻轉(zhuǎn)的圖像即鼠標(biāo)經(jīng)過圖像。在創(chuàng)建鼠標(biāo)經(jīng)過圖像時(shí)應(yīng)使用相同大小的兩幅圖像；如果這兩個(gè)圖像大小不同，Dreamwe

7、aver將自動調(diào)整第二個(gè)圖像的大小以匹配第一個(gè)圖像的屬性。制作步驟：在插入面板或插入菜單中打開“鼠標(biāo)經(jīng)過圖像”對話框選取原始圖像和鼠標(biāo)經(jīng)過圖像保存網(wǎng)頁課下練習(xí)創(chuàng)建你的個(gè)人主頁實(shí)例演示