dreamweaver第3講(已修改)
2025-06-08 20:44 本頁(yè)面
【正文】 2020/6/28 網(wǎng)頁(yè)制作教程 1 第三講 超級(jí)鏈接的使用 河南大學(xué)計(jì)算中心 2020/6/28 網(wǎng)頁(yè)制作教程 2 簡(jiǎn)要復(fù)習(xí) ? 網(wǎng)頁(yè)的簡(jiǎn)單編輯 ? 文檔格式化的三種方法 ? 學(xué)會(huì)利用 CSS樣式美化文檔頁(yè)面 ? 在網(wǎng)頁(yè)中使用圖像 ? 設(shè)置頁(yè)面屬性 2020/6/28 網(wǎng)頁(yè)制作教程 3 超級(jí)鏈接的作用 ? 鏈接的設(shè)置是網(wǎng)頁(yè)中非常重要的一個(gè)內(nèi)容，有了合理的鏈接，一個(gè)網(wǎng)站才會(huì)顯得功能分布合理、整體效果好。 ? 超級(jí)鏈接在網(wǎng)站中起著鈕帶的作用。 ? 鏈接最明顯的作用是使得頁(yè)面容量變小。因?yàn)槲覀兯鶠g覽的網(wǎng)頁(yè)都是通過(guò)超級(jí)鏈接把大量的頁(yè)面鏈接起來(lái)的，我們可以輕易地從一個(gè)窗口切換到另一個(gè)窗口，查找網(wǎng)頁(yè)內(nèi)容更加方便和快捷。 ? 通過(guò)網(wǎng)站導(dǎo)航將眾多分散的網(wǎng)站連接起來(lái)，我們可以瀏覽更多的頁(yè)面。 2020/6/28 網(wǎng)頁(yè)制作教程 4 超級(jí)鏈接的組成 ? 超級(jí)鏈接主要由兩部分組成：超級(jí)鏈接源端點(diǎn)和超級(jí)鏈接目標(biāo)端點(diǎn)。 – 源端點(diǎn)：通常采用文本或圖像 – 目標(biāo)端點(diǎn)：是用戶單擊超級(jí)鏈接時(shí)打開(kāi)的網(wǎng)頁(yè)文件或其它文件，通常用 URL地址定義。 ? 例如： 源端點(diǎn)是文本，目標(biāo)端點(diǎn)是河南大學(xué)網(wǎng)站的首頁(yè)文件。 2020/6/28 網(wǎng)頁(yè)制作教程 5 超級(jí)鏈接的類(lèi)型 超級(jí)鏈接 內(nèi)部鏈接：在同一網(wǎng)站文檔之間的鏈接 外部鏈接：不同網(wǎng)站之間的鏈接 錨點(diǎn)鏈接：同一網(wǎng)頁(yè)或不同網(wǎng)頁(yè)指定位置的鏈接 Email鏈接：電子郵件鏈接 空鏈接：無(wú)鏈接內(nèi)容的鏈接 超級(jí)鏈接可以在一個(gè) Web網(wǎng)站中的各網(wǎng)頁(yè)之間鏈接，而且可以將全球任何位置的 Web網(wǎng)站中的網(wǎng)頁(yè)甚至其它類(lèi)型的文件聯(lián)系在一起。根據(jù)超級(jí)鏈接的目標(biāo)不同，超級(jí)鏈接有這樣幾類(lèi)： 2020/6/28 網(wǎng)頁(yè)制作教程 6 1. 一個(gè)文本超級(jí)鏈接只能鏈接到一個(gè) URL地址。 2. 而一個(gè)圖像超級(jí)鏈接可以用以下兩種方式之一來(lái)分配目標(biāo) URL地址： – 整個(gè)圖像分配一個(gè) URL，當(dāng)鼠標(biāo)變成手形時(shí)，單擊即可鏈接到目標(biāo)位置。 – 一個(gè)圖像也可以分配多個(gè) URL，即給圖像分配多個(gè)熱點(diǎn)區(qū)域，單擊某個(gè)特定區(qū)域可以鏈接到不同的目標(biāo)位置。又稱(chēng)為熱點(diǎn)鏈接。 超級(jí)鏈接的目標(biāo) 2020/6/28 網(wǎng)頁(yè)制作教程 7 表示文件路徑的方法 ? 用 URL地址表示文件路徑時(shí)，我們可以采用 絕對(duì)路徑 或相對(duì)路徑 來(lái)表示： ? 絕對(duì)路徑：如果在鏈接中使用完整的 URL地址，這種路徑就被稱(chēng)為絕對(duì)路徑。 如： ? 絕對(duì)路徑的優(yōu)點(diǎn)：它同鏈接的源端點(diǎn)無(wú)關(guān)。如果希望鏈接到外部站點(diǎn)的文件，就必須使用絕對(duì)路徑。 ? 絕對(duì)路徑的缺點(diǎn)：這種方式的鏈接不利于測(cè)試，因?yàn)楸仨氃?Inter服務(wù)器端對(duì)鏈接進(jìn)行測(cè)試，也就是必須在聯(lián)網(wǎng)的情況下才能測(cè)試。 2020/6/28 網(wǎng)頁(yè)制作教程 8 相對(duì)路徑 ? 相對(duì)路徑：指的是鏈接中源端點(diǎn)同目標(biāo)端點(diǎn)之間的相互位置，它同源端點(diǎn)的位置關(guān)系密切。 ? 相對(duì)路徑的好處：表示方法簡(jiǎn)單，如果站點(diǎn)的結(jié)構(gòu)不變，那么鏈接就不會(huì)出錯(cuò)。不需要聯(lián)網(wǎng)就可以測(cè)試鏈接。 ? 相對(duì)路徑的缺點(diǎn)：如果鏈接的源端點(diǎn)或目標(biāo)端點(diǎn)的位置發(fā)生了變化，則文檔中的鏈接關(guān)系就會(huì)失效。 ? 相對(duì)路徑是最適合用于 本地鏈接
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1