資源描述：
《網(wǎng)頁(yè)設(shè)計(jì)之滾動(dòng)字幕教案》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、2015—2016學(xué)年第二學(xué)期《網(wǎng)頁(yè)設(shè)計(jì)之滾動(dòng)字幕》教案（公開(kāi)課）信息技術(shù)組：米暢2016年6月22日授課內(nèi)容網(wǎng)頁(yè)設(shè)計(jì)之滾動(dòng)字幕課時(shí)安排1課時(shí)教學(xué)目標(biāo)要求知識(shí)與技能會(huì)使用
2、er這個(gè)軟件來(lái)實(shí)現(xiàn)該效果。待學(xué)生熟練掌握滾動(dòng)字幕的制作后，就可以在他們的網(wǎng)站里自由發(fā)揮。由此引導(dǎo)學(xué)生理解什么是觸類旁通，真正授人以漁。教學(xué)重點(diǎn)難點(diǎn)重點(diǎn)：利用滾動(dòng)字幕增強(qiáng)網(wǎng)頁(yè)表現(xiàn)力。難點(diǎn)：利用“標(biāo)簽檢查器”為
3、頁(yè)，找出它們的共同點(diǎn)?！菊故緷L動(dòng)字幕網(wǎng)頁(yè)】師將發(fā)言簡(jiǎn)單總結(jié)，確定本節(jié)課的主題——滾動(dòng)字幕。二、本課教學(xué)師：既然同學(xué)們都見(jiàn)過(guò)滾動(dòng)字幕，那么它到底是如何實(shí)現(xiàn)的—3—呢？接下來(lái)請(qǐng)大家觀看一段微視頻，觀看的同時(shí)思考以下幾個(gè)問(wèn)題?！咎岢鰡?wèn)題，播放視頻】① 滾動(dòng)字幕的標(biāo)簽如何表示？② 滾動(dòng)字幕的標(biāo)簽中有哪些屬性？③ 該標(biāo)簽是否可以用來(lái)制作滾動(dòng)圖片？通過(guò)微視頻我想同學(xué)們對(duì)滾動(dòng)字幕都有了自己的認(rèn)識(shí)，那么剛才提出的三個(gè)問(wèn)題心中也有了答案。哪位同學(xué)來(lái)回答第一個(gè)問(wèn)題？【提問(wèn)回答】①
4、lamount滾動(dòng)速度、scrolldelay滾動(dòng)時(shí)停頓的時(shí)間③ 可以師：在微視頻中學(xué)生不僅學(xué)習(xí)了一個(gè)新標(biāo)簽，同時(shí)也獲得了如何制作滾動(dòng)字幕的信息?，F(xiàn)在，我們發(fā)布挑戰(zhàn)一，請(qǐng)同學(xué)們自主完成，速度最快的兩名同學(xué)可以充當(dāng)小老師幫助其他同學(xué)。挑戰(zhàn)一：根據(jù)已給的文字素材，每位同學(xué)制作滾動(dòng)字幕，表現(xiàn)形式不限。最先做完的三名同學(xué)將為所在大組贏得一面小紅旗?！菊故緦W(xué)生作品，并上臺(tái)進(jìn)行演示】一探究竟：大部分同學(xué)已經(jīng)實(shí)現(xiàn)文字滾動(dòng)效果，在前面思考的問(wèn)題中有一個(gè)“滾動(dòng)字幕的標(biāo)簽中有哪些屬性”，但是對(duì)
5、滾動(dòng)效果，請(qǐng)同學(xué)們按照老師所說(shuō)的步驟，一步一步的執(zhí)行，然后仔細(xì)觀察網(wǎng)頁(yè)中的文字發(fā)生了怎樣的變化。【播放幻燈片】① 將behavior屬性后面雙引號(hào)中的內(nèi)容進(jìn)行修改② 將direction屬性后面雙引號(hào)中的內(nèi)容進(jìn)行修改③ 將scrollamount屬性后面的數(shù)值增大，接著減少④ 將scrolldelay屬性后面的數(shù)值增大，接著減少—3—簡(jiǎn)單的我們已經(jīng)掌握，像游戲一樣我們來(lái)提升難度。剛才思考的第三個(gè)問(wèn)題是“該標(biāo)簽是否可以用來(lái)制作滾動(dòng)圖片”，答案是當(dāng)然可以。所以接下來(lái)請(qǐng)同學(xué)們利用老師下發(fā)的素材包括文字、圖片，挑選自己認(rèn)為合適的難度任務(wù)來(lái)完成。完成速度較
6、快的并且充滿創(chuàng)意的同學(xué)，可以幫助其他同學(xué)。【播放幻燈片】挑戰(zhàn)二：難度系數(shù)：一顆星自由發(fā)揮，制作一段滾動(dòng)字幕，內(nèi)容自定義。難度系數(shù)：兩顆星自由發(fā)揮，利用已給圖片素材制作滾動(dòng)圖片。難度系數(shù)：三顆星自由發(fā)揮，利用已給的圖片和文字素材，制作多樣的滾動(dòng)內(nèi)容。先將全體學(xué)生分為四個(gè)組，然后學(xué)生根據(jù)情況自由選擇不同難度的挑戰(zhàn)，并在20分鐘內(nèi)完成。老師檢查通過(guò)后，可在所對(duì)應(yīng)的大組加上相應(yīng)的星星數(shù)。最后，星星數(shù)最多的一組為獲勝組。【展示學(xué)生作品】三、課堂小結(jié)首先，采用快問(wèn)快答的方式對(duì)本節(jié)課的知識(shí)點(diǎn)進(jìn)行一個(gè)鞏固，老師提問(wèn)學(xué)生集體回答。師：最后我們一起對(duì)本節(jié)課進(jìn)行一個(gè)小
7、結(jié)。在Dreamweaver中制作滾動(dòng)字幕，無(wú)需手動(dòng)輸入代碼，可以使用HTML的
8、己嘗試?yán)肁P—3—Div元素（層）布局網(wǎng)頁(yè)。教學(xué)后記這堂課我把教學(xué)內(nèi)容轉(zhuǎn)化為具有潛在意義的問(wèn)題，讓學(xué)生產(chǎn)生強(qiáng)烈的探究意識(shí)，使學(xué)生的整個(gè)
