網(wǎng)頁設(shè)計(jì)與制作案例實(shí)戰(zhàn)教程課件 第6章 超鏈接的應(yīng)用_第1頁
網(wǎng)頁設(shè)計(jì)與制作案例實(shí)戰(zhàn)教程課件 第6章 超鏈接的應(yīng)用_第2頁
網(wǎng)頁設(shè)計(jì)與制作案例實(shí)戰(zhàn)教程課件 第6章 超鏈接的應(yīng)用_第3頁
網(wǎng)頁設(shè)計(jì)與制作案例實(shí)戰(zhàn)教程課件 第6章 超鏈接的應(yīng)用_第4頁
網(wǎng)頁設(shè)計(jì)與制作案例實(shí)戰(zhàn)教程課件 第6章 超鏈接的應(yīng)用_第5頁
已閱讀5頁，還剩20頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第6章超鏈接的應(yīng)用網(wǎng)頁設(shè)計(jì)與制作案例實(shí)戰(zhàn)教程目錄Contents6.1

超鏈接概念6.2

管理網(wǎng)頁超鏈接6.3

文本鏈接6.4

圖像鏈接6.5

錨點(diǎn)鏈接6.6

課堂實(shí)戰(zhàn)6.7

課后練習(xí)6.1.1

相對路徑相對路徑無需給出目標(biāo)端點(diǎn)完整的URL地址，只要給出相對于源端點(diǎn)的位置即可。一般可以將其分為文檔相對路徑和站點(diǎn)根目錄相對路徑2種類型。1.文檔相對路徑文檔相對路徑對于有大多數(shù)站點(diǎn)的本地鏈接來說是最合適的路徑。2.站點(diǎn)根目錄站點(diǎn)根目錄相對路徑指從站點(diǎn)的根文件夾到文檔的路徑。6.1.2絕對路徑絕對路徑是指包括服務(wù)器規(guī)范在內(nèi)的完全路徑，通常使用http://來表示。與相對路徑相比，采用絕對路徑的優(yōu)點(diǎn)在于它同鏈接的源端點(diǎn)無關(guān)。只要網(wǎng)站的地址不變，無論文檔在站點(diǎn)中如何移動(dòng)，都可以正常實(shí)現(xiàn)跳轉(zhuǎn)。采用絕對路徑的缺點(diǎn)在于這種方式的鏈接不利于測試。如果在站點(diǎn)中使用絕對地址，要想測試鏈接是否有效，必須在Internet服務(wù)器端對鏈接進(jìn)行測試。目錄Contents6.1

超鏈接概念6.2

管理網(wǎng)頁超鏈接6.3

文本鏈接6.4

圖像鏈接6.5

錨點(diǎn)鏈接6.6

課堂實(shí)戰(zhàn)6.7

課后練習(xí)6.2.1自動(dòng)更新鏈接當(dāng)本地站點(diǎn)中的文檔發(fā)生移動(dòng)或重命名后，Dreamweaver可更新來自和指向該文檔的鏈接，直到將本地文件放在遠(yuǎn)程服務(wù)器上或?qū)⑵浯婊剡h(yuǎn)程服務(wù)器后才更改遠(yuǎn)程文件夾中的文件。6.2.2檢查站點(diǎn)中的鏈接錯(cuò)誤發(fā)布網(wǎng)頁前需要對網(wǎng)站中的超鏈接進(jìn)行測試，為了節(jié)省檢查時(shí)間，Dreamweaver中的“鏈接檢查器”面板就提供了對整個(gè)站點(diǎn)的鏈接進(jìn)行快速檢查的功能。通過這一功能，可以找出斷掉的鏈接、錯(cuò)誤的代碼和未使用的孤立文件等，以便進(jìn)行糾正和處理。6.2.3修復(fù)鏈接修復(fù)鏈接是指重新設(shè)置檢查出的斷掉鏈接，一般通過以下2種方式實(shí)現(xiàn)：雙擊“鏈接檢查器”面板右側(cè)列表中斷掉鏈接的“文件”中的文件名，Dreamweaver會(huì)在“代碼”視圖和“設(shè)計(jì)”視圖中定位鏈接出錯(cuò)的位置，同時(shí)“屬性”面板也會(huì)指示出鏈接便于用戶修改；在“鏈接檢查器”面板“斷掉的鏈接”列表中單擊直接修改鏈接路徑，或單擊“瀏覽文件”按鈕重新定位鏈接文件。目錄Contents6.1

超鏈接概念6.2

管理網(wǎng)頁超鏈接6.3

文本鏈接6.4

圖像鏈接6.5

錨點(diǎn)鏈接6.6

課堂實(shí)戰(zhàn)6.7

課后練習(xí)6.3.1文本鏈接Dreamweaver中一般通過以下3種方法創(chuàng)建文本鏈接：1.直接輸入鏈接路徑2.“瀏覽文件”按鈕3.“指向文件”按鈕6.3.2下載鏈接用戶可以單擊下載鏈接實(shí)現(xiàn)文件下載，其創(chuàng)建步驟與文本鏈接一致，區(qū)別只在于下載鏈接鏈接的文件不是網(wǎng)頁文件，而是.exe、.doc、.rar等類型的其他文件。選中要添加下載文件鏈接的對象，在“屬性”面板“鏈接”下拉文本框中設(shè)置鏈接的文件即可。設(shè)置完成后按F12鍵預(yù)覽，單擊該鏈接對象將下載鏈接的文件。6.3.3電子郵件鏈接電子郵件鏈接是指用戶點(diǎn)擊時(shí)直接打開電子郵件，并以設(shè)置好的郵箱地址作為收信人的鏈接。一般電子郵件鏈接有以下3種創(chuàng)建方法：1.使用“插入”命令2.使用“屬性”面板3.使用代碼6.3.4空鏈接空鏈接是指沒有指定具體鏈接目標(biāo)的鏈接。選中要?jiǎng)?chuàng)建鏈接的對象，在“屬性”面板“鏈接”文本框中輸入“#”即可。6.3.5實(shí)操案例：景瀾酒店本案例將以景瀾酒店網(wǎng)頁制作為例，介紹超鏈接的應(yīng)用。目錄Contents6.1

超鏈接概念6.2

管理網(wǎng)頁超鏈接6.3

文本鏈接6.4

圖像鏈接6.5

錨點(diǎn)鏈接6.6

課堂實(shí)戰(zhàn)6.7

課后練習(xí)6.4.1圖像鏈接選中要建立鏈接的圖像，單擊“屬性”面板“鏈接”文本框右側(cè)的“瀏覽文件”按鈕，打開“查找文件”對話框進(jìn)行設(shè)置即可。用戶也可以直接在“代碼”視圖中輸入相應(yīng)的代碼設(shè)置圖像鏈接：<body><ahref="#"><imgsrc="02.jpg"width="1280"height="853"alt=""/></a></body>6.4.2圖像熱點(diǎn)鏈接圖像熱點(diǎn)鏈接可以在一個(gè)圖像中創(chuàng)建多個(gè)熱點(diǎn)鏈接，當(dāng)用戶單擊某個(gè)熱點(diǎn)時(shí)，將打開對應(yīng)的鏈接內(nèi)容。圖像熱點(diǎn)是一個(gè)非常實(shí)用的功能。圖像映射是將整張圖片作為鏈接的載體，將圖片的整個(gè)部分或某一部分設(shè)置為鏈接。熱點(diǎn)鏈接的原理就是利用HTML語言在圖片上定義一定形狀的區(qū)域，然后給這些區(qū)域加上鏈接，這些區(qū)域被稱之為熱點(diǎn)或熱區(qū)。常用的熱點(diǎn)工具包括以下3種：矩形熱點(diǎn)工具圓形熱點(diǎn)工具多邊形熱點(diǎn)工具6.4.3實(shí)操案例：微光攝像本案例將以微光攝像網(wǎng)頁鏈接的制作為例，介紹圖像鏈接的應(yīng)用。目錄Contents6.1

超鏈接概念6.2

管理網(wǎng)頁超鏈接6.3

文本鏈接6.4

圖像鏈接6.5

錨點(diǎn)鏈接6.6

課堂實(shí)戰(zhàn)6.7

課后練習(xí)6.5錨點(diǎn)鏈接錨點(diǎn)鏈接是指目標(biāo)端點(diǎn)位于網(wǎng)頁中某個(gè)指定位置的超鏈接。在創(chuàng)建錨點(diǎn)鏈接時(shí)首先需要?jiǎng)?chuàng)建鏈接的目標(biāo)端點(diǎn)并為其命名，然后再創(chuàng)建到該錨點(diǎn)的鏈接。在“文檔”窗口中選中要作為錨點(diǎn)的項(xiàng)目，在“屬性”面板中為其設(shè)置唯一的ID。在“設(shè)計(jì)”視圖中，選中要從其創(chuàng)建鏈接的文本或圖像，在“屬性”面板的“鏈接”文本框中輸入數(shù)字符號(#)和錨點(diǎn)ID即可。用戶也可以選擇要從其創(chuàng)建鏈接的文本或圖像，按住“屬性”面板的“鏈接”文本框右側(cè)的“指向文件”按鈕拖拽至要鏈接到的錨點(diǎn)上。目錄Contents6.1

超鏈接概念6.2

管理網(wǎng)頁超鏈接6.3

文本鏈接6.4

圖像鏈接6.5

錨點(diǎn)鏈接6.6

課堂實(shí)戰(zhàn)6.7

課后練習(xí)6.6課堂實(shí)戰(zhàn)本案例將以美家裝飾網(wǎng)頁的制作為例，介紹網(wǎng)頁超鏈接的應(yīng)用。目錄Contents6.1

超鏈接概念6.2

管理網(wǎng)頁超鏈接6

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論