在網(wǎng)頁(yè)中插入滾動(dòng)文字公開(kāi)課教案

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

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

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

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

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