大學計算機ii課件第7次VIP

第7講創(chuàng)建網(wǎng)頁鏈接 參考資源 http 218 192 12 5 dxjsj2 大學計算機 2020 4 19 1 廣東金融學院 主要內(nèi)容 1 超鏈接的概念 2 理解路徑 3 創(chuàng)建文本超鏈接 下載超鏈接和圖像超鏈接 4 創(chuàng)建錨點鏈接和E mail鏈接 5 求職站點的頁面導航 6 總結(jié)并布置作業(yè) 2020 4 19 廣東金融學院 2 1 超鏈接的概念 什么是超鏈接超鏈接 簡稱鏈接 是網(wǎng)頁文檔中的重要元素 使用超鏈接可以實現(xiàn)網(wǎng)頁文檔之間的快速跳轉(zhuǎn) 而不管這些網(wǎng)頁是來自一個站點 還是來自Internet中不同的站點 網(wǎng)頁中超鏈接通常以文本 圖像或動畫等形式出現(xiàn) 當鼠標指針指向超鏈接時 鼠標指針會變成手指狀 單擊超鏈接時 瀏覽器就會按照超鏈接指向的目標載入另一個網(wǎng)頁 或者跳轉(zhuǎn)到同一網(wǎng)頁 也可以是其他網(wǎng)頁 的某一個位置 2020 4 19 廣東金融學院 3 1 超鏈接的概念 源端點和目標端點超鏈接是由源端點到目標端點的一種跳轉(zhuǎn) 源端點可以是網(wǎng)頁中的一段文本 一幅圖像或圖像熱區(qū)等 目標端點可以是任意類型的網(wǎng)絡資源 例如一個網(wǎng)頁 一幅圖像 一首音樂 一段動畫 一段電影或一個程序等 2020 4 19 廣東金融學院 4 1 超鏈接的概念 源端點和目標端點 2020 4 19 廣東金融學院 5 1 超鏈接的概念 超鏈接分類 按照目標端點的不同 文件鏈接 目標端點是一個文件 通常是網(wǎng)頁文件 也可以是其它文件 用于打開另外一個網(wǎng)頁 或者將一個文件直接下載到本地計算機中 錨點鏈接 目標端點是網(wǎng)頁中的某個位置 用于快速跳轉(zhuǎn)到當前網(wǎng)頁或其它網(wǎng)頁中的某個位置 E mail鏈接 目標端點是一個發(fā)送郵件的客戶端程序 如Foxmail Outlook等 用于啟動一個郵件客戶端程序 并向某個電子郵箱發(fā)送郵件 2020 4 19 廣東金融學院 6 2 理解路徑 什么是路徑 路徑是指文件或其它資源 如郵件或錨點等 在本地計算機或網(wǎng)絡中的存儲位置 通常用URL 統(tǒng)一資源定位器 表示 文件鏈接通常要指定目標端點的文件位置 因此創(chuàng)建超鏈接前 理解文件路徑是非常關鍵的一步 2020 4 19 廣東金融學院 7 2 理解路徑 URL的格式http 指明文件在網(wǎng)絡中傳輸?shù)膮f(xié)議是超文本傳輸協(xié)議 Web服務器IP或域名 用于指定是網(wǎng)絡中的哪一臺計算機 文件目錄 就是Web站點的目錄 通常站點中的文件資源都放在這個目錄中 文件名 包括文件主名和擴展名 2020 4 19 廣東金融學院 8 http Web服務器IP地址或域名 文件目錄 文件名 2 理解路徑 URL的唯一性網(wǎng)絡中計算機的IP地址 或域名 唯一 網(wǎng)絡中每臺計算機中的文件路徑唯一 因此 由于URL特殊的層次性結(jié)構 使得在網(wǎng)絡中 每個文件的URL是唯一的 2020 4 19 廣東金融學院 9 2 理解路徑 路徑的類型絕對路徑也稱絕對URL 它給出鏈接目標文件的完整URL地址 包括傳輸協(xié)議在內(nèi) 如 2020 4 19 廣東金融學院 10 2 理解路徑 路徑的類型相對路徑也稱為相對URL 是指以當前文件所在位置為起點到目標文檔所經(jīng)過的路徑 如 products dreamweaver html 若要將當前文件與處在同一文件夾中的另一個文件鏈接 或者將同一站點中不同文件夾下的文件相互鏈接 都可以使用相對路徑 此時可以省去當前文件與目標文檔完整URL中的相同部分 只留下不同部分 2020 4 19 廣東金融學院 11 2 理解路徑 路徑的類型根相對路徑是指從站點根目錄到被鏈接文件的路徑 如 products dreamweaver html 實際上 根相對路徑是站點內(nèi)部的 絕對路徑 因此服務器地址加上根相對路徑就形成絕對路徑了 根相對路徑適用于當前網(wǎng)頁文檔和鏈接目標端點文件處于相同站點中的情況 2020 4 19 廣東金融學院 12 3 文本鏈接 下載鏈接和圖像鏈接 文本超鏈接是指源端點是文本的超鏈接 下載鏈接是一種特殊的文件超鏈接 即當打開超鏈接的瀏覽器不能顯示 或默認顯示 目標端點文件中的內(nèi)容時 瀏覽器將自動提示下載對話框 圖像超鏈接是指源端點是圖像中熱點的超鏈接 2020 4 19 廣東金融學院 13 3 文本鏈接 下載鏈接和圖像鏈接 新建超鏈接的方法使用菜單命令使用 屬性 面板 2020 4 19 廣東金融學院 14 4 創(chuàng)建錨點鏈接和E mail鏈接 錨點鏈接當網(wǎng)頁內(nèi)容很長時 可以使用錨點超鏈接快速定位到網(wǎng)頁文檔的指定位置 加快頁面瀏覽速度 創(chuàng)建錨點鏈接一般分為兩個步驟 首先 在頁面的某處設置一個命名標記 即錨點 其次 創(chuàng)建錨點鏈接 并使鏈接目標指向一個錨點 這樣 瀏覽者單擊錨點鏈接就可以跳轉(zhuǎn)到錨點位置 2020 4 19 廣東金融學院 15 4 創(chuàng)建錨點鏈接和E mail鏈接 創(chuàng)建錨點鏈接 2020 4 19 廣東金融學院 16 4 創(chuàng)建錨點鏈接和E mail鏈接 E mail超鏈接為了讓瀏覽者單擊E mail超鏈接時 能正常發(fā)送電子郵件 必須為E mail超鏈接指定一個合法的目標端點 E mail超鏈接的目標端點格式為 mailto 電子郵件地址創(chuàng)建E mail鏈接 2020 4 19 廣東金融學院 17 5 求職站點的頁面導航 個人求職站點整體架構 2020 4 19 廣東金融學院 18 5 求職站點的頁面導航 個人求職站點整體架構 2020 4 19 廣東金融學院 19 6 總結(jié)并布置作業(yè) 總結(jié)1 超鏈接和路徑的概念2 常見的超鏈接形式及創(chuàng)建方法3 頁面導航的制作方法 2020 4 19 廣東金融學院 20 6 總結(jié)并布置作業(yè) 作業(yè)1 給班級管理站點制作的一個頁