初中八年級信息技術課件-自由穿梭-利用錨記實現(xiàn)局部鏈接

自由穿梭——利用錨記實現(xiàn)局部鏈接任務導航使用超鏈接是網(wǎng)頁區(qū)別于普通文檔的一大特色，鏈接的目標可以是本網(wǎng)站內(nèi)的網(wǎng)頁，也可以是發(fā)布在因特網(wǎng)上的網(wǎng)頁。電子郵件地址、同一網(wǎng)頁內(nèi)的指定位置、網(wǎng)站內(nèi)的文件等，都可以作為超鏈接的目標。本課，我們在“交通出行”網(wǎng)頁內(nèi)部添加錨記，并制作網(wǎng)頁局部超鏈接——錨點鏈接，制作完成的網(wǎng)頁效果如圖所示。1.在“交通出行”網(wǎng)頁中插入水平線

（1）初步制作“交通出行”頁面

打開“交通出行”（jtcx.html）網(wǎng)頁，使用表格進行布局，并利用素材文件夾中提供的圖片和文本資料，初步制作網(wǎng)頁。制作完成的效果如圖所示。

（2）插入水平線步驟1：將光標移到需要插入水平線的位置，即“行人交通安全”和“乘車交通安全”之間，執(zhí)行“插入”→HTML→“水平線”命令。步驟2：選中水平線，在“屬性檢查器”中設置水平線的尺寸和對齊方式，如圖所示。2.創(chuàng)建錨記鏈接

（1）創(chuàng)建命名錨記步驟1：在網(wǎng)頁頂部的標題“交通出行”后單擊，定位錨記位置。步驟2：執(zhí)行“插入”→“命名錯記”命令，打開“命名錯記”對話框，將此錨記命名為home，如圖所示。步驟3：單擊“確定”按鈕后，錨記就被插入網(wǎng)頁中的指定位置，如圖所示。

（2）鏈接錨記步驟1：在網(wǎng)頁的適當位置制作一個表格，將準備指向錨記的主題文本整理到一起，便于檢索頁面，如圖所示。步驟2：選擇要添加鏈接的主題文本，如“行人交通安全”。步驟3：右擊選中的文本，在彈出的菜單中選擇“創(chuàng)建鏈接”命令，打開“選擇文件”窗口，在URL參數(shù)中輸入#xrjt，則表示所選的主題文本鏈接到本網(wǎng)頁中名稱為xrjt的錨記，如圖所示。3.用“鼠標經(jīng)過圖像”制作返回頁面頂端的按鈕至此我們已經(jīng)制作了從主題到指定錨記的鏈接，下面我們使用鼠標經(jīng)過圖像制作的按鈕來鏈接到頁面頂端的home錨記，起到返回頁面頂端的作用，這樣才能真正實現(xiàn)在頁面內(nèi)部靈活地跳轉(zhuǎn)。制作返回頂端按鈕時，需要特別注意“插入鼠標經(jīng)過圖像”對話框中“按下時，前往的URL：”參數(shù)，我們要手動輸入“#home”來指定錨記，其他設置如圖所示。4.測試網(wǎng)頁保存網(wǎng)頁，在瀏覽器中測試網(wǎng)頁效果。知識著陸1.水平線通常在進行網(wǎng)頁排版時使用，它可以將不同的網(wǎng)頁元素分隔開，使頁面布局清晰美觀。2.使用錨點鏈接，不但可以在同一網(wǎng)頁的各個位置快速地進行跳轉(zhuǎn)，而且還可以指向不同網(wǎng)頁中的指定位置。創(chuàng)建錨點鏈接，首先要設置錨記，然后再鏈接錨記。創(chuàng)作天地制作“日常生活”篇中的“生活用電”（shyd.html）頁面，可以參考圖對網(wǎng)頁進行布局及美化。要求如下：

（1）為網(wǎng)頁中的文本設置合適的字體、字號及文字顏色。

（2）在網(wǎng)頁標題處添