《網(wǎng)頁設計與制作實例教程》第5章(蔣舒靜)

清華大學出版社《網(wǎng)頁設計與制作實例教程》第5章高等學校計算機應用規(guī)劃教材

2024/9/23主編方其桂設置網(wǎng)頁超級鏈接內容提要第5章

設置網(wǎng)頁超級鏈接網(wǎng)絡世界里，超級鏈接無處不在。通過超級鏈接可以將因特網(wǎng)上的各種相關信息有機地聯(lián)系起來，能很方便地從一個網(wǎng)頁跳轉到另一個網(wǎng)頁，從而可以方便的查詢到所需要的資源。本章通過多個實例，從超級鏈接的基本概念、創(chuàng)建和管理三個方面，介紹超級鏈接在網(wǎng)頁中的相關應用。教學目錄認識超級鏈接創(chuàng)建超級鏈接管理超級鏈接010203第5章

設置網(wǎng)頁超級鏈接5.1認識超級鏈接教學內容5.1.1超級鏈接定義與分類超級鏈接在本質上屬于一個網(wǎng)頁的一部分，它是一種允許同其他網(wǎng)頁或站點之間進行連接的元素。各個網(wǎng)頁鏈接在一起后，才能真正構成一個網(wǎng)站。1.超鏈接定義2.超鏈接分類第5章

設置超級鏈接5.1.2URL簡介URL(UniformResourceLocator，統(tǒng)一資源定位符)，簡稱網(wǎng)址?；ヂ?lián)網(wǎng)上的每個文件都有一個唯一的URL，它包含的信息指出文件的位置以及瀏覽器應該怎么處理它。5.1.3超級鏈接的路徑絕對路徑根目錄相對路徑文檔目錄相對路徑5.2創(chuàng)建超級鏈接教學內容第5章

設置超級鏈接5.2.1創(chuàng)建圖像超鏈接給網(wǎng)頁上的圖像設置超鏈接，使得用戶通過單擊圖像就可以打開相應的內容，讓網(wǎng)頁更加生動。例如常見的友情鏈接，可以將站點頁面鏈接到本地站點以外的頁面，設計者需要事先給相應的圖像指定一個完整的地址。實例1

創(chuàng)建友情鏈接在網(wǎng)頁文檔中插入3張圖像，并將它們用新窗口的方式分別鏈接到相應的網(wǎng)頁，如下圖所示。5.2創(chuàng)建超級鏈接教學內容第5章

設置超級鏈接5.2.2創(chuàng)建文本超鏈接文本超鏈接的創(chuàng)建，有多種方法，可以在“鏈接”文本框中輸入內容，也可以利用工具按鈕來創(chuàng)建鏈接。實例2安徽省各地簡介給網(wǎng)頁中的文本“淮北”、“合肥”、“阜陽”、“宿州”創(chuàng)建超鏈接，效果如下圖所示。5.2創(chuàng)建超級鏈接教學內容第5章

設置超級鏈接5.2.3創(chuàng)建電子郵件超鏈接電子郵件超鏈接是一種特殊的鏈接，單擊其時，將打開一個新的空白郵件窗口，在“收件人”欄里將自動顯示電子郵件鏈接中指定的地址。實例3創(chuàng)建電子郵件超鏈接給網(wǎng)頁中的文字或者圖像創(chuàng)建電子郵件超鏈接，使得單擊其時，打開如下圖的發(fā)送郵件的窗口。5.2創(chuàng)建超級鏈接教學內容第5章

設置超級鏈接5.2.4創(chuàng)建錨記超鏈接錨記鏈接是指鏈接到同一頁面中不同位置的鏈接。例如，當一個頁面較長時，為了方便用戶瀏覽網(wǎng)頁，可以在頁面底部設置一個錨記鏈接，單擊后可以快速跳轉到頁面頂部。實例4返回頁首打開光盤中的網(wǎng)頁5-2.html文件，實現(xiàn)單擊“返回頁首”后返回到頁首的功能，效果如下圖所示。單擊回到頁首5.2創(chuàng)建超級鏈接教學內容實例6創(chuàng)建腳本鏈接打開光盤中的5-2.html文件，給文本“關閉窗口”創(chuàng)建腳本鏈接，當單擊其時，系統(tǒng)將彈出如下圖所示的“關閉”對話框。第5章

設置超級鏈接5.2.5創(chuàng)建空鏈接及腳本鏈接腳本鏈接是可以執(zhí)行JavaScript語句的鏈接，其通過鏈接觸發(fā)腳本命令，通常有添加到收藏夾，關閉窗口等腳本代碼可以調用。實例5創(chuàng)建空鏈接打開5-2.html，給文本“1.電子信息工程”創(chuàng)建空鏈接?？真溄邮且粋€未指派的鏈接，利用該鏈接可激活頁面上的對象。5.2創(chuàng)建超級鏈接教學內容實例7下載VB軟件的超鏈接打開光盤中的5-2.html文件，給文本“VB軟件下載”創(chuàng)建下載文件超鏈接，當單擊其時，系統(tǒng)將彈出下載文件的對話框，如下圖所示。第5章

設置超級鏈接5.2.6創(chuàng)建下載文件超鏈接網(wǎng)站中經(jīng)常提供一些下載文件的鏈接，單擊這些鏈接，就可以直接下載文件，這些超鏈接指向的不是網(wǎng)頁，而是其他文件，例如rar、mp3或者exe文件等。5.2創(chuàng)建超級鏈接教學內容第5章

設置超級鏈接5.2.7創(chuàng)建熱區(qū)超鏈接當制作的網(wǎng)頁是由圖片構成的，可以使用熱點工具來給圖片的各個部分建立不同的熱區(qū)鏈接，使頁面的導航結構更加簡潔、明快。實例8創(chuàng)建熱區(qū)超鏈接打開網(wǎng)頁5-3.html，在中間單元格中插入所示圖片“shopping.jpg”，建立相應的熱區(qū)鏈接，如下圖所示。5.3管理超鏈接教學內容5.3.1自動更新超鏈接第5章

設置網(wǎng)頁超級鏈接5.3.2檢查鏈接錯誤管理超鏈接是網(wǎng)站管理中不可或缺的一部分，通過超鏈接可以使各個網(wǎng)頁連接在一起，使網(wǎng)站中眾多頁面構成一個有機整體。通過管理網(wǎng)頁中的超鏈接，可以對網(wǎng)頁進行相應管理，從而使得網(wǎng)站運行的更加流暢。5.4小結和習題教學內容5.4.1本章小結5.4.2強化練習第5章

設置網(wǎng)頁超級鏈接網(wǎng)絡中的所有資源都是通過超鏈接聯(lián)系在一起的，利用好超鏈接，可以讓網(wǎng)頁變得更加方便、清晰和更富有靈性。本章詳細介紹了超級鏈接的制作方法和技巧，具體包括以下主要內容。1.超鏈接的基本概念超鏈接的定義、分類、地址、URL等。2.創(chuàng)建超鏈接主要介紹了在Dreamweaver中創(chuàng)建圖像超鏈接、文本超鏈接、電子郵件超鏈接、空鏈接和腳本超鏈接、下載文件超鏈接以及熱點超鏈接的方法。3.管理超鏈接包括自動更新和檢查鏈接錯誤的方法。5.4小結和習題教學內容5.4.2強化練習第5章

設置網(wǎng)頁超級鏈接一、選擇題1．要實現(xiàn)網(wǎng)頁上有如跳轉到頁首之類的鏈接，應該使用的方法是()。A.表單

B.選擇“插入”→“超級鏈接”命令C.標簽D.選擇“插入”→“命名錨記”命令2．添加空鏈接時，應選中對象，并在“鏈接”文本框中輸入()。A.*B.javascriptC.javascript;D.javascript:;3．設置超級鏈接屬性時，目標窗口設置為_blank時，表示的是()。A.會打開一個新的瀏覽器窗口來打開鏈接文檔B.在當前窗口的父窗口中打開鏈接C.在當前窗口打開鏈接文檔D.在整個瀏覽器窗口中打開鏈接的文檔4．下列關于在一個文檔中可以創(chuàng)建的鏈接類型，說法錯誤的是()。A.命名錨記鏈接，此類鏈接可跳轉至文檔中的指定位置B.電子郵件鏈接，此類鏈接可新建一個收件人地址已填好的空白電子郵件C.鏈接到其他文檔或文件的鏈接D.空鏈接，此類鏈接不能夠在對象上附加行為5．在移動熱點時，按下方向鍵的同時按下Ctrl鍵，每次移動的距離為()。A.1像素B.5像素C.10像素D.20像素5.4小結和習題教學內容5.4.2強化練習第5章

設置網(wǎng)頁超級鏈接二、判斷題1．設置電子郵件超鏈接時，在“鏈接”框中直接輸入郵箱地址即可，例如。()2．使用根目錄相對路徑時，以“\”開頭。()3．超鏈接創(chuàng)建后無法刪除或更改。