第5章使用超鏈接教學(xué)課件網(wǎng)頁制作基礎(chǔ)教程（DreamweaverCS6第2版）工信版主編黃洪杰電子工業(yè)出版社網(wǎng)頁制作基礎(chǔ)教程

(DreamweaverCS6第2版)電子教案第5章使用超鏈接根據(jù)鏈接的范圍，超鏈接可以分為內(nèi)部超鏈接、外部超鏈接和錨記超鏈接。內(nèi)部超鏈接是指打開的超鏈接對象在本網(wǎng)站內(nèi)；外部超鏈接是指打開的超鏈接對象在WWW的其他網(wǎng)站中；而錨記超鏈接可以鏈接到同一網(wǎng)頁中的不同位置，類似于書簽。根據(jù)建立超鏈接的不同對象，超鏈接又可以分為文本超鏈接和圖片超鏈接。項目1創(chuàng)建文本超鏈接子項目1創(chuàng)建網(wǎng)站內(nèi)文本超鏈接創(chuàng)建文本超鏈接的一項重要工作就是選擇合適的熱區(qū)文本。選取熱區(qū)文本。單擊“屬性”面板中的“瀏覽文件”按鈕

，打開“選擇文件”對話框，選取文件，單擊“確定”。子項目1創(chuàng)建網(wǎng)站內(nèi)文本超鏈接還可以使用拖拽的方法：選中熱區(qū)文本，在“屬性”面板中單擊錨記標(biāo)記

，拖拽到右面“文件”面板中的網(wǎng)頁上，松開鼠標(biāo)，即完成超鏈接的建立。子項目2創(chuàng)建網(wǎng)站外文本超鏈接選中熱區(qū)文字，然后在“屬性”面板的“鏈接”欄中輸入網(wǎng)址，即可。子項目3創(chuàng)建電子郵件超鏈接拖動鼠標(biāo)，選擇熱區(qū)文本。單擊菜單欄上的“插入”菜單，在彈出的下一級子菜單中選擇“電子郵件鏈接”命令，打開“電子郵件鏈接”對話框。輸入電子郵件地址。子項目3創(chuàng)建電子郵件超鏈接若直接在“屬性”面板的“鏈接”欄中輸入“mailto:yuelan@163.com”，也可以達到同樣的效果。注意，“mailto:”與電子郵件地址（此處為yuelan@163.com）之間不能有空格。子項目4修改超鏈接在編輯窗口中選中需要修改的超鏈接的熱區(qū)文本，然后在“屬性”面板的“鏈接”文本欄中便可以進行修改，修改完后用鼠標(biāo)在任意區(qū)域單擊即可。也可以單擊“修改”菜單，在彈出的菜單中單擊“更改鏈接”命令。子項目5創(chuàng)建打開一個新窗口的超鏈接在編輯窗口中，建立超鏈接以后，選取熱區(qū)文本，在“屬性”面板中單擊“目標(biāo)”

，在下拉菜單中選擇“_blank”。子項目5創(chuàng)建打開一個新窗口的超鏈接除了_blank以外，目標(biāo)還有三個選項，這三個選項都與框架有關(guān)。_parent表示在顯示鏈接框架的父框架集中打開鏈接的文檔，同時替換整個框架集，也就是說整個框架文件被覆蓋。_self表示在當(dāng)前框架中打開鏈接，同時替換該框架中的內(nèi)容。_top表示在當(dāng)前瀏覽器窗口中打開鏈接的文檔，同時替換所有框架。項目2創(chuàng)建圖片超鏈接子項目1創(chuàng)建整個圖片的超鏈接選中圖片，然后在“屬性”面板的“鏈接”欄中輸入網(wǎng)址或者用錨記超鏈接連接到網(wǎng)頁上，保存網(wǎng)頁。這樣就為圖片文件建立了超鏈接。子項目2創(chuàng)建圖片熱區(qū)超鏈接為圖片的不同位置建立不同的超鏈接。這種超鏈接叫做圖片熱區(qū)超鏈接。選中整個圖片，用鼠標(biāo)單擊“屬性”面板的“矩形熱點工具”按鈕

，在被選中的整個圖片上拖動鼠標(biāo)指針，畫一個虛框?qū)ⅰ昂脮平椤彼膫€字框中，可以發(fā)現(xiàn)被選區(qū)域變虛。子項目2創(chuàng)建圖片熱區(qū)超鏈接單擊“屬性”面板中的“瀏覽文件”按鈕

，打開“選擇文件”對話框，在“選擇文件”對話框中，選擇網(wǎng)頁文件，單擊“確定”。子項目3鼠標(biāo)經(jīng)過圖像鼠標(biāo)經(jīng)過圖像可以實現(xiàn)這樣的效果：在網(wǎng)頁上有一幅靜態(tài)的圖片，當(dāng)鼠標(biāo)移動到這幅圖片上時，該圖片變成另一幅圖片，來提醒瀏覽者這一幅圖片存在超鏈接。單擊鼠標(biāo)，打開一個網(wǎng)頁。要想實現(xiàn)鼠標(biāo)經(jīng)過圖像功能，要事先準(zhǔn)備兩幅圖片，和一個準(zhǔn)備打開的網(wǎng)頁。子項目3鼠標(biāo)經(jīng)過圖像單擊鼠標(biāo)確定光標(biāo)的位置。然后單擊“插入”菜單，在彈出的菜單中選擇“圖像對象”下的“鼠標(biāo)經(jīng)過圖像”命令，在“插入鼠標(biāo)經(jīng)過圖像”對話框中，輸入圖像名稱，然后單擊“原始圖像”后面的“瀏覽”按鈕，然后找到事先準(zhǔn)備好的第一幅圖片，單擊“確定”按鈕。子項目3鼠標(biāo)經(jīng)過圖像在返回的“插入鼠標(biāo)經(jīng)過圖像”對話框中單擊“確定”按鈕，這時，在網(wǎng)頁的確定位置出現(xiàn)第一幅圖像。預(yù)覽網(wǎng)頁，將鼠標(biāo)移動到剛插入的圖片上，可以發(fā)現(xiàn)，圖片變成另一幅圖片，同時鼠標(biāo)指針變成手型。項目3創(chuàng)建錨記超鏈接錨記超鏈接，即網(wǎng)頁中所謂的書簽，就是到達網(wǎng)頁中某個具體位置的鏈接。當(dāng)網(wǎng)頁內(nèi)容過長時，使用書簽可以快速地瀏覽到所關(guān)心的信息。子項目1命名錨記單擊菜單欄上的“插入”，在彈出的下拉菜單中選擇“命名錨記”，也可以單擊“插入”面板“常規(guī)”選項卡的“命名錨記”按鈕。在打開的“命名錨記”對話框中輸入作為錨記的名稱，單擊“確定”按鈕。則在剛才選中的文字旁邊出現(xiàn)一個錨記的標(biāo)記。子項目2