動態網頁制作教學設計

動態網頁制作教學設計

班級高一學校濱海縣明達中學時間2005課題第八節動態網頁制作教學目標認知目標：能使用Frontpage“插入/組件”菜單命令及“格式/動態HTML效果”命令，設計具有動態效果的頁面。

技能目標：設計具有自己個性的動態網頁。

情感目標：關注HTML語言的新技術及效果，增強網頁的制作能力。教學重點Frontpage組件菜單的運用教學難點橫幅廣告管理器的使用，懸停按鈕與滾動字幕的制作教學方法在布魯納倡導的“發現式”教學法理論的基礎上，依據課堂教學的特點及本節內容的個性特色，設想由場景--問題--發現和由發現—實踐—問題—結論--新場景的教學模式，主張大信息量，多點刺激，引發學生自主學習的興趣，并適當加以提示和總結，構造“發現”式課堂教學模式。教學課時第一課時：懸停按鈕、滾動字幕、橫幅廣告管理器、動態html效果。

第二課時：進一步理解動態html效果，滲透“事件”概念；完善century.htm頁面，制作計數器，添加背景音樂，完成網站的建設。

第一課時課時目標1、掌握橫幅廣告管理器的使用方法，能夠制作幻燈。

2、掌握懸停按鈕的制作方法。

3、掌握滾動字幕的制作方法。

4、學會動態HTML效果的設置。

5、培養學生的動手操作與自學能力，加強學生的學習興趣。教學過程

教師學生一、導入新課展示本課網頁作品century.htm：頁面場景引入，發現問題：學生比較這個網頁與前面制作的網頁有什么不同？在century.htm網頁中出現了動態網頁效果。（1）標題圖片切換（兩幅）、（2）標題下方的文字會滾動，（3）地球的旋轉，（4）文字從右下飛入，（5）網頁底部的腳印，（6）鼠標指向“環保組織”“環保行動”會有變色效果。二、探求新知繼續觀察，實踐問題

學生自主練習做century.htm網頁中的一，二個動態效果。1、探索新知的提示

本課所要學習的四個動態效果中，橫幅廣告管理器、滾動字幕、懸停按扭都在“插入”菜單的“組件”子菜單中，HTML動態效果在“格式”菜單中。按照自己的要求，試著練習制作。(可參照書本上的操作步驟)

學生分組互助學習

討論問題，解決問題觀察文字的滾動效果，引入滾動字幕的制作方法。1、提示學生單擊“插入/組件”菜單2、提出目標在新建的頁面上，插入“讓我們熱愛地球吧”滾動字幕3、總結

發現問題：字幕的滾動。完成問題：完成字幕制作。思考問題：延遲與數量的含義。(對照書本操作實踐)

觀察標題圖片的變化，引入橫幅廣告管理器的制作方法1、提示學生單擊“插入/組件”菜單2、提出目標在新建的頁面上，插入biaoti1.gif,biaoti2.jpg兩幅標題，使之輪流切換3、總結發現問題：圖片在一定的時間內變換。完成問題：完成橫幅廣告管理器的制作方法。思考問題：如何調整圖片的播放次序及個數。自我發現問題→提出問題→解決問題

觀察按鈕的變化，引入懸停按鈕的制作方法1、提示學生單擊“插入/組件”菜單2、提出目標在新建的頁面上，插入“環保組織”、“環保行動”使之產生變色效果3、總結發現問題：按鈕在點擊時會變色。完成問題：完成懸停按鈕的制作方法。思考問題：如何設計懸停按鈕的超鏈接。

觀察文字的飛入過程，引入動態HTML效果的制作方法。1、提示學生單擊“格式/動態HTML效果”菜單2、提出目標在新建的頁面上，插入動態HTML效果文字，使之飛入頁面3、總結發現問題：文本的飛入完成問題：完成動態HTML效果發現問題：打開網頁時，問題會飛入，有無其它情況下的動態過程，圖形能否實現動態效果。完成問題：進一步深化動態HTML效果。

實踐探索：在網頁中加入一個視頻插件，用于播放一個視頻文件。備注：本內容可以視學生