第4課美景裝飾修飾首頁

1、第4課 美景裝飾 修飾首頁教學(xué)目標(biāo)：1、能夠打開保存的站點(diǎn)。2、能夠?yàn)榫W(wǎng)頁設(shè)置背景顏色或背景圖片，并為網(wǎng)頁添加背景音樂。3、能夠在網(wǎng)頁中插入組件，如滾動(dòng)字幕和懸停按鈕。4、培養(yǎng)學(xué)生自學(xué)能力和小組合作學(xué)習(xí)意識(shí)。教學(xué)設(shè)計(jì)與教學(xué)建議：1、課堂引入分析：制作好的網(wǎng)頁看起來整齊多了，但白色的背景使得網(wǎng)頁看起來不太美觀，靜止的頁面讓網(wǎng)頁的視覺效果不夠吸引人。本節(jié)課的主要任務(wù)就是美化網(wǎng)頁。因此在課堂的引入部分可以這樣設(shè)計(jì):首先，教師可以讓學(xué)生打開第3課制作的主頁，想辦法讓自己的主頁更漂亮。這個(gè)環(huán)節(jié)可以采用小組合作共同探究的學(xué)習(xí)方式，然后讓做得漂亮的小組匯報(bào)探究學(xué)習(xí)的成果。其次，教師出示一個(gè)帶有"滾

2、動(dòng)字幕"和"懸停按鈕"的網(wǎng)頁，讓學(xué)生觀察，并說一說與自己制作的網(wǎng)頁相比有哪些優(yōu)點(diǎn)。討論在生活中是否見過這樣的效果。學(xué)習(xí)在網(wǎng)頁中插入"滾動(dòng)字幕"和"懸停按鈕"，學(xué)生可參考教材或教師提供的學(xué)習(xí)資料進(jìn)行自主學(xué)習(xí)，如果自學(xué)有困難也可采用小組合作的方式進(jìn)行學(xué)習(xí)。這樣可以兼顧到對(duì)知識(shí)技能掌握不同程度的學(xué)生，同時(shí)也體現(xiàn)了學(xué)生在課堂教學(xué)中得主體地位。2、重點(diǎn)內(nèi)容分析：本節(jié)課的重點(diǎn)是美化網(wǎng)頁，為網(wǎng)頁添加背景顏色，背景圖片或背景聲音，插入滾動(dòng)字幕和懸停按鈕，讓網(wǎng)頁在視覺和聽覺上更具沖擊力。讓學(xué)生想辦法使自己的主頁更漂亮。在完成這個(gè)任務(wù)中，學(xué)生可

3、能會(huì)想到用以下這些手段來美化網(wǎng)頁:(1)設(shè)置字體，字號(hào)，字的顏色。(2)插入藝術(shù)字。(3)為網(wǎng)頁添加背景顏色或背景圖片。(4)設(shè)置表格的邊框和底紋。(5)設(shè)置單元格的邊框和底紋。為網(wǎng)頁添加背景顏色和圖片，與在Word或PowerPoint中的操作相似，因此只要告訴學(xué)生是在"網(wǎng)頁屬性"對(duì)話框中進(jìn)行設(shè)置就可以了，讓學(xué)生自己嘗試做。本節(jié)課的難點(diǎn)放在插入滾動(dòng)字幕和懸停按鈕上。在生活和學(xué)習(xí)中，學(xué)生經(jīng)常在公交車，地鐵，火車站，機(jī)場(chǎng)，銀行，商場(chǎng)等地方看到"滾動(dòng)字幕" 。 "懸停按鈕"這種效果也很常見，如使用各種軟件時(shí)，當(dāng)鼠標(biāo)指向工具按鈕時(shí)，按鈕的顏

4、色會(huì)發(fā)生變化。當(dāng)學(xué)生理解了什么是"滾動(dòng)字幕"和"懸停按鈕"之后，操作起來也就變得容易了。3、歸納提高分析：本節(jié)課涉及到的知識(shí)可以歸納為以下幾點(diǎn)：(1)打開保存的站點(diǎn)。(2)插入組件字幕和懸停按鈕，可以使網(wǎng)頁具有動(dòng)態(tài)效果，網(wǎng)頁更加生動(dòng)。(3)為網(wǎng)頁添加背景顏色，背景圖片或背景聲音，可以增加網(wǎng)頁的視覺和聽覺效果。 需要注意的是:(1)要想瀏覽網(wǎng)頁經(jīng)過修飾的效果，一定要先保存網(wǎng)頁，再預(yù)覽。(2)字幕和懸停按鈕的效果在"普通"網(wǎng)頁模式下是看不到，在"預(yù)覽"網(wǎng)頁模式下可以看到。(三)教學(xué)補(bǔ)充：1、在"網(wǎng)頁屬性&qu

5、ot;對(duì)話框中為網(wǎng)頁設(shè)置背景，是針對(duì)整個(gè)網(wǎng)頁進(jìn)行設(shè)置的。而實(shí)際上我們?cè)谝蛱鼐W(wǎng)上看到的許多精彩的網(wǎng)頁，不同的內(nèi)容會(huì)有不同的背景，這是怎么做出來的呢其實(shí)非常簡(jiǎn)單，帶有不同背景的網(wǎng)頁是用表格規(guī)劃的，每一個(gè)單元格都是一個(gè)獨(dú)立的部分，只要選好單元格，設(shè)置單元格的底紋，就可以達(dá)到目的。效果如右圖所示。2、在網(wǎng)頁中除了把文字做成懸停按鈕外，還可以用圖片制作懸停按鈕，效果是鼠標(biāo)懸停之前為一張圖片，鼠標(biāo)懸停之后換成另外一張圖片。打開教材22頁，按圖4-8所示打開"懸停按鈕屬性"對(duì)話框，然后按下圖所示操作:單擊"自定義"單擊"瀏覽"單擊"確定"選擇圖片第一次通過"瀏覽"插入的圖片是鼠標(biāo)懸停前要顯示的圖片。單