當前位置 : 首頁 > 教師論文

讓網頁動起來——制作主頁“今日廣東”教學設計
日期:2010-11-12 來源:大河中學

課題:

高中《信息技術》(廣東教育出版社)第二冊第一章第四節:制作主頁“今日廣東”。

 

教學方法:

實例講練法,自學指導法,任務驅動的教學方法。

 

教學手段:

通過多媒體網絡教室的廣播、控制等功能,進行網頁欣賞,演示操作,作品展示等。

 

教學目標:

知識目標:掌握制作滾動字幕、橫幅廣告效果的方法。

能力目標:通過本節的學習,學生能合理運用動態字幕、橫幅廣告管理器等來增強網頁的表現力,培養學生的自學能力,問題分析能力,舉一反三能力,綜合運用知識的能力和歸納能力等。

過程與方法目標:讓學生體驗學習軟件的過程和自主探索解決問題的過程,感受自主學習、討論學習、合作學習和實踐學習。

德育目標:通過對實際問題的解決,學生進行探索、嘗試性學習時,可鼓勵學生相互討論、合作,培養他們的團隊協作精神,加強學生的道德情操,提高學生的審美情趣。

情感與價值觀目標:培養學生的思維變通性和嚴密性,培養學生的探索精神和創新精神,幫助學生樹立自信心。

 

教材與學情分析:

本節內容是對網頁進行動態修飾,增加網頁的表現力,為網頁添加一些活力。因為加入了特殊的動態效果,這部分內容相對于前面的內容比較有趣,學生學習的興趣、積極性會比較高。學生在學習本節內容前,已經掌握了在FrontPage中輸入文字、插入圖片、表格等操作,并且初步掌握了在FrontPage中制作網頁的方法。

 

教學重點:

掌握制作滾動字幕的方法以及字幕屬性的設置和字體格式的設置方法、插入橫幅廣告效果的方法。

教學難點:

設置字幕屬性的方法,如何在橫幅廣告管理器中鏈接其他的網頁或站點以及設置圖片過渡效果。

 

課時:1課時

 

教學過程設計:

 

一、導入新課

瀏覽欣賞搜狐、網易等網站:通過多媒體教室廣播功能向學生展示。

教師提問:

1.欣賞完搜狐網站,你對哪些設計最為滿意?

2.網站的信息表達形式主要有哪些?

3.與自己做的“今日廣東”網站對比,在信息表達形式上主要有哪些不同的地方?

學生思考并嘗試回答:

1.有動畫,廣告等。(大部分學生的回答)。

2.文字、圖片、聲音、動畫等。

3.搜狐網站有動畫廣告、移動文本、彈出式窗口等。

教師:

大家對一些動的元素都比較感興趣,那么這些可以移動的文本、變化的圖片、按鈕等是不是都必須利用其他軟件,如flash制作成動畫后插入到網頁中呢?其實,我們只要利用FrontPage中的一些工具就可以簡單輕松地制作出這些效果,讓網頁動起來了。利用FrontPage可以在網頁中插入特殊效果,為網頁添加動畫功能,這樣大大地增強了網頁的表現力,增強了網頁的可視性。這些特殊效果包括橫幅廣告、滾動字幕、懸停按鈕、動態HTML等。這一節課先學習如何制作滾動字幕和橫幅廣告。

[設計意圖:以瀏覽漂亮的網站作為引子,學生在看到了加入很多動態效果的網站會很興奮。這樣激發了學生的學習興趣,積極性也就隨之調動起來。]

 

二、新課講授

任務:

對自己已做的網站主頁“今日廣東”進行加工修飾(以這個任務為例子來講解)

 

第一部分:為網頁增加“跑馬燈”——制作滾動字幕

滾動字幕俗稱“跑馬燈”:是在網頁中循環連續地移動顯示某一段文本信息,適宜于在網頁中顯示時效性強的新聞或歡迎等消息。

問題與方案:

    教師講解插入字幕的方法,然后提出問題讓學生自己通過查閱、討論、探索等方法來思考、操作,然后學生通過操作來掌握字幕屬性的設置和字體格式、邊框等的設置方法。

講解演示:

演示在網頁中空白處插入滾動字幕“歡迎光臨本站”的操作來講解制作滾動字幕的基本步驟:光標定位,利用“插入/組件/字幕”命令來插入滾動字幕并且設置其表現方式。

小知識點:

在“普通”視圖模式下看不到字幕的效果,可以在“預覽”視圖模式下觀看效果。如果不滿意,回到“普通”模式后,雙擊字幕或右單擊并選擇“字幕屬性”進行修改。

問題:

1.如何把現成的文本“今日廣東”制作成滾動字幕?

2.怎樣修改“歡迎光臨本站”的字體,并且為它加上邊框?

[設計意圖:先講解演示在空白處插入滾動字幕的方法,這樣學生就可掌握插入滾動字幕的基本步驟,鍛煉學生的觀察能力和記憶力,然后再提出問題讓學生思考,鍛煉學生的思維能力。]

 

學生活動:對兩個問題思考后進行自主探索實踐,然后完成任務。

1.選擇已存在的文本“今日廣東”,然后執行“插入/組件/字幕”命令,就可把現成的文本轉化成滾動字幕。

2.學生在“字幕屬性”對話框中,單擊“樣式”按鈕,可以在“修改樣式”對話框中對字體、段落等進行設置并為文本加上底色、邊框等。

3.改變字幕的大小。

 

教師小結:

1.字幕的插入方法。

2.字體格式的設置與底色邊框等的設置方法。

[設計意圖:以學生自主操作為主。學生在掌握基本方法的基礎上,自己再探索如何解決問題,自己動手操作的過程中會遇到各種各樣的問題,教師巡視指導學生通過觀察、類比、討論、合作等方式來嘗試解決自己的問題。在解決問題的過程中,培養學生的動手能力,同時讓學生體會到成功的喜悅,讓學生自己感受實踐學習、自主學習,這樣學生的學習興趣會進一步提高,學習激情、氣氛會更加熱烈。]

 

第二部分:為網頁加上廣告看板——設置橫幅廣告效果

教師:

瀏覽網頁時經常會見到在網頁的某一個位置加入了不時變化的圖片,這些圖片往往還被加入了某個公司或另一個網站的鏈接,這些圖片事實上起了廣告的作用。一般來說這些圖片并不是一段動畫,而是由橫幅廣告管理器管理的多幅圖片組成的。

問題與方案:

學生通過自主學習,實踐學習等方法來完成。教師不演示插入橫幅廣告管理器的方法,先提出問題,讓學生思考討論完成操作,從而掌握網頁中插入“橫幅廣告管理器”的方法,然后教師再通過提問引導學生來回答問題、演示操作步驟等方法來講解其中的知識點。

問題:

1.不斷變化的多幅圖片應該怎樣添加到管理器中?

2.圖片的過渡效果有哪些?(分解、水平遮蔽、垂直遮蔽、盒狀收縮、盒狀放射)

3.如果需要單擊圖片時鏈接到其他的WEB站點或網頁,應該怎樣操作?

學生活動:

利用“插入/組件/橫幅廣告管理器”命令在網頁中適當的位置插入管理器,然后在管理器中添加圖片,并進行其他的設置。

 

[設計意圖:在這過程中,主要體現以創新精神為核心,以學生為主體,教師從旁輔導的教學模式。學生先通過類推的方法或查閱資料或討論或合作等方式來找出插入“橫幅廣告管理器”的方法,在學生的操作過程中提高學生的操作水平,培養他們解決問題的能力和自主學習的能力。]

 

提問講解:

教師通過提出的問題提問學生,引導學生,并根據學生的回答來演示操作:在主頁的適當位置插入“橫幅廣告管理器”,并在橫幅廣告管理器中添加“海內存知己”和“天涯若比鄰”兩張圖片,并對其過渡效果、鏈接等進行設置。

 

教師小結:

1.利用“插入/組件/橫幅廣告管理器”命令來插入廣告。

2.在“橫幅廣告管理器”對話框中可以來設置圖片的過渡效果、顯示的順序等。

3.在鏈接欄中可為圖片鏈接到另一個網站或是網頁。

[設計意圖:培養學生積極回答問題的習慣,培養學生舉一反三的能力,加強鍛煉學生歸納的能力,增強學生的課堂主體意識。]

 

第三部分:進一步完善網站的其它網頁——讓其它頁面也“動”起來

方案:

讓學生利用本節學習的內容自己動手來設計其它網頁的一些廣告或滾動文本,提高信息的表現力,增強網站的可視性。教師巡視指導,最后讓學生展示自己的作品。

作品展示(略)

[設計意圖:學生不僅要“學會”,更重要是要“會用”。通過學生自己動手設計,積累經驗,培養學生綜合運用知識的能力,激發學生的創作意識,開發學生的想像力,提高學生的審美情趣。]

 

三、課堂總結

對本節的知識點進行小結,重點指出應該注意的問題(略)。引導學生總結歸納自己在學習活動中的收獲和體會。


管理:大河中學 時間:2010-11-12 收藏本頁