| 課題： | “鏈接” 出“神奇”—網頁制作的“超鏈接” | 教齡：5年 授課時間：2003.6 |
| 整體設計思路：*導言 *學習目標 *提示 *學習資源 *隨堂練習 *評價 *拓展與思考 *教學反思 |
| 導 | 前期，我們學習了上網的相關內容，現在為止，我們所制作的網頁都是孤立存在的，還沒有形成一張相互聯系的網，因為我們沒有用到“超鏈接”的功能，今天我們就一起來學習如何通過“超鏈接”讓我們的網頁神奇起來。 |
| 那什么是“超鏈接”呢？ |
| 言 | 我們在瀏覽網頁時，經常會發現當鼠標指針移動到某些文字或圖片時，它就會變成一只“手”，這時單擊鼠標就可以打開另一網頁了或轉到另一個位置。這就是我們將要講述的網頁"超鏈接"方式。沒有鏈接就沒有web網的生命力，正是由于有了"超鏈接"，因特網才會變得如此神奇，如此富有魅力！ |
| 下面，我和同學們一起來感受“超鏈接”的美妙！ |
| 學 | |
| 知識和技能：進一步了解網絡，能通過登錄網站獨立收發郵件；掌握網上注冊電子信箱的通常步驟，能夠對知識歸納、總結。 | 說明：本節課要求同學們能夠熟練的使用各種形式的“超鏈接”，最終制作一個操作方便、實用、美觀的網頁。 |
| 習 | 過程和方法：能讀懂軟件的操作指導；通過疑問——觀察——嘗試——交流——總結來提高學生自主學習、合作學習的能力，逐步形成良好的學習習慣和學習方法。 |
| 目 | 情感態度和價值觀：要培養學生樂用、善用網絡資源；激勵學生積極思考、主動探究、勤于動手、勇于創新的意識；增強學生網絡安全意識，養成文明上網的美德。 |
| 教學內容： |
| 標 | 從文字（或圖片）鏈接到另一個網頁文件。 | |
| 從文字（或圖片）鏈接到某個網站地址。 | |
| 從文字（或圖片）實現網頁內部的鏈接——“書簽”。 | |
| 學習重點：各種不同形式的超鏈接的實現方法。 | |
| 學習難點：書簽 | |
| 學習“超鏈接”時，先要弄清楚幾個基本的概念。 |
| 提 | 1、鏈接源：本網頁中已經存在的元素，可以是文字、圖片等多種對象形式。 |
| 2、鏈接目標：可以是另外一個網頁、一個網站地址、電子郵件地址、本網頁的其他位置或一個普通的文件、一幅圖片、一段動畫等等。 |
| 示 | 3、書簽：實際上是網頁內部的超鏈接。一般是當網頁的內容較多時，我們無法看到所有的內容，若拖動滑動條看又比較麻煩，由此我們可以將網頁中的一些關鍵詞與網頁中相應的具體信息鏈接起來，從而通過這些關鍵詞就可跳轉到與其相鏈接的部分，這就是書簽。 |
| 本地資源： |
| 學 | 一.參照課本76頁:第5課 網頁的鏈接 |
| 二.教師提供資源 |
| 習 | 1、從文字（或圖片）鏈接到另一個網頁文件。 （閱讀材料：如何從文字（或圖片）鏈接到另一個網頁文件） |
| 2、從文字（或圖片）鏈接到某個網站地址。（閱讀材料：如何從文字（或圖片）鏈接到某個網站地址） |
| 資 | 3、從文字（或圖片）鏈接到電子郵件地址。（閱讀材料：如何從文字（或圖片）鏈接到電子郵件地址） |
| 4、從文字（或圖片）實現在網頁內的鏈接——“書簽”。（閱讀材料：書簽的創建步驟） |
| 源 | 網絡資源： |
| |
| 注意:在前面我們已經學習了如何搜索自己需要的素材，所以鼓勵大家從因特網上獲得更多更切合自己情況的幫助。這里向大家提供幾個常用的搜索引擎。 |
| 1、 |
| 2、 |
| 3、 |
| 第一步：啟動frontpage2000。 |
| 隨 | 第二步：登錄資源站點: |
| 第三步: 下載"超鏈接練習站點" |
| 第四步：請同學們借助老師提供的學習資源自學各種形式“超鏈接”的創建，并完成以下基本的練習。（可相互討論、相互借鑒、相互交流，最后請同學演示操作過程） |
| 堂 | 練習要求如下：（首先從frontpage2000打開站點“超鏈接練習”,并打開它的主頁：index.htm） |
| 1、為“我喜愛的精彩文章”中的“寂靜之聲”建立超鏈接到“寂靜之聲.htm” |
| 2、為“我喜愛的網站”中的第一個站點建立超鏈接,鏈接地址為:。 |
| 練 | 3、為標題“聯系我喲”建立電子郵件超鏈接，鏈接地址為你自己的e_mail。 |
| 4、為主頁中的標題“ 我喜愛的網站 ”建立書簽與相應的內容鏈接。 |
| 思考: 1、能不能從文字或圖片鏈接到一個word文件、一幅圖片或一個動畫，一段聲音呢？ |
| 習 | 2、如何從書簽的位置跳回到頁首位置？即實現頁面的來回切換？ |
| 提高練習:有能力的同學建立一個比較完整的網站作為隨堂作業 。 |
| 網站的主題可以從以下任選： |
| 1）展現自我風采的個人網站 2）班級或母校網站 |
| 隨 | 3）描述友情、親情等的網站 4）介紹自己參與的研究性學習的網站 |
| 5）體育、音樂等專題的網站 6）可根據自身情況自定主題 |
| 另有要求如下： |
| 堂 | 1、建立一個包含至少2個網頁的站點，并要實現網頁之間的超鏈接。 |
| 2、網頁內要有文字或圖片正確鏈接到網站地址。 |
| 3、網頁要包含電子郵件的超鏈接。 |
| 練 | 4、網頁內要使用書簽，并要實現頁面的上下切換。 |
| 5、總體來說，制作的網頁應該美觀大方、操作方便、實用。 |
| 學習范例： |
| 習 | 1、xx同學創建的青島五十八中環保網： |
| 2、高二xx班主頁： |
| 3、高一xx班主頁： |
| 第五步：相互交流，演示部分同學的成果。 |
| 評價 | 本節課我們學習了各種超鏈接的使用方法，通過本節課的學習你應該能夠使自己的網頁更加神奇、美妙！ |
| 1, 5, 62, 42, 1, 210, 66, 1 bitmap | 現有一幅中國地圖,要求實現將每一個省份都鏈接到各省具體的地形圖(即電子地圖的實現)，該怎么辦？ |
|
| 知 |
| 識 |
| 拓 |
| 展 |
| 教學 | 1、基于網絡環境下的教學，雖有極大的學習空間，但教師要加強課堂調控，充分利用資源，完成學習任務，以興趣任務引導學生進入學習情境，才不失為一個好的手段； |
| 反思 | 2、通過郵件和學生溝通，不但增進了師生之間的情感交流，而且也激發了學生的學習興趣； |
| 3、學生的創造力是無窮的，師生不斷互學互進，不斷總結，才會實現師生的共同進步。 |
