網站首頁 個人範例 行業範例 行政範例 職場範例 校園範例 書信範例 生活範例 節日文化範例

信息技術《網站的生命超級鏈接製作》教學設計範文

欄目: 信息技術 / 發佈於: / 人氣:7.72K

【教學目標】:

信息技術《網站的生命超級鏈接製作》教學設計範文

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、懸停按鈕

教師小結:祝賀同學們完成了自己的網站設計,在製作中你們發揮了自己的特長,鍛鍊了你的各方面的能力,一個網站應當有好的創意、良好的結構和豐富的內容,但要真正讓更多的瀏覽者看到並認可,還離不開國際互聯網的支持,下節課我們將學習如何將網站發佈到互聯網上。