在網(wǎng)頁中插入滾動文字公開課教案

1、1制作網(wǎng)頁文字滾動效果一、教學(xué)內(nèi)容分析一、教學(xué)內(nèi)容分析“制作網(wǎng)頁文字滾動效果”是中等職業(yè)教育規(guī)劃新教材《Dreamweaver網(wǎng)頁制作》第二章的內(nèi)容，該知識是學(xué)生掌握了在Dreamweaver網(wǎng)頁中文本的插入與編輯后的內(nèi)容。學(xué)習(xí)《制作網(wǎng)頁文字滾動效果》這一課，目的在于掌握插入滾動文字的方法，設(shè)置滾動文字的屬性。二、教學(xué)目標(biāo)設(shè)計(jì)二、教學(xué)目標(biāo)設(shè)計(jì)【知識目標(biāo)知識目標(biāo)】1、認(rèn)識設(shè)置“滾動文字”代碼。2、掌握插入滾動文字的方法并設(shè)置滾動文字屬?！?/p>

2、技能目標(biāo)技能目標(biāo)】通過引導(dǎo)、欣賞、學(xué)習(xí)、操作使學(xué)生掌握插入滾動文字的方法，設(shè)置文字滾動屬性，從而激發(fā)學(xué)生的學(xué)習(xí)興趣。并將所學(xué)的知識靈活運(yùn)用，獲得制作網(wǎng)頁的愉悅?！窘虒W(xué)重點(diǎn)教學(xué)重點(diǎn)】掌握滾動文字的插入方法、認(rèn)識插入滾動文字代碼及設(shè)置滾動文字屬性。【教學(xué)難點(diǎn)教學(xué)難點(diǎn)】滾動文字屬性的理解與設(shè)置方法。三、教學(xué)對象分析：三、教學(xué)對象分析：本節(jié)課的教學(xué)對象是的中職二年級的學(xué)生，他們已具備計(jì)算機(jī)基本操作能力和office辦公軟件操作知識，并且掌握了在

3、《Dreamweaver》網(wǎng)頁中插入文本的相關(guān)知識。對于“插入滾動文字”這一知識，對于基礎(chǔ)好的學(xué)生，他能夠通過老師講解和演示后完成具體的操作，理解代碼屬性；但是一些基礎(chǔ)差的學(xué)生，還要在老師的引導(dǎo)、講解、示范、自己動手操作并書寫筆記等過程的幫助下才能夠理解掌握這部分內(nèi)容。四、教學(xué)方法設(shè)計(jì)：四、教學(xué)方法設(shè)計(jì)：為了落實(shí)重難點(diǎn)，我選擇了“效果展示、提問、對比、講解、演示”為主的教學(xué)方法，通過觀看欣賞、思考、動手操作等方式完成本課學(xué)習(xí)任務(wù)。為了完

4、成目標(biāo)，解決教學(xué)的重難點(diǎn)，我在教學(xué)中設(shè)計(jì)了以下幾個教學(xué)環(huán)節(jié)：欣賞網(wǎng)頁、引出任務(wù)→演示操作、學(xué)習(xí)新知識、學(xué)生操作、學(xué)生思考→鞏固新知識→知識拓展、布置作業(yè)。教學(xué)過程教學(xué)過程【引入】欣賞網(wǎng)頁，分析網(wǎng)頁。（效果展示法）3討論討論：文字滾動的方向是從右向左，而同學(xué)們平時(shí)欣賞的網(wǎng)頁文字滾動方向還有其它方式嗎？（提問討論法）二、設(shè)置滾動文字屬性1、改變滾動文字運(yùn)動方向告訴學(xué)生，因?yàn)槲覀兪浅鯇W(xué)者，所以我們將學(xué)習(xí)最方便，最簡單的方法。“directio

5、n”屬性設(shè)置字幕內(nèi)容的滾動方向。方法：Ⅰ、切換到“拆分”視圖Ⅱ、光標(biāo)定位到“”代碼右側(cè)，按下“空格”鍵，打開標(biāo)簽列表框Ⅲ、雙擊雙擊“direction”，→雙擊雙擊選擇方向標(biāo)簽?down：向下滾動?left：向左滾動?right：向右滾動?up：向上滾動老師演示操作：“大家好”文字向下滾學(xué)生完成操作：更改“index.html”網(wǎng)頁中已有滾動文字“溫馨之家”滾動方向向上展示網(wǎng)頁，比較網(wǎng)頁展示網(wǎng)頁，比較網(wǎng)頁（比較法）2、改變文字滾動速度“