dreamweaver8網(wǎng)頁制作教程05

1、課堂講解 第5課 創(chuàng)建超級鏈接 1課堂講解 超級鏈接概念 超級鏈接分類 創(chuàng)建文本超級鏈接 創(chuàng)建錨鏈接 創(chuàng)建空鏈接 創(chuàng)建電子郵件超級鏈接 創(chuàng)建圖像超級鏈接 創(chuàng)建導(dǎo)航條 2超級鏈接概念 超級鏈接是指頁面對象之間的鏈接關(guān)系，它網(wǎng)頁的靈魂，能合理、協(xié)調(diào)地把網(wǎng)站中的各個(gè)元素、頁面通過超級鏈接構(gòu)成了一個(gè)有機(jī)整體，使瀏覽者能快速地訪問到想要訪問的頁面。 3超級鏈接分類 絕對超級鏈接 文檔相對路徑 站點(diǎn)根目錄相對路徑 4絕對超級鏈接 絕對超級鏈接就是形如“”的超級鏈接地址，它給出了超級鏈接目標(biāo)端點(diǎn)完整的URL地址，包括使用的協(xié)議“http:/”。一般用于創(chuàng)建站外具有固定地址的超級鏈接。5文檔相對路徑 使用文檔

2、相對路徑不需要給出完整的URL地址，可省去URL地址的協(xié)議，只需保留不同的部分。如pic/logo.gif，這是本地站點(diǎn)超級鏈接中最常用的鏈接形式。由于相對超級鏈接的文件之間相互關(guān)系并沒有發(fā)生變化，因此使用文檔相對路徑創(chuàng)建的超級鏈接在上傳時(shí)可以不用更新各個(gè)超級鏈接。 6站點(diǎn)根目錄相對路徑 站點(diǎn)根目錄相對路徑是形如“/help/help.html”的超級鏈接地址，它基于站點(diǎn)根目錄，在同一個(gè)站點(diǎn)中網(wǎng)頁的超級鏈接也可采用這種方法。 7創(chuàng)建文本超級鏈接 文本超級鏈接是最常見的超級鏈接，通過使用鼠標(biāo)點(diǎn)擊文本即可從一個(gè)網(wǎng)頁跳轉(zhuǎn)到另一個(gè)網(wǎng)頁。 8創(chuàng)建錨鏈接 創(chuàng)建命名錨記 鏈接命名錨記 9創(chuàng)建命名錨記 在制作

3、網(wǎng)頁時(shí)，為了達(dá)到跳轉(zhuǎn)到網(wǎng)頁固定位置的目的，可以使用錨鏈接。通過對網(wǎng)頁中指定位置的命名，利用超級鏈接打開目標(biāo)網(wǎng)頁時(shí)可直接跳轉(zhuǎn)到相應(yīng)的命名位置上。 10鏈接命名錨記 創(chuàng)建好錨記之后，必須創(chuàng)建對應(yīng)的超級鏈接源端點(diǎn)。 11創(chuàng)建空鏈接 要想對文本設(shè)置行為，首先必須為文本建立空超級鏈接（空超級鏈接是一個(gè)未指派目標(biāo)的超級鏈接），這樣行為才會(huì)有效。 為文本建立空超級鏈接時(shí)，只要先在文檔窗口中選中需要建立空超級鏈接的文本，然后在屬性面板的“鏈接”文本框中輸入一個(gè)“#”符號即可。建立空超級鏈接的目的只是為了應(yīng)用行為，其他情況下不必建立。 12創(chuàng)建電子郵件超級鏈接 電子郵件在網(wǎng)絡(luò)應(yīng)用中十分廣泛，在網(wǎng)頁中建立電子郵件

4、超級鏈接可方便網(wǎng)頁瀏覽者與設(shè)計(jì)者之間的聯(lián)系。 13創(chuàng)建圖像超級鏈接 為一般圖像創(chuàng)建超級鏈接 創(chuàng)建圖像熱點(diǎn)超級鏈接 14為一般圖像創(chuàng)建超級鏈接 15創(chuàng)建圖像熱點(diǎn)超級鏈接 要在一幅比較大的圖片中添加許多超級鏈接時(shí)，應(yīng)該將圖片化整為零，分割成較小的圖片，然后分別為這些小圖像上建立超級鏈接來達(dá)到目的，但這時(shí)整幅圖片就不能對齊，利用Dreamweaver 8的圖像熱點(diǎn)超級鏈接功能就能避免這個(gè)問題。 16創(chuàng)建導(dǎo)航條 插入導(dǎo)航條 編輯導(dǎo)航條 17插入導(dǎo)航條 導(dǎo)航條一般由圖像或圖像組組成，這些圖像的顯示內(nèi)容隨用戶的操作不同而進(jìn)行相應(yīng)的變化。導(dǎo)航條為訪問者瀏覽不同網(wǎng)頁提供了一條捷徑。 18編輯導(dǎo)航條 19上機(jī)實(shí)戰(zhàn) 本課上機(jī)實(shí)戰(zhàn)制作過程可分為左側(cè)導(dǎo)航圖像超級鏈接的創(chuàng)建、主要