《網頁的鏈接》

　　師：（巡回指導），提示：發給大家的表中首頁和子頁之間的鏈接是雙向的。每個子頁面最下方都有個返回的箭頭，大家嘗試看能不能通過這個圖片實現從子頁面到首頁的鏈接，（學生操作時教師適當提示，此處鏈接源和鏈接目標分別是什么）。（在巡視過程中找出每組最先做好的同學，請他充當小老師）

　　設計意圖：在這里設置一個小組活動，讓最先做好的同學充當小老師，既激發了學生的學習興趣、提高了學習效率，又能兼顧到操作不熟練的同學。

　　師：讓學生演示他們的成果，即：從首頁到福娃頁面的鏈接及返回效果。邊演示邊總結：（點擊首頁上的文字）鏈接源不但可以是文字，（點擊子頁上的返回圖片）也可以是圖片。

　　師：我們再仔細觀察福娃這個頁面，發現頁首列出了五個福娃的名字，下面是具體介紹，如果我想先了解福娃晶晶，應該怎么辦？

　　生：拖動滾動條

　　師：（拖動）方便嗎？有沒有更快捷的辦法？

　　生：……

　　師：是否可以嘗試用我們今天學的超鏈接解決這個問題？

　　生：能

　　師：那么這里的鏈接源和鏈接目標分別是什么？

　　生：鏈接源是標題：晶晶，鏈接目標是福娃晶晶所在的位置

　　請一位同學到前面來嘗試，下面同學給予提示幫助。（學生操作）選擇鏈接源、插入超鏈接、在選擇鏈接目標時停住了。

　　師：（提示）福娃晶晶所在的位置應該怎樣體現出來？平時我們在看書的時候，如果看到一半，去做其他事了，我們通常會在書中插入什么？

　　生：書簽！

　　師：對，書簽實際上是在這里做了一個標記。（演示的學生經提示后，試圖在“創建超鏈接”對話框中找書簽），但目前的書簽欄中沒有可選項——因為我們還沒有插入書簽。

　　生：（想如何插入書簽）

　　師：提示：建立超鏈接之前，得先插入書簽，作為鏈接目標。大家觀察一下菜單欄，哪一個菜單可以幫我們插入一個書簽呢？

　　生：（插入菜單）操作實現插入書簽。繼續由學生實現書簽式鏈接。在操作過程中提示鏈接目標是書簽，同時注意url框中顯示的內容。

　　師：（總結）通過書簽式鏈接我們可以實現在同一頁面間的跳轉。

　　生：學生分組完成“fuwa.htm”頁面中“歡歡、迎迎、妮妮”的頁內鏈接。

　　師：（巡回指導）提問：剛才我們實現了從頁首標題鏈接到下面的具體內容，如果我想從頁面底部快速返回到頁首重新選擇，是否也可以利用超鏈接直接跳轉呢？

　　生：（回答并操作）

　　師：（巡回指導并請兩位同學分別演示從頁面下方跳轉到頁首，這里有兩種方式實現，一位同學是通過書簽完成鏈接，另一位直接鏈接到該頁上。通過對比兩種方式的鏈接源鏈接目標，讓學生體會到雖然兩種方式都能實現，但在實際操作中，以頁面為鏈接目標更方便、快捷。）

　　師：（打開火炬（huoju.htm）這個頁面）剛才第三組的同學完成的是從首頁到這個頁面鏈接。提問：在這個頁面中，你可以讀出哪些信息？

　　生：頁面中有張圖片，圖片顯示了火炬傳遞的路線，由海南入境、經各省市，最后到達北京。

　　師：能不能獲取到更多信息？比如：我能不能知道火炬在具體某站的傳遞路程？

　　生：不能。

　　師：在我們的站點中有3個文件分別介紹了火炬在海南站、江蘇站、北京站傳遞的具體情況。我們怎么做才能使瀏覽者在看到這幅圖時就能快速的打開這些頁面？