資訊科技《網站的生命超級連結製作》教學設計範文
【教學目標】：
1、知識與技能：學習在FrontPage中設定超級連結的方法。
2、過程與方法：任務驅動，使學生在課本的指導下，探究學習如何將網站的所有網頁透過超級連結的方法組織成一個互相聯絡、便於訪問的整體，透過自主學習、交流探討、測試連結的過程來實現知識技能的掌握。
3、情感、態度、價值觀：培養學生用系統方法分析問題、解決問題，提升其創造能力，在小組協作學習中，培養學生的團隊精神。
【教學重點】：
1、根據規劃，建立各網頁間的連結、為網際網路資源建立超級連結、為電子郵箱建立超級連結。
2、利用“超級連結”檢視檢查超級連結的。
【教學難點】：
為各類網頁元素（文字、圖片）插入超級連結；
【教學準備】：
大螢幕投影、多媒體網路教室、學生網站半成品
【教學過程】：
一、創設情景，引入課題：
教師出示一個網頁封面，上面有“請點選進入xxxx個人網站”（沒有設定超級連結），請一位同學點選，並讓同學們分析為不能進入網站首頁。
教師引入：對！由於這個封面沒有新增超級連結，所以我們無法看到網站的其它頁面。超級連結時是網站的生命，有了它，不但可以方便地瀏覽本網站的網頁，甚至還可以透過超級連結跳轉到別的網站進行瀏覽。
這節課我們就來為自己的個人網站賦予生命——超級連結。
二、新課教學
任務一：為首頁製作超級連結
1、學生開啟Frontpage，找到並開啟上節課製作的.個人網站首頁。
學生讀書，探究：為首頁的導航文字（欄目）新增超級連結，將首頁與子網頁連結起來。
（教師投影展示插入超級連結的提示性畫面，以利個別學生突破難點。）
製作一個欄目的超級連結後
教師提示學生，除了使用選單插入超級連結，你還會工具按鈕或快捷選單插入超級連結嗎？
2、小組交流：如何為文字新增超級連結。教師選兩名學生示範插入超級連結的步驟和效果。
3、儲存網頁，預覽超級連結效果。
任務二：在子網頁中新增超級連結
1、師：在瀏覽子網頁後，我們希望能回到首頁，或者繼續瀏覽其他網頁，因此我們也應當為其他子網頁插入一些超級連結。展示一個網站示例，讓學生指出子網頁超連結的方式。
教師提示：
方案1：直接使用首頁的導航欄連結至各頁
方案2：使用“返回”文字或按鈕、圖示連結至主頁
方案3：使用“上一頁”“下一頁”文字或圖示連結各頁
2、小組內交流並實踐：這三種方式你更喜歡哪一種？選擇一種方式為各子網頁新增超級連結。
教師指導：以上三種方案如何實現？
方案1：將首頁的製作了超級連結的導航欄複製到子網頁。
方案2：插入圖片併為它新增超級連結；插入“元件-懸停按鈕”並新增超級連結。
方案3：可結合以上兩種方法。學生操作：完成各頁的超級連結設定。
3、評一評：儲存網頁，點選工具欄“在瀏覽器中預覽”進入瀏覽器預覽方式，看看誰的超級連結做得更漂亮，讓學生說出自己最喜愛的超級連結方式。
任務三：設定郵箱超級連結。
師：展示一個網站首頁，指向“友情連結”“電子郵箱”等，告訴學生，除了為導航文字或圖片新增超級連結，我們還可以為自己的郵箱新增超級連結，製作方法和前面的做法大致相同，你能根據課本圖14-4為自己的郵箱製作超級連結嗎？學生練習：為自己的郵箱插入超級連結。大螢幕投影插入郵箱超級連結的關鍵畫面，輔助學生操作。
比一比，說一說：郵箱的超級連結與網站內的連結在製作方法、生成的URL地址上有什麼不同？
四、檢查超級連結
指導學生，根據課本提示，利用“檢視”中的“超級連結”檢視網頁間連結出入情況，修改不完善的網頁。
五、拓展練習
綜合運用表格和圖片，設計一個“認識動物”的網頁，點選首頁小圖即檢視大圖，並在每頁設定“上一頁”“下一頁”“返回”超級連結。
為自己的個人網站設定“友情連結”位置。並將百度、搜狐等常用網站的logo新增進來，並設定好超級連結。
六、自評與小結：
這節課我們學了超級連結的製作方法，檢查一下你學會了哪些知識？
自評專案
自評得分
1、文字超級連結 2、圖片超級連結 3、郵箱超級連結 4、友情連結 5、懸停按鈕
教師小結：祝賀同學們完成了自己的網站設計，在製作中你們發揮了自己的特長，鍛鍊了你的各方面的能力，一個網站應當有好的創意、良好的結構和豐富的內容，但要真正讓更多的瀏覽者看到並認可，還離不開國際網際網路的支援，下節課我們將學習如何將網站釋出到網際網路上。
【資訊科技《網站的生命超級連結製作》教學設計】相關文章：