《網(wǎng)頁制作基礎(chǔ)教程（Dreamweaver CS3）》第3章　建立網(wǎng)頁鏈接

《網(wǎng)頁制作基礎(chǔ)教程（Dreamweaver8.0）》

電子教案第三章建立網(wǎng)頁鏈接本章重點：內(nèi)部鏈接、外部鏈接、錨點鏈接、E-mail鏈接的創(chuàng)建方法。

第三章建立網(wǎng)頁鏈接3.1編織網(wǎng)站鏈接—足球新聞3.2

超鏈接概述3.3管理超鏈接3.1編織網(wǎng)站鏈接—足球新聞3.1.1案例綜述

本例以編織網(wǎng)站中的各種超鏈接為主要目的，介紹創(chuàng)建超鏈接種種方法和技巧

3.1編織網(wǎng)站鏈接—足球新聞3.1.2案例分析為實現(xiàn)網(wǎng)頁的跳轉(zhuǎn)，將創(chuàng)建：到網(wǎng)站內(nèi)頁面的超鏈接――內(nèi)部鏈接；到網(wǎng)站外頁面的超鏈接――外部鏈接；電子郵件形式的超鏈接――E-mail鏈接；到網(wǎng)頁某一特定位置的超鏈接――錨點鏈接；以及其他一些鏈接。

3.1編織網(wǎng)站鏈接—足球新聞3.1.3實現(xiàn)步驟一、準備網(wǎng)頁內(nèi)容步驟1

選中站點；步驟2

將素材文件夾中的相關(guān)文檔復(fù)制到站點文件夾下。二、創(chuàng)建超鏈接1、創(chuàng)建內(nèi)部鏈接－－網(wǎng)站內(nèi)部頁面之間創(chuàng)建相互鏈接關(guān)系步驟1

選中頁面中的文字或圖像，在屬性面板中單擊“鏈接”文本框右側(cè)的文件夾圖標，以通過瀏覽選擇一個文件步驟2

從“目標”下拉菜單中，選擇文檔的打開位置。_blank:新打開的空窗口_parent：如果是嵌套的框架，則在父框架中打開。_self：會在當前網(wǎng)頁所在的窗口或框架中打開。_top：會在完整的瀏覽器窗口中打開。3.1編織網(wǎng)站鏈接—足球新聞2、創(chuàng)建外部鏈接

－－創(chuàng)建鏈接到絕對地址的外部鏈接選中文字或圖像之后，直接在屬性面板的“鏈接”文本框中輸入外部的鏈接地址，如http://然后在“目標”下拉菜單中設(shè)置這個鏈接的目標窗口。3.1編織網(wǎng)站鏈接—足球新聞3、創(chuàng)建E－mail鏈接

－－當瀏覽者單擊電子郵件鏈接時，可即時打開瀏覽器默認的電子郵件程序處理程序。方法：選中文本和圖像插入欄｜常用｜電子郵件鏈接｜輸入郵件地址或在屬性面板的鏈接欄中直接輸入

3.1編織網(wǎng)站鏈接—足球新聞mailto:郵件地址4、錨點鏈接

－－是指同一個頁面中的不同位置鏈接。分為兩步：創(chuàng)建命名錨記，就是在文檔中設(shè)置位置標記，并給該位置一個名稱，以便引用。創(chuàng)建到命名錨記的鏈接3.1編織網(wǎng)站鏈接—足球新聞創(chuàng)建命名錨記將光標定位在要設(shè)置標記的位置，插入欄｜命名錨記｜輸入錨記名稱（注意：區(qū)分大小寫）創(chuàng)建到命名錨記的鏈接選擇要創(chuàng)建鏈接的文本或圖像在屬性面板的鏈接文本框中，鍵入＃號和錨記名稱或在瀏覽對話框中，選中要鏈接的文件后加＃和錨記名稱。3.1編織網(wǎng)站鏈接—足球新聞5、創(chuàng)建其他類型的鏈接（1）創(chuàng)建下載鏈接當被鏈接的文件是exe文件或zip文件等瀏覽器不支持的類型時，這些文件會被下載，這就是網(wǎng)上下載的方法。鏈接到下載文件的方法，和鏈接到網(wǎng)頁的方法完全一樣。3.1編織網(wǎng)站鏈接—足球新聞5、創(chuàng)建其他類型的鏈接（2）、創(chuàng)建空鏈接空鏈接用來激活頁面中的對象或文本。當文本或?qū)ο蟊患せ詈?，可以為之添加行為。方法：選中要制作空鏈接的對象，在鏈接文本框中直接輸入＃。在一般站點首頁的導(dǎo)航欄中的首頁鏈接，就可以是一個空鏈接3.1編織網(wǎng)站鏈接—足球新聞6、創(chuàng)建跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單是文檔中的彈出式菜單，可以創(chuàng)建到可在瀏覽器中打開的任何文件類型的鏈接。方法：插入欄｜表單｜跳轉(zhuǎn)菜單在“插入跳轉(zhuǎn)菜單”對話框中，單擊＋號添加菜單項在“選擇時。轉(zhuǎn)到URL”文本框中，輸入該文件的路徑。3.1編織網(wǎng)站鏈接—足球新聞7、創(chuàng)建圖像地圖圖像地圖指已被分為多個區(qū)域（熱點）的圖像。當用戶單擊某個熱點時，會發(fā)生某種操作。方法：選中圖像在圖像屬性面板中，使用熱區(qū)工具（矩形、橢圓、多邊形），在圖像上劃分熱區(qū)。為繪制的每一個熱區(qū)設(shè)置不同的鏈接地址和替代文字。3.1編織網(wǎng)站鏈接—足球新聞3.2超鏈接概述

3.2.1超鏈接的類型

內(nèi)部鏈接這種鏈接的目標端點是本站中的其他文檔。利用這種鏈接，可以跳轉(zhuǎn)到本站點其他的頁面上。外部鏈接這種鏈接的目標端點是本站點之外的站點或文檔。利用這種鏈接，可以跳轉(zhuǎn)到其他的網(wǎng)站上。

3.2超鏈接概述

3.2.1超鏈接的類型

Email鏈接單擊這種鏈接，可以啟動電子郵件程序書寫郵件，并發(fā)送到指定的地址。錨點鏈接這種鏈接的目標端點是文檔中的命名錨記，利用這種鏈接，可以跳轉(zhuǎn)到當前文檔中的某一指定位置上，也可以跳轉(zhuǎn)到其他文檔中的某一指定位置上。

3.2超鏈接概述

3.2.2鏈接路徑（1）絕對路徑：如果在鏈接中使用完整的URL地址，這種鏈接路徑就稱作絕對路徑。路徑同鏈接的源端點無關(guān)。

（2）相對路徑：相對路徑可以表述源端點同目標端點之間的相互位置，它同源端點的位置密切相關(guān)。

（3）基于目錄的路徑：所有的路徑都是從站點的根目錄開始的，它同源端點的位置無關(guān)。通常用一個斜線“/”表示根目錄。

3.2超鏈接概述

3.2.3創(chuàng)建超鏈接

在文檔窗口中選中想作為鏈接的文本或圖片在屬性面板鏈接一項的空白處填入鏈接的路徑，或者單擊瀏覽按鈕，在彈出的【選擇文件】對話框中，選定要鏈接的文檔及采用哪種方式表達路徑。鏈接的對象可以是多樣的，如圖片文件，電子表格，或者某個網(wǎng)站。

3.2.4插入導(dǎo)航條導(dǎo)航條中按鈕圖像的狀態(tài)根據(jù)瀏覽者的鼠標動作而改變。方法：1、將光標放到要插入導(dǎo)航條的位置；2、選擇插入|圖像對象|導(dǎo)航條命令；3、或選擇插入|常用|圖像|導(dǎo)航條命令。3.2超鏈接概述

3.3.1自動更新鏈接

在首選參數(shù)對話框中設(shè)置自動更新選擇“編輯”|“首選參數(shù)”命令，打開“首選參數(shù)”對話框，在“移動文件時更新鏈接”選項的下拉列表中進行選擇?？偸恰慨斠苿踊蛑孛x定文檔時，Dreamweaver將自動更新該文檔的所有鏈接。提示——將顯示一個提示對話框，列出更改影響到的所有文件，以進行進一步選擇，系統(tǒng)默認的選項是“提示”。

3.3管理超鏈接

3.3.1自動更新鏈接

在“站點定義”對話框中設(shè)置緩存Dreamweaver創(chuàng)建緩存文件，主要用以存儲有關(guān)本地文件夾中所有鏈接的信息，可以加快更新過程。選擇“站點”|“管理站點”命令，出現(xiàn)“編輯站點”對話框。選擇一個站點，然后單擊“編輯”按鈕，出現(xiàn)“站點定義”對話框?！案呒墶眧“本地信息”。在“本地信息”選項組中，選擇“啟用緩存”復(fù)選框。

注意：啟動Dreamweaver之后，第一次更改或刪除指向本地文件夾中文件的鏈接時，Dreamweaver會提示載入緩存。3.3管理超鏈接

3.3.2在站點地圖中管理更改鏈接

在“站點地圖”窗口中，選擇要更改的鏈接。在“文件”面板的主菜單欄選擇“站點”|“改變鏈接”命令，或單擊鼠標右鍵，從快捷菜單中選擇“改變鏈接”命令。在出現(xiàn)的“選擇HTML文件”窗口中，通過找到希望鏈接指向的文件，或者輸入URL。

3.3管理超鏈接

3.3.2在站點地圖中管理刪除鏈接

①在“站點地圖”窗口中，選擇“站點”|“刪除鏈接”命令，或從右鍵快捷菜單中選擇“刪除鏈接”命令。②刪除鏈接不會刪除該文件，但會從指向該鏈接的頁面上的HTML源代碼中刪除該鏈接。

3.3管理超鏈接

3.3.2在站點地圖中管理打開鏈接源①在站點地圖中選擇一個文件。②選擇“站點”|“打開鏈接源”命令，或從右鍵快捷菜單中選擇“打開鏈接源”命令。③在“文檔”窗口中打開屬性面板和含有此鏈接的源文件，同時該鏈接以高亮顯示。

3.3管理超鏈接

3.3.3在整個站點范圍內(nèi)更改鏈接①在“文件”面板中選擇一個文件，如果更改電子郵件鏈接、FTP鏈接、空