網(wǎng)頁制作實驗教程第九章鏈接命名錨記.ppt

第九章 鏈接命名錨記,實驗二十七 創(chuàng)立命名錨記 實驗二十八 鏈接命名錨記,命名錨記像一個迅速定位器一樣是一種頁面內(nèi)的超級鏈接，運(yùn)用相當(dāng)普遍。當(dāng)頁面中的文章很長時，僅靠上下移動滾動條尋找需要的部分比較麻煩，這時可以創(chuàng)建頁面內(nèi)的超級鏈接，以便迅速找到需要的資料。,實驗?zāi)康模?要求同學(xué)們能夠掌握命名錨記的插入方法以及鏈接設(shè)置錨記的方法。,實驗原理： 命名錨記使你能夠精確地控制訪問者在其單擊超鏈接之后到達(dá)的位置。沒有命名錨記的鏈接將把訪問者帶到目標(biāo)網(wǎng)頁的頂端。,實驗條件： 電腦操作系統(tǒng)Windows XP/2000/98、Dreamweaver 8網(wǎng)頁設(shè)計軟件。,實驗二十七 創(chuàng)立命名錨記,在Dreamweaver中命名錨記的英文是Anchor，中文意思為“錨”，意指其功能像船的錨一樣，能迅速下沉并且定位。本實驗以創(chuàng)立“太陽系介紹”這一長網(wǎng)頁的命名錨記為例，講述命名錨記的插入方法。,實驗內(nèi)容： 步驟1 將光標(biāo)移至需要插入錨記的段落標(biāo)題“水星”前，選擇插入工具欄中的常用菜單中的命名錨記命令，單擊按鈕。 步驟2 彈出命名錨記對話框，為錨記命名為“水”，單擊確定按鈕，命名錨記被插入至“水星”標(biāo)題前。,步驟3 將光標(biāo)移至需要插入錨記的段落標(biāo)題“金星”前，選擇插入工具欄中的常用菜單中的命名錨記命令，單擊 按鈕，彈出命名錨記對話框，為錨記命名為“金”，單擊確定按鈕，命名錨記被插入至“金星”標(biāo)題前。 步驟4 依次將需要插入命名錨記的標(biāo)題按照上述方法插入命名錨記。,實驗二十八 鏈接命名錨記,標(biāo)題插入命名錨記之后，就需要在網(wǎng)頁內(nèi)容上設(shè)置相應(yīng)的命名錨記鏈接。本實驗仍以設(shè)置“太陽系介紹”長網(wǎng)頁的命名錨記鏈接為例，講述設(shè)置命名錨記鏈接的方法。,實驗內(nèi)容： 步驟1 用光標(biāo)選取鏈接文字（水星）。 步驟2 在屬性面板中的鏈接地址欄中填寫要鏈接的命名錨記名稱（#水）。 步驟3 用光標(biāo)選取鏈接文字（金星），。,步驟4 點擊屬性面板鏈接選項的（指向文件）按鈕，選取要鏈接的命名錨記。 步驟5 將所有鏈接命名錨記設(shè)置完成，單擊F12，在瀏覽器中預(yù)覽效果。 步驟6 點擊一個鏈接“土星”，則網(wǎng)頁會自動跳到“土星”段落。,學(xué)習(xí)與思考 根據(jù)本章所講的錨記鏈接功能，希望同學(xué)們按照以下要求來完善你的個人主頁: 1.為你的主頁建立相應(yīng)的