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

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

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

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

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

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

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

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

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

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

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

設(shè)置超級(jí)鏈接5.2.5創(chuàng)建空鏈接及腳本鏈接腳本鏈接是可以執(zhí)行JavaScript語(yǔ)句的鏈接，其通過(guò)鏈接觸發(fā)腳本命令，通常有添加到收藏夾，關(guān)閉窗口等腳本代碼可以調(diào)用。實(shí)例5創(chuàng)建空鏈接打開(kāi)5-2.html，給文本“1.電子信息工程”創(chuàng)建空鏈接。空鏈接是一個(gè)未指派的鏈接，利用該鏈接可激活頁(yè)面上的對(duì)象。5.2創(chuàng)建超級(jí)鏈接教學(xué)內(nèi)容實(shí)例7下載VB軟件的超鏈接打開(kāi)光盤(pán)中的5-2.html文件，給文本“VB軟件下載”創(chuàng)建下載文件超鏈接，當(dāng)單擊其時(shí)，系統(tǒng)將彈出下載文件的對(duì)話(huà)框，如下圖所示。第5章

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

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

設(shè)置網(wǎng)頁(yè)超級(jí)鏈接5.3.2檢查鏈接錯(cuò)誤管理超鏈接是網(wǎng)站管理中不可或缺的一部分，通過(guò)超鏈接可以使各個(gè)網(wǎng)頁(yè)連接在一起，使網(wǎng)站中眾多頁(yè)面構(gòu)成一個(gè)有機(jī)整體。通過(guò)管理網(wǎng)頁(yè)中的超鏈接，可以對(duì)網(wǎng)頁(yè)進(jìn)行相應(yīng)管理，從而使得網(wǎng)站運(yùn)行的更加流暢。5.4小結(jié)和習(xí)題教學(xué)內(nèi)容5.4.1本章小結(jié)5.4.2強(qiáng)化練習(xí)第5章

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

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

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

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