第4章網(wǎng)頁(yè)超鏈接4.1編織網(wǎng)站鏈接—足球新聞4.2

超鏈接構(gòu)成及類(lèi)別4.3管理超鏈接4.1編織網(wǎng)站鏈接—足球新聞1案例綜述“足球新聞”網(wǎng)頁(yè)中的超鏈接到網(wǎng)站內(nèi)頁(yè)面的超鏈接―內(nèi)部鏈接；………外………………―外部鏈接；電子郵件形式的超鏈接―E-mail鏈接；(聯(lián)系我們熱點(diǎn))到網(wǎng)頁(yè)某一特定位置的超鏈接―錨點(diǎn)鏈接；下載鏈接。

4.1編織網(wǎng)站鏈接—足球新聞2實(shí)現(xiàn)步驟1）準(zhǔn)備網(wǎng)頁(yè)內(nèi)容將素材文件夾中的相關(guān)文檔復(fù)制到站點(diǎn)文件夾下。2）創(chuàng)建超鏈接

步驟1選中頁(yè)面中的文字或圖像，

步驟2在屬性面板中單擊“鏈接”文本框右側(cè)的文件夾圖標(biāo)，以通過(guò)瀏覽方式選擇一個(gè)文件（內(nèi)部鏈接）?；蛘咧苯釉凇版溄印蔽谋究蜉斎刖W(wǎng)址（外部鏈接）。

步驟3從“目標(biāo)”下拉菜單中，選擇文檔的打開(kāi)位置。_blank:新打開(kāi)的空窗口（每次新建空窗口）_parent：如果是嵌套的框架，則在父框架中打開(kāi)。_self：會(huì)在當(dāng)前網(wǎng)頁(yè)所在的窗口或框架中打開(kāi)(默認(rèn))。_top：會(huì)在完整的瀏覽器窗口中打開(kāi)。new：在名稱為“new”的窗口中，可取別的名字?？蚣苊?)錨點(diǎn)鏈接指同一個(gè)頁(yè)面中的某位置，或其他頁(yè)面中的某位置。分為兩步：4.1編織網(wǎng)站鏈接—足球新聞創(chuàng)建命名錨記(用錨點(diǎn)標(biāo)記位置)將光標(biāo)定位在要設(shè)置錨點(diǎn)的位置，插入欄｜命名錨記｜輸入錨點(diǎn)名稱（注意：區(qū)分大小寫(xiě)）創(chuàng)建到錨點(diǎn)的鏈接選擇要?jiǎng)?chuàng)建鏈接的文本或圖像在屬性面板的鏈接文本框中，鍵入＃號(hào)和錨點(diǎn)名稱或在瀏覽對(duì)話框中，選中要鏈接的文件后加＃和錨記名稱。4）E－mail鏈接當(dāng)瀏覽者單擊電子郵件鏈接時(shí)，可即時(shí)打開(kāi)瀏覽器默認(rèn)的電子郵件程序處理程序。步驟：選中文本和圖像插入欄｜常用｜電子郵件鏈接｜輸入郵件地址或在屬性面板的鏈接欄中直接輸入

4.1編織網(wǎng)站鏈接—足球新聞mailto:郵件地址5)下載鏈接當(dāng)被鏈接的文件是exe文件或rar文件等瀏覽器不支持的類(lèi)型時(shí)，這些文件會(huì)被下載，這就是網(wǎng)頁(yè)上下載文件的方法。創(chuàng)建方法和鏈接到網(wǎng)頁(yè)的方法完全一樣。4.1編織網(wǎng)站鏈接—足球新聞6）空鏈接----占位符作用選中要制作空鏈接的對(duì)象，在鏈接文本框中直接輸入＃。一般在站點(diǎn)首頁(yè)的導(dǎo)航欄中的首頁(yè)鏈接，就可以是一個(gè)空鏈接。7)圖像分區(qū)鏈接在圖像上畫(huà)出一個(gè)或多個(gè)區(qū)域（熱點(diǎn)），在每個(gè)區(qū)域上建立鏈接。操作：選中圖像在圖像屬性面板中，使用分區(qū)工具（矩形、橢圓、多邊形）在圖像上劃分區(qū)域。為區(qū)域設(shè)置鏈接8）跳轉(zhuǎn)菜單彈出式菜單，每一菜單項(xiàng)上有一鏈接。DreamWeaver內(nèi)置組件：下拉式列表框+JavaScript代碼操作方法：插入欄｜表單｜跳轉(zhuǎn)菜單在“插入跳轉(zhuǎn)菜單”對(duì)話框中，單擊＋號(hào)添加菜單項(xiàng)4.1編織網(wǎng)站鏈接—足球新聞在“選擇時(shí)。轉(zhuǎn)到URL”文本框中，輸入該文件的路徑。超鏈接源鏈接資源熱點(diǎn)(文本、圖片、圖片分區(qū))1)網(wǎng)頁(yè)(含路徑)2)網(wǎng)頁(yè)中的書(shū)簽(錨點(diǎn))#錨點(diǎn)，#top,網(wǎng)頁(yè)#錨點(diǎn)3)腳本程序,javascript:代碼javascript:window.close();javascript:alert('警告');4)空#，javascript:;5)

電子郵件mailto:zhou_xr@126.com6)媒體文件x.jpg,y.swf7)瀏覽器不能識(shí)別的文件

x.docy.rarz.exe資源顯示位置<a

href=“鏈接資源”target=“資源顯示位置”>

超鏈接源</a>鏈接類(lèi)別1)按熱點(diǎn)不同文本鏈接,圖片……，圖片熱點(diǎn)…,2)按鏈接資源不同普通網(wǎng)頁(yè)鏈接,錨點(diǎn)鏈接，腳本代碼連接，空連接，郵件連接，媒體文件鏈接，下載連接4.2超鏈接構(gòu)成及類(lèi)別(某窗口,框架)跳轉(zhuǎn)菜單（表單+下拉列表框+javascript代碼）4.2超鏈接構(gòu)成及類(lèi)別網(wǎng)頁(yè)路徑（與圖片路徑表示方法相同）1）絕對(duì)路徑：在鏈接中使用完整的URL地址。<ahref=“/index.htm”>中南大學(xué)</a>

2）相對(duì)路徑：相對(duì)于網(wǎng)頁(yè)文件（位于當(dāng)前目錄）的位置當(dāng)前目錄的文件引用方式：href=“*.*”…………的下級(jí)目錄：href=“下級(jí)目錄名/*.*”…………的上一級(jí)目錄：href=“../當(dāng)前文件夾名/*.*”3）基于站點(diǎn)根目錄的路徑：以站點(diǎn)的根目錄為參考點(diǎn)，用一個(gè)斜線“/”表示根目錄。(要在web服務(wù)器上運(yùn)行)根目錄的文件引用方式：href=“/*.*”…………的下級(jí)目錄：href=“/下級(jí)目錄名/*.*”

4.2超鏈接構(gòu)成及類(lèi)別1自動(dòng)更新鏈接設(shè)置在首選參數(shù)對(duì)話框中設(shè)置自動(dòng)更新。選擇“編輯”|“首選參數(shù)”命令，打開(kāi)“首選參數(shù)”對(duì)話框，在“移動(dòng)文件時(shí)更新鏈接”選項(xiàng)的下拉列表中進(jìn)行選擇?？偸恰慨?dāng)移動(dòng)或重命名選定文檔時(shí)，Dreamweaver將自動(dòng)更新其他文檔中指向該文檔的所有鏈接。提示——將顯示一個(gè)提示對(duì)話框，列出更改影響到的所有文件，以進(jìn)行進(jìn)一步選擇，系統(tǒng)默認(rèn)的選項(xiàng)是“提示”。

4.3管理超鏈接

4.3管理超鏈接

2更改鏈接1）移動(dòng)、更名文檔時(shí)更新鏈接如果對(duì)站點(diǎn)中的文檔要進(jìn)行移動(dòng)、更名操作，DreamweaverCS5會(huì)彈出“更新文件”對(duì)話框，點(diǎn)擊“更新”按鈕，則會(huì)修改文本框中文件的鏈接；點(diǎn)擊“不更新”按鈕，則不會(huì)修改文本框中文件的鏈接。b.htm……<ahref=“c.htm">……</a>……a.htm……<ahref=“c.htm">……</a>……c.htm………………ddd4.3管理超鏈接2)改變鏈接直接修改超鏈接（在編輯源文件的窗口）使用菜單命令更改超鏈接在“文件”面板中選擇一個(gè)文件，如果更改電子郵件鏈接、FTP鏈接、空鏈接則不需要選擇文件。選擇“站點(diǎn)”|“改變站點(diǎn)范圍內(nèi)鏈接”命令，出現(xiàn)“更改整個(gè)站點(diǎn)鏈接”對(duì)話框，單擊“確定”按鈕，會(huì)出現(xiàn)“更新文件”對(duì)話框，其中列出了需要更新的鏈接文件，單擊“更新”按鈕。3刪除鏈接1)使用菜單命令刪除超鏈接點(diǎn)擊“修改”菜單，選擇“移除鏈接”命令，或者按Ctrl+Shift+L組合鍵即可刪除或者取消一個(gè)超鏈接。2)使用快捷菜單刪除超鏈接點(diǎn)擊鼠標(biāo)右鍵，在彈出的子菜單上選擇“刪除標(biāo)簽<a>”命令即可刪除超鏈接。3)使用屬性面板刪除超鏈接單擊屬性面板中的“鏈接”下拉列表框，使之呈現(xiàn)為選擇狀態(tài)，按Delete鍵刪除原來(lái)的鏈接地址即可。4.3管理超鏈接

4檢查鏈接1)

檢查當(dāng)前文檔中的鏈接①在“文件”面板中，從“當(dāng)前站點(diǎn)”彈出菜單中選擇一個(gè)站點(diǎn)。②在“本地”視圖中，選擇要檢查的文件或文件夾。③選擇“文件”｜“檢查頁(yè)”｜“鏈接”命令，或右鍵單擊一個(gè)選定的文件，然后從上下文菜單中選擇“檢查鏈接”｜“選定的文件/文件夾”。④“斷開(kāi)的鏈接”報(bào)告出現(xiàn)在“鏈接檢查器”面板中.⑤在“鏈接檢查器”面板中，從“顯示”彈出菜單中選擇“檢查站點(diǎn)中所選文件的鏈接”以查看其結(jié)果報(bào)告.4.3管理超鏈接

2)檢查整個(gè)站點(diǎn)中的鏈接①在“文件”面板中，從“當(dāng)前站點(diǎn)”彈出菜單中選擇一個(gè)站點(diǎn)。②選擇“站點(diǎn)”|“檢查站點(diǎn)范圍的鏈接”。③“斷開(kāi)的鏈接”報(bào)告出現(xiàn)在“鏈接檢查器”面板中。④在“鏈接檢查器”面板中，從“顯示”彈出菜單中選擇“檢查整個(gè)站點(diǎn)中的鏈接”，可查看其它報(bào)告。

5修復(fù)斷開(kāi)的鏈接

1)在鏈接檢查器面板中修復(fù)鏈接①運(yùn)行鏈接檢查報(bào)告。②在“鏈接檢查器”面板（在“結(jié)果”面板組中）中的“斷開(kāi)的鏈接”列（而不是“文件”列），選擇該斷開(kāi)的鏈接。③

單擊斷開(kāi)的鏈接旁邊的文件夾圖標(biāo)，以瀏覽到正確文件，或者鍵入正確的路徑和文件名。④如果還有對(duì)同一文件的其它斷開(kāi)引用，會(huì)提示修復(fù)其它文件中的這些引用。單擊“是”，Dreamweaver將更新列表中引用此文件的所有文檔。如果單擊“否”，Dreamweaver將只更新當(dāng)前引用。4.3管理超鏈接

2)在屬性檢查器中修復(fù)鏈接①運(yùn)行鏈接檢查報(bào)告。②在“鏈接檢查器”面板中（在“結(jié)果”面板組中），雙擊“文件”列中的某個(gè)條目。③

Dreamweaver打開(kāi)該文檔，選擇斷開(kāi)的圖像或鏈接，并在屬性檢查器中高亮顯示路徑和文件名。④可在屬性檢查器中設(shè)置新路徑和文件名，