網(wǎng)制作超級鏈接2

網(wǎng)制作超級鏈接演示文稿現(xiàn)在是1頁\一共有57頁\編輯于星期日網(wǎng)制作超級鏈接現(xiàn)在是2頁\一共有57頁\編輯于星期日學(xué)習(xí)目標(biāo)了解超級鏈接的概念了解超級鏈接的類型掌握站點內(nèi)部超級鏈接的方法掌握電子郵件鏈接掌握外部超級鏈接的方法掌握錨點鏈接掌握熱點區(qū)域鏈接文字圖片按鈕頁面文字圖片按鈕頁面現(xiàn)在是3頁\一共有57頁\編輯于星期日什么是超級鏈接？所謂鏈接（link）就是一個web資源到另一個web資源的連接，建立鏈接的目的是為了獲取web的其他資源。超級鏈接由兩部分組成：鏈接載體（源端點）和鏈接目標(biāo)（目標(biāo)端點）?，F(xiàn)在是4頁\一共有57頁\編輯于星期日鏈接的基本概念許多頁面元素都可以作為鏈接載體，例如：文本、圖像、圖像熱區(qū)、輪替圖像、動畫……而鏈接目標(biāo)可以是任意的網(wǎng)絡(luò)資源，例如：頁面、圖像、聲音、程序、其他網(wǎng)站、Email甚至是頁面中的某個位置––––錨點等等。現(xiàn)在是5頁\一共有57頁\編輯于星期日現(xiàn)在是6頁\一共有57頁\編輯于星期日超級鏈接的應(yīng)用超級鏈接可以為瀏覽者暢游網(wǎng)絡(luò)提供方便。是網(wǎng)頁制作中使用得比較多的一種技術(shù)。超級鏈接是用預(yù)先準(zhǔn)備好的文本、圖片、按鈕等對象與其他對象建立一種鏈接關(guān)系。也就是在源端點和目標(biāo)端點之間建立起一種鏈接。源端點是超級鏈接的起始端點，也稱為源錨，目標(biāo)端點是聯(lián)結(jié)的對象，也稱為目標(biāo)錨?，F(xiàn)在是7頁\一共有57頁\編輯于星期日超鏈接的劃分按源端點的鏈接劃分：超文本鏈接：源錨文本下方有下劃線非超文本鏈接：用除文本之外的其他對象構(gòu)建的鏈接(圖像、表格、列表、表單、多媒體等)按目標(biāo)端點的鏈接劃分：外部鏈接內(nèi)部鏈接電子郵件鏈接局部鏈接現(xiàn)在是8頁\一共有57頁\編輯于星期日超級鏈接舉例超文本鏈接非超文本鏈接外部鏈接內(nèi)部鏈接電子郵件鏈接局部鏈接現(xiàn)在是9頁\一共有57頁\編輯于星期日“統(tǒng)一資源定位符”----URLURL是英文UniformResourceLocation的縮寫。下面是幾種常見的URL協(xié)議：超文本傳輸協(xié)議Http://文件傳輸協(xié)議Ftp://MailtoMailto://TelnetTelnet://現(xiàn)在是10頁\一共有57頁\編輯于星期日現(xiàn)在是11頁\一共有57頁\編輯于星期日文檔的絕對路徑即被鏈接文檔的完整URL，包括所使用的傳輸協(xié)議，對于網(wǎng)頁通常是“http://”。例如，/news/default.asp就是一個絕對路徑。在創(chuàng)建外部鏈接時，必須使用絕對路徑。現(xiàn)在是12頁\一共有57頁\編輯于星期日文檔的相對路徑以當(dāng)前文檔所在位置為起點到被鏈接文檔經(jīng)由的路徑。例如，“default.asp”就是一個文檔相對路徑。同一網(wǎng)站內(nèi)創(chuàng)建內(nèi)部鏈接時，使用相對路徑比較方便。與同文件夾內(nèi)的文件鏈接時只寫文件名即可，如果要與上一級文件夾里的文件鏈接，在文件名前加上“../”即可?，F(xiàn)在是13頁\一共有57頁\編輯于星期日根相對路徑是指從站點根文件夾到被鏈接文檔經(jīng)由的路徑，以前斜杠開頭，例如，“/news/default.asp”就是站點根文件夾下的“news”子文件夾中的一個頁面文件“default.asp”的根相對路徑。當(dāng)我們移動一個包含根相對鏈接的文檔時，不需要對原有的鏈接進(jìn)行修改?，F(xiàn)在是14頁\一共有57頁\編輯于星期日創(chuàng)建超級鏈接超級鏈接是指站點內(nèi)不同網(wǎng)頁之間、站點與Web之間的鏈接關(guān)系，它可以使站點內(nèi)的網(wǎng)頁成為一個有機(jī)的整體，還可以在不同的站點之間建立聯(lián)系。下面以文本為鏈接載體，介紹在DreamweaverMX中如何創(chuàng)建各種類型的超級鏈接。現(xiàn)在是15頁\一共有57頁\編輯于星期日創(chuàng)建超級鏈接的方法在站點管理器中編輯超級鏈接創(chuàng)建錨點鏈接創(chuàng)建E-MAIL鏈接創(chuàng)建導(dǎo)航條創(chuàng)建跳轉(zhuǎn)菜單創(chuàng)建映射圖鏈接現(xiàn)在是16頁\一共有57頁\編輯于星期日制作目標(biāo)制作一個預(yù)覽效果圖如圖所示的網(wǎng)頁頁面?，F(xiàn)在是17頁\一共有57頁\編輯于星期日創(chuàng)建內(nèi)部超級鏈接屬性面板上的“鏈接定位”圖標(biāo)或者“瀏覽文件”圖標(biāo)可以用來創(chuàng)建文件的內(nèi)部超級鏈接。現(xiàn)在是18頁\一共有57頁\編輯于星期日使用“鏈接定位”圖標(biāo)創(chuàng)建內(nèi)部超級鏈接（1）選擇頁面中的標(biāo)題文字“星火其人”；（2）在編輯窗口的列表菜單中打開“站點”管理器；（3）拖動“鏈接定位”圖標(biāo)到站點管理器中的頁面文件“autobiography.htm”上方，文件的地址就會出現(xiàn)在屬性面板的“鏈接”文本框中；（4）松開鼠標(biāo)左鍵，完成內(nèi)部鏈接的創(chuàng)建?，F(xiàn)在是19頁\一共有57頁\編輯于星期日現(xiàn)在是20頁\一共有57頁\編輯于星期日使用“瀏覽文件”圖標(biāo)創(chuàng)建內(nèi)部超級鏈接（1）選擇頁面pra_05_01.htm中的標(biāo)題文字“星火其人”；（2）點擊屬性面板上的“瀏覽文件”圖標(biāo)，打開“選擇文件”對話框中，選擇頁面文件“autobiography.htm”；（3）點擊“確認(rèn)”按鈕完成操作。現(xiàn)在是21頁\一共有57頁\編輯于星期日現(xiàn)在是22頁\一共有57頁\編輯于星期日創(chuàng)建外部超級鏈接鏈接外部網(wǎng)站的關(guān)鍵，是在鏈接域正確輸入外部網(wǎng)站的網(wǎng)址。例題：為頁面中的文字“信息技術(shù)與軟件工程學(xué)院”添加外部超級鏈接，地址為“”，并設(shè)置鏈接目標(biāo)為新窗口打開，現(xiàn)在是23頁\一共有57頁\編輯于星期日操作步驟如下：（1）選中頁面中的文字“信息技術(shù)與軟件工程學(xué)院”；（2）在屬性面板的“鏈接”文本框中輸入地址“”；（3）在“目標(biāo)”域選擇鏈接目標(biāo)的載入位置為“_blank”。現(xiàn)在是24頁\一共有57頁\編輯于星期日現(xiàn)在是25頁\一共有57頁\編輯于星期日注意在默認(rèn)情況下，鏈接的文件在當(dāng)前窗口或框架中被打開。要使被鏈接的文件（網(wǎng)頁、網(wǎng)站主頁、圖像）顯示在其它地方，需要從屬性面板的目標(biāo)域彈出菜單上選擇一個選項：_blank被鏈接文件在新窗口中打開；_parent將被鏈接文件載入到父框架集或包含該鏈接的框架窗口中；_self被鏈接文件在與該鏈接相同的框架或窗口中打開（默認(rèn)窗口無須指定）；_top將被鏈接文件載入到整個瀏覽器窗口并刪除所有框架?，F(xiàn)在是26頁\一共有57頁\編輯于星期日現(xiàn)在是27頁\一共有57頁\編輯于星期日創(chuàng)建E-mail鏈接在網(wǎng)頁上創(chuàng)建電子郵件鏈接，方便用戶意見反饋。當(dāng)瀏覽者單擊電子郵件鏈接時，可以及時打開瀏覽器默認(rèn)的電子郵件程序處理程序，收件人的郵件地址被電子郵件鏈接中指定的地址自動更新，無需瀏覽者手工輸入。為頁面添加E-mail地址鏈接，可以有兩種方法：現(xiàn)在是28頁\一共有57頁\編輯于星期日插入郵件鏈接命令創(chuàng)建電子郵件鏈接（1）把光標(biāo)置于文檔窗口的文字“E-mail：”右邊；（2）在菜單欄中選擇“插入”→“電子郵件鏈接”命令，或者在對象面板的“插入”欄中選擇“常用”選項卡，點擊“電子郵件鏈接”按鈕，現(xiàn)在是29頁\一共有57頁\編輯于星期日（3）打開“電子郵件鏈接”對話框，在“文本”文本框中輸入郵箱（4）在“E-Mail”文本框中輸入E-Mail地址；（5）單擊“確定”按鈕完成操作?，F(xiàn)在是30頁\一共有57頁\編輯于星期日現(xiàn)在是31頁\一共有57頁\編輯于星期日現(xiàn)在是32頁\一共有57頁\編輯于星期日使用屬性面板創(chuàng)建電子郵件鏈接（1）把光標(biāo)置于文檔窗口的文字“E-mail：”右邊；（2）輸入文字，并將其選中；（3）在屬性面板中的“鏈接”文本框中輸入“mailto:ABC@263.net”。（4）單擊“確定”按鈕，完成操作?，F(xiàn)在是33頁\一共有57頁\編輯于星期日現(xiàn)在是34頁\一共有57頁\編輯于星期日錨點鏈接1.什么是錨點？2.為什么要設(shè)置錨點？3.怎樣實現(xiàn)錨點鏈接？現(xiàn)在是35頁\一共有57頁\編輯于星期日錨點及其作用錨點是在網(wǎng)頁文檔中設(shè)置的一個標(biāo)記，便于以后引用。通過創(chuàng)建錨點，可以使鏈接指向當(dāng)前文檔中指定的位置。使客戶可以方便快捷地瀏覽長文本網(wǎng)頁?，F(xiàn)在是36頁\一共有57頁\編輯于星期日錨點鏈接應(yīng)用的案例——尼姑篇案例1：沒有添加錨點鏈接的文章案例2：添加了部分錨點鏈接的文章案例3：添加了全部錨點鏈接的文章現(xiàn)在是37頁\一共有57頁\編輯于星期日現(xiàn)在是38頁\一共有57頁\編輯于星期日使用錨點鏈接的前提條件在同一網(wǎng)頁內(nèi)有長文檔。比如，人物傳記、小說連載等。現(xiàn)在是39頁\一共有57頁\編輯于星期日錨點鏈接分兩步來實現(xiàn)第一步:將網(wǎng)頁的某一處設(shè)置為錨點，并為其命名；第二步:在源端點處建立該錨點的超級鏈接。現(xiàn)在是40頁\一共有57頁\編輯于星期日設(shè)置錨點的操作步驟如下為滅絕師太設(shè)置錨點（1）把光標(biāo)置于文章“最冷酷的尼姑——滅絕師太”的前面；（2）在菜單欄中選擇“插入”→“命名錨記”命令，或者在對象面板的“插入”欄中選擇“常用”選項卡，單擊“命名錨記”按鈕；現(xiàn)在是41頁\一共有57頁\編輯于星期日（3）系統(tǒng)自動打開“命名錨記”對話框，在“錨點名稱”文本框中輸入“nigu01”，

現(xiàn)在是42頁\一共有57頁\編輯于星期日（4）重復(fù)上述操作步驟，設(shè)置其余的錨點最讓人尊敬的尼姑——三定“nigu02”、最讓人憐愛的尼姑——儀琳“nigu03”、最不能原諒的尼姑——圓性“nigu04”、最前后不一的尼姑——九難“nigu05”；現(xiàn)在是43頁\一共有57頁\編輯于星期日創(chuàng)建錨點鏈接的操作步驟如下（1）在目錄部分選中標(biāo)題“最冷酷的尼姑——滅絕師太”；（2）在屬性面板的“鏈接”文本框中輸入符號“#”和錨點名“nigu01”，現(xiàn)在是44頁\一共有57頁\編輯于星期日（3）重復(fù)上述操作步驟，實現(xiàn)其余的超級鏈接：最讓人尊敬的尼姑——三定、最讓人憐愛的尼姑——儀琳、最不能原諒的尼姑——圓性、最前后不一的尼姑——九難；現(xiàn)在是45頁\一共有57頁\編輯于星期日預(yù)覽，看一下效果。至此，我們已經(jīng)完成了從目錄到文章的錨點鏈接。可以從目錄隨心所欲地跳轉(zhuǎn)到長文本的任意一段文章了。但是當(dāng)我們看完某一段文章之后，還不能返回到目錄，怎么辦？思考！！現(xiàn)在是46頁\一共有57頁\編輯于星期日設(shè)置從文章返回目錄的鏈接在每篇文章的后面增加幾個文字“返回頂部”；選中“返回頂部”這幾個字；在“鏈接”文本框中輸入“#top”；保存文件并預(yù)覽最終效果?，F(xiàn)在是47頁\一共有57頁\編輯于星期日思維拓展除了長文本的頁面可以使用錨點鏈接外，多圖片的網(wǎng)頁或圖文并茂的網(wǎng)頁是否也可以實現(xiàn)錨點鏈接？案例1案例2現(xiàn)在是48頁\一共有57頁\編輯于星期日創(chuàng)建熱點區(qū)域鏈接當(dāng)網(wǎng)頁上的圖像很大時，可以通過在圖像上插入多個熱點區(qū)域創(chuàng)建超級鏈接，從而實現(xiàn)不同的圖像映射?，F(xiàn)在是49頁\一共有57頁\編輯于星期日在許多旅游類的網(wǎng)頁中經(jīng)常采用熱點區(qū)域鏈接的技術(shù)。例如：制作一個中國著名風(fēng)景勝地旅游網(wǎng)站，可以在地圖上為每一個省制作一個熱點區(qū)域，然后命名并添加鏈接?，F(xiàn)在是50頁\一共有57頁\編輯于星期日現(xiàn)在是51頁\一共有57頁\編輯于星期日制作熱點區(qū)域在頁面pra_05_03.htm中選擇圖像文件“map.gif”，單擊圖像屬性面板右下角的擴(kuò)展箭頭，單擊“矩形熱點工具”按鈕，在圖像上畫出矩形熱點區(qū)域，現(xiàn)在是52頁\一共有57頁\編輯于星期日現(xiàn)在是53頁\一共有57頁\編輯于星期日命名和添加鏈接給圖像熱點區(qū)域命名在頁面pra_05_03.htm的中國地圖文件上上點擊廣東省的熱點區(qū)域，此時圖像屬性面板將變?yōu)闊狳c屬性面板，在屬性面板的“地圖”文本框中輸入圖像名稱“Guangdong”。由于在同一文檔中有多個圖像熱