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

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