大學計算機高級應(yīng)用課件-創(chuàng)建網(wǎng)頁鏈接

第7講創(chuàng)建網(wǎng)頁鏈接《大學計算機高級應(yīng)用》2023/6/231主要內(nèi)容1．超鏈接的概念；2．理解路徑；3．創(chuàng)建文本超鏈接、下載超鏈接和圖像超鏈接；4．創(chuàng)建錨點鏈接和E-mail鏈接；5．求職站點的頁面導(dǎo)航；6．總結(jié)并布置作業(yè)。2023/6/2321．超鏈接的概念什么是超鏈接超鏈接（簡稱鏈接）是網(wǎng)頁文檔中的重要元素，使用超鏈接可以實現(xiàn)網(wǎng)頁文檔之間的快速跳轉(zhuǎn)，而不管這些網(wǎng)頁是來自一個站點，還是來自Internet中不同的站點。網(wǎng)頁中超鏈接通常以文本、圖像或動畫等形式出現(xiàn)。當鼠標指針指向超鏈接時，鼠標指針會變成手指狀；單擊超鏈接時，瀏覽器就會按照超鏈接指向的目標載入另一個網(wǎng)頁，或者跳轉(zhuǎn)到同一網(wǎng)頁（也可以是其他網(wǎng)頁）的某一個位置。2023/6/2331．超鏈接的概念源端點和目標端點超鏈接是由源端點到目標端點的一種跳轉(zhuǎn)。源端點可以是網(wǎng)頁中的一段文本、一幅圖像或圖像熱區(qū)等。目標端點可以是任意類型的網(wǎng)絡(luò)資源，例如一個網(wǎng)頁、一幅圖像、一首音樂、一段動畫、一段電影或一個程序等。2023/6/2341．超鏈接的概念源端點和目標端點2023/6/235文本圖像熱區(qū)其它網(wǎng)頁其它文件錨點E-mail圖像聲音程序鏈接源端點鏈接目標端點1．超鏈接的概念超鏈接分類（按照目標端點的不同）文件鏈接：目標端點是一個文件（通常是網(wǎng)頁文件，也可以是其它文件），用于打開另外一個網(wǎng)頁，或者將一個文件直接下載到本地計算機中。錨點鏈接：目標端點是網(wǎng)頁中的某個位置，用于快速跳轉(zhuǎn)到當前網(wǎng)頁或其它網(wǎng)頁中的某個位置。E-mail鏈接：目標端點是一個發(fā)送郵件的客戶端程序（如Foxmail、Outlook等），用于啟動一個郵件客戶端程序，并向某個電子郵箱發(fā)送郵件。2023/6/2362．理解路徑什么是路徑？路徑是指文件或其它資源（如郵件或錨點等）在本地計算機或網(wǎng)絡(luò)中的存儲位置，通常用URL（統(tǒng)一資源定位器）表示。文件鏈接通常要指定目標端點的文件位置，因此創(chuàng)建超鏈接前，理解文件路徑是非常關(guān)鍵的一步。2023/6/2372．理解路徑URL的格式http://：指明文件在網(wǎng)絡(luò)中傳輸?shù)膮f(xié)議是超文本傳輸協(xié)議。Web服務(wù)器IP或域名：用于指定是網(wǎng)絡(luò)中的哪一臺計算機。文件目錄：就是Web站點的目錄，通常站點中的文件資源都放在這個目錄中。文件名：包括文件主名和擴展名。2023/6/238http://Web服務(wù)器IP地址或域名/文件目錄.../文件名2．理解路徑URL的唯一性網(wǎng)絡(luò)中計算機的IP地址（或域名）唯一。網(wǎng)絡(luò)中每臺計算機中的文件路徑唯一。因此，由于URL特殊的層次性結(jié)構(gòu)，使得在網(wǎng)絡(luò)中，每個文件的URL是唯一的。2023/6/2392．理解路徑路徑的類型絕對路徑也稱絕對URL，它給出鏈接目標文件的完整URL地址，包括傳輸協(xié)議在內(nèi)。如果鏈接的目標文件不在當前Web站點內(nèi)，必須使用絕對路徑。2023/6/23102．理解路徑路徑的類型相對路徑也稱為相對URL，是指以當前文件所在位置為起點到目標文檔所經(jīng)過的路徑，如“products/dreamweaver.html”。若要將當前文件與處在同一文件夾中的另一個文件鏈接，或者將同一站點中不同文件夾下的文件相互鏈接，都可以使用相對路徑，此時可以省去當前文件與目標文檔完整URL中的相同部分，只留下不同部分。2023/6/23112．理解路徑路徑的類型根相對路徑是指從站點根目錄到被鏈接文件的路徑，如“/products/dreamweaver.html”。實際上，根相對路徑是站點內(nèi)部的“絕對路徑”，因此服務(wù)器地址加上根相對路徑就形成絕對路徑了。根相對路徑適用于當前網(wǎng)頁文檔和鏈接目標端點文件處于相同站點中的情況。2023/6/23123．文本鏈接、下載鏈接和圖像鏈接文本超鏈接是指源端點是文本的超鏈接。下載鏈接是一種特殊的文件超鏈接，即當打開超鏈接的瀏覽器不能顯示（或默認顯示）目標端點文件中的內(nèi)容時，瀏覽器將自動提示下載對話框。圖像超鏈接是指源端點是圖像中熱點的超鏈接。2023/6/23133．文本鏈接、下載鏈接和圖像鏈接新建超鏈接的方法使用菜單命令使用“屬性”面板2023/6/23144．創(chuàng)建錨點鏈接和E-mail鏈接錨點鏈接當網(wǎng)頁內(nèi)容很長時，可以使用錨點超鏈接快速定位到網(wǎng)頁文檔的指定位置，加快頁面瀏覽速度。創(chuàng)建錨點鏈接一般分為兩個步驟：首先，在頁面的某處設(shè)置一個命名標記（即錨點）；其次，創(chuàng)建錨點鏈接，并使鏈接目標指向一個錨點。這樣，瀏覽者單擊錨點鏈接就可以跳轉(zhuǎn)到錨點位置。2023/6/23154．創(chuàng)建錨點鏈接和E-mail鏈接創(chuàng)建錨點鏈接2023/6/23164．創(chuàng)建錨點鏈接和E-mail鏈接E-mail超鏈接為了讓瀏覽者單擊E-mail超鏈接時，能正常發(fā)送電子郵件，必須為E-mail超鏈接指定一個合法的目標端點。E-mail超鏈接的目標端點格式為： mailto:電子郵件地址創(chuàng)建E-mail鏈接2023/6/23175．求職站點的頁面導(dǎo)航個人求職站點整體架構(gòu)2023/6/2318求職站點首頁個人簡歷我的專業(yè)才藝展示求職意向我的同學母校風采我的相冊給我留言5．求職站點的頁面導(dǎo)航個人求職站點整體架構(gòu)2023/6/2319鏈接文本目標文件路徑鏈接文本目標文件路徑我的專業(yè)specialty.html母校風采school.html才藝展示gift.html我的相冊album.html求職意向will.html給我留言messageboard.html我的同學schoolmate.html返回主頁index.html6．總結(jié)并布置作業(yè)總結(jié)1)超鏈接和路徑的概念2)常見的超鏈接形式及創(chuàng)建方法3)頁面導(dǎo)航的制作方法2023/6/23206．總結(jié)并布置作業(yè)作業(yè)1)