浮動框架技術(shù)教學(xué)設(shè)計(jì)

浮動框架技術(shù)教學(xué)設(shè)計(jì)一、教學(xué)設(shè)計(jì)理念新課改倡導(dǎo)自主、合作、探究和理實(shí)一體學(xué)習(xí)方式，教師善于發(fā)現(xiàn)學(xué)生在學(xué)習(xí)活動中的閃光點(diǎn)，激勵他們自主參與合作、主動發(fā)現(xiàn)探究。本節(jié)課借助信息技術(shù)在教學(xué)中的運(yùn)用將單純知識的學(xué)習(xí)轉(zhuǎn)化為實(shí)踐動手操作訓(xùn)練為一體的掌握知識，體現(xiàn)“做中學(xué)，學(xué)中做”的教育理念。尊重學(xué)生的學(xué)習(xí)體驗(yàn)，鼓勵他們動手操作，以自身的學(xué)習(xí)體驗(yàn)自主交流思想、展示成果。讓學(xué)生在相互合作、交流討論中愉快地獲得知識。二、教材分析與處理（一）教材及教學(xué)內(nèi)容分析1.使用教材：高等教育出版社的中等職業(yè)教育國家規(guī)劃教材，省電子商務(wù)專業(yè)課改教材《網(wǎng)站建設(shè)與維護(hù)》（許寶良主編）。2.教學(xué)內(nèi)容：項(xiàng)目四任務(wù)一第2課時(shí)浮動框架技術(shù)3.本節(jié)的作用和地位：本節(jié)內(nèi)容是學(xué)生學(xué)習(xí)框架網(wǎng)頁設(shè)計(jì)技術(shù)后的第二課時(shí)浮動框架技術(shù)的運(yùn)用，浮動框架能使網(wǎng)頁內(nèi)容布局更加的靈活生動，為后續(xù)的網(wǎng)頁整體布局知識的學(xué)習(xí)奠定了基礎(chǔ)，所以在教學(xué)過程中著重強(qiáng)化本節(jié)知識和操作技能的掌握，利用可視化的動態(tài)網(wǎng)頁展示和操作技能微視頻教學(xué)，運(yùn)用自主合作互助，探究和實(shí)訓(xùn)相結(jié)合的方式學(xué)習(xí)，以便讓學(xué)生能夠透徹理解本節(jié)和掌握操作技能。4.課時(shí)安排：1課時(shí)（二）教材處理

本節(jié)課以北京奧運(yùn)吉祥物福娃的浮動框架窗口網(wǎng)頁展示為情境任務(wù)，直接提出任務(wù)要求并貫穿整個(gè)課堂學(xué)習(xí)，分析知識點(diǎn)和利用技能微視頻教學(xué)，輔以實(shí)訓(xùn)完成任務(wù)，鞏固知識掌握技能，從浮動框架的概念引入到浮動框架制作，提升到怎么進(jìn)行設(shè)置屬性和網(wǎng)頁顯示，直到學(xué)生的實(shí)際任務(wù)完成和拓展，遞進(jìn)式的知識技能學(xué)習(xí)，讓學(xué)生自主學(xué)習(xí)，合作互助，探究并結(jié)合技能微視頻，實(shí)現(xiàn)技能的掌握。三、學(xué)情分析本堂課教授的對象是電子商務(wù)專業(yè)高二年級的學(xué)生，思維活躍，動手能力強(qiáng)，不喜歡傳統(tǒng)滿堂灌課堂教學(xué)，渴望參與課堂學(xué)習(xí)。對于教材中框架技術(shù)運(yùn)用有初步的認(rèn)知。但學(xué)生知識積累欠佳，缺乏實(shí)踐經(jīng)驗(yàn)和技能操作能力，需要進(jìn)行有效的系統(tǒng)化的學(xué)習(xí)和技能實(shí)訓(xùn)，培養(yǎng)學(xué)生利用知識技能解決實(shí)際問題的能力四、教學(xué)目標(biāo)1.知識和技能目標(biāo)理解浮動框架的原理及使用方法；掌握浮動框架屬性設(shè)置；能利用浮動框架技術(shù)設(shè)置網(wǎng)頁鏈接，實(shí)現(xiàn)頁面布局。2.過程和方法目標(biāo)通過實(shí)例效果圖動態(tài)可視化展示任務(wù)驅(qū)動激發(fā)學(xué)生學(xué)習(xí)興趣;通過協(xié)作互助和技能微視頻學(xué)生掌握浮動框架的設(shè)置及運(yùn)用技能；通過實(shí)戰(zhàn)演練拓展提升學(xué)生體驗(yàn)真實(shí)情境提高實(shí)踐操作技能水平。3.情感、態(tài)度和價(jià)值觀目標(biāo)通過小組合作互助，培養(yǎng)自信心和合作能力；通過實(shí)戰(zhàn)教學(xué)，激發(fā)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)熱情培養(yǎng)學(xué)生對專業(yè)的認(rèn)可和忠誠度。

五、教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：浮動框架的屬性及其設(shè)置（代碼熟記）。教學(xué)難點(diǎn)：浮動框架的鏈接設(shè)置及運(yùn)用。突破方法：通過任務(wù)驅(qū)動，教師的演示操作和技能微視頻教學(xué)等信息化技術(shù)手段的運(yùn)用，讓學(xué)生通過小組合作探究和互助實(shí)踐操作相結(jié)合，以學(xué)生為主體，激發(fā)全程參與教學(xué)活動的積極性，進(jìn)而到達(dá)突破重難點(diǎn)。六、教學(xué)方法和學(xué)習(xí)方法指導(dǎo)1.教學(xué)方法：任務(wù)驅(qū)動、微視頻教學(xué)法（著重說明信息技術(shù)的作用和效果）2.學(xué)習(xí)方法：小組合作互助探究、實(shí)訓(xùn)操作七、教學(xué)準(zhǔn)備教師準(zhǔn)備：浮動框架網(wǎng)頁設(shè)計(jì)素材、多媒體課件、微視頻學(xué)生準(zhǔn)備：分組組建團(tuán)隊(duì)。選出隊(duì)長負(fù)責(zé)具體任務(wù)的分配和組員之間的協(xié)調(diào)。八、教學(xué)過程關(guān)于教學(xué)流程和活動的設(shè)計(jì)思路：本節(jié)課主要是充分激發(fā)學(xué)生的學(xué)習(xí)興趣，自主學(xué)習(xí)探究熱情，培養(yǎng)學(xué)生利用所學(xué)知識解決實(shí)際問題的能力，教學(xué)程序設(shè)計(jì)如下：

（一）任務(wù)驅(qū)動：案例導(dǎo)入展示效果圖，提出任務(wù)以北京奧運(yùn)會吉祥物網(wǎng)頁案例展示，網(wǎng)頁動態(tài)的方式進(jìn)行展示，截圖如下：并提出任務(wù)：如何運(yùn)用更靈活有效的技術(shù)實(shí)現(xiàn)既定的窗口展示，完成效果？教師引導(dǎo)學(xué)生思考：在以往的網(wǎng)頁布局中我們可以使用表格來進(jìn)行多頁面的設(shè)計(jì)制作，但是達(dá)不到所展示的頁面效果，那么我們?nèi)绾蝸碜瞿兀恳霰菊n主題：浮動框架技術(shù)。教師利用多媒體的技術(shù)進(jìn)行全體廣播，注意觀察學(xué)生對任務(wù)情境提出的反應(yīng)，并及時(shí)進(jìn)行適當(dāng)?shù)囊龑?dǎo)。設(shè)計(jì)意圖：通過創(chuàng)設(shè)情境，開門見山，直接點(diǎn)題。使學(xué)生明確通過本堂課的學(xué)習(xí)能夠掌握浮動框架在網(wǎng)頁設(shè)計(jì)中的運(yùn)用技能，激發(fā)了學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的動力，做到以任務(wù)促技能，以技能促學(xué)習(xí)。（二）合作互助探究分析任務(wù)步驟一：可視化案例導(dǎo)引，探究新知教師要求學(xué)生以小組為單位討論、探究什么是浮動框架？它有哪些屬性要求？教師請代表發(fā)言并及時(shí)的表揚(yáng)鼓勵。浮動框架技術(shù)：學(xué)生回答（可能會不完整或不知道）屬性說明：學(xué)生回答步驟二：微課運(yùn)用，突破重難點(diǎn)1.播放微課《浮動框架技術(shù)》師：浮動框架技術(shù)能讓網(wǎng)頁顯示更加的靈活那么，那么如何運(yùn)用到網(wǎng)頁設(shè)計(jì)中哪？播放微課：《浮動框架技術(shù)》教師作為引導(dǎo)組織者，及時(shí)觀察和記錄學(xué)生活動.注：學(xué)生觀看微課后，教師引導(dǎo)請學(xué)生歸納浮動框架及其屬性：教師補(bǔ)充說明：浮動框架：Iframe標(biāo)記，又叫浮動幀標(biāo)記，可以用它將一個(gè)HTML文檔嵌入在另一個(gè)HTML文檔中顯示，實(shí)現(xiàn)網(wǎng)頁顯示“畫中畫“的電視效果。

屬性說明：PPT展示說明※name表示浮動窗口的名稱,設(shè)置鏈接時(shí)用于指定顯示網(wǎng)頁的浮動窗口src表示在浮動窗口中顯示的網(wǎng)頁原文件地址如：福娃全家福.htmlwidth表示寬度使用數(shù)值表示像素多少如:“600”，“700”height表示寬度使用數(shù)值表示像素多少如:“800”，“900”frameborder表示浮動框架邊框的寬度常用有”0”，”1”2.浮動框架的鏈接顯示設(shè)置提問：了解浮動框架的內(nèi)涵及其屬性之后，如何實(shí)現(xiàn)框架顯示效果哪？教師要重點(diǎn)說明浮動框架屬性名稱設(shè)置及設(shè)置鏈接顯示是目標(biāo)的設(shè)置即為浮動框架名，即可實(shí)現(xiàn)效果。學(xué)生通過觀看微視頻，從感性上認(rèn)識浮動框架技術(shù)的運(yùn)用（鏈接設(shè)置），教師解析后，從對浮動框架的感性認(rèn)識上升理性的認(rèn)識。設(shè)計(jì)意圖：通過任務(wù)展示，層層點(diǎn)撥，借助微課，落實(shí)重點(diǎn)知識，突破難點(diǎn)。采用小組合作互助學(xué)習(xí)，給學(xué)生營造輕松的學(xué)習(xí)氛圍，充分發(fā)揮主觀能動性，培養(yǎng)學(xué)生團(tuán)隊(duì)精神和合作意識。（三）實(shí)戰(zhàn)演練執(zhí)行任務(wù)根據(jù)任務(wù)展示要求分組進(jìn)行實(shí)踐操作，完成任務(wù)。教師發(fā)放素材給學(xué)生端。步驟一：小組合作互助完成任務(wù)（15分鐘）不清楚部分可重復(fù)觀看微視頻小組合作互助交流，完成的同學(xué)可以走動，幫助其他同學(xué)，掌握浮動框架的屬性設(shè)置及運(yùn)用到網(wǎng)頁頁面布局中。步驟二：成果展示（3分鐘）小組代表展示技能操作成果（學(xué)生完成通過多媒體將內(nèi)容上傳教師端，展示成果演示（或運(yùn)用學(xué)生“演示功能”）給全體學(xué)生并作簡要說明，達(dá)成學(xué)習(xí)交流。）步驟三：分析評價(jià)（2分鐘）教師點(diǎn)評，分析細(xì)節(jié)及不足，肯定優(yōu)點(diǎn)。教師觀察，記錄小組活動情況，參與情況，對小組進(jìn)行現(xiàn)場打分，及時(shí)了解出現(xiàn)的問題并及時(shí)引導(dǎo)。分析不足，肯定優(yōu)點(diǎn)。設(shè)計(jì)意圖：通過實(shí)戰(zhàn)演練的方式，為真實(shí)的操作技能的掌握和運(yùn)用提高質(zhì)量，培養(yǎng)學(xué)生學(xué)習(xí)能力，充分調(diào)動學(xué)生的參與度，體現(xiàn)了做中學(xué)，做中教的理念，從而突破了本課的教學(xué)難點(diǎn)。培養(yǎng)學(xué)生實(shí)踐應(yīng)用的能力。（四）鞏固練習(xí)提升任務(wù)第一關(guān)：知識大盤查通過隨機(jī)抽取座號的方式，通過PPT的抽獎轉(zhuǎn)盤請學(xué)生回答浮動框架的屬性，并及時(shí)做好肯定和分析?！鵱amesrcwidthheightframeborder第二關(guān):技能大挑戰(zhàn)在浮動框架中展示設(shè)置外部鏈接網(wǎng)頁拓展任務(wù)：選擇任意的元素作為鏈接源在浮動框架中展示外部鏈接地址網(wǎng)頁，展示網(wǎng)頁如：百度（），新浪（）設(shè)計(jì)意圖：從探索任務(wù)到建構(gòu)新知，再回歸綜合任務(wù)提升，使學(xué)生真正有體驗(yàn)有收獲，達(dá)到學(xué)以致用的效果，并促進(jìn)學(xué)生思維能力和語言表達(dá)能力的提升。（五）歸納總結(jié)評價(jià)任務(wù)1.請學(xué)生代表歸納總結(jié)并利用“廣播的方式”展示給全體學(xué)生板書內(nèi)容，

學(xué)生結(jié)合主板書的內(nèi)容，積極思考，自行歸納、總結(jié)本節(jié)課的學(xué)習(xí)要點(diǎn)。老師指導(dǎo)、啟發(fā)，積極鼓勵并針對回答中出現(xiàn)的偏差，借力全班同學(xué)，共同糾錯(cuò)，達(dá)成共識。2.填寫學(xué)習(xí)過程評價(jià)表（發(fā)給學(xué)生端的素材包里）并通過ftp方式發(fā)送給教師端。浮動框架技術(shù)學(xué)習(xí)過程評價(jià)表活動評價(jià)采取自我評價(jià)占30%、小組評價(jià)占30%、教師評價(jià)占40%的方式進(jìn)行綜合評定。小組長在“建議”欄中寫出對該成員的改進(jìn)建議和希望；教師在“評語”欄中給予綜合評價(jià)，并指出需要提高和改進(jìn)的方面。自我評價(jià)主要評價(jià)內(nèi)容學(xué)習(xí)態(tài)度好，能通過討論的方式共享他人的觀點(diǎn)和想法積極參加探究活動，并達(dá)到預(yù)想的目的自主學(xué)習(xí)，主動發(fā)現(xiàn)問題，提出問題并尋求解決問題的方法在分工的基礎(chǔ)上共同承擔(dān)任務(wù)，高效完成自己的任務(wù)。合計(jì)分值得分25252525100小組評價(jià)主要評價(jià)內(nèi)容分值得分善于與人合作，虛心聽取別人的意見積極參與討論與交流30302020能有條理表達(dá)自己的意見，解決問題過程有條理小組合作中貢獻(xiàn)度大合計(jì)100建議組長簽名：年月日教師評價(jià)主要評價(jià)內(nèi)容分值得分理解浮動框架技術(shù)的內(nèi)涵掌握浮動框架的屬性設(shè)置3030能夠在網(wǎng)頁設(shè)計(jì)中運(yùn)用浮動框架技術(shù)合計(jì)40100評語教師簽名：年月日設(shè)計(jì)意圖：用學(xué)生總結(jié)，教師補(bǔ)充的方式，在學(xué)生總結(jié)的基礎(chǔ)上，教師再概括板書展示，起到畫龍點(diǎn)睛的作用。通過評價(jià)表檢驗(yàn)學(xué)生所學(xué)會的專業(yè)知識、所掌握的職業(yè)技能和所體現(xiàn)的職業(yè)態(tài)度。（六）布置作業(yè)延伸任務(wù)1.選擇制作一個(gè)班級主頁運(yùn)用浮動框架技術(shù)展示班級活動展示頁。2.拓展：運(yùn)用浮動框架技術(shù)顯示表單網(wǎng)頁。設(shè)計(jì)意圖：第一題為基礎(chǔ)題，加強(qiáng)知識的鞏固。第二題為拓展題，檢測學(xué)生對知識的運(yùn)用和操作能力，學(xué)以致用。（）七板書設(shè)計(jì)注：黑板右邊是學(xué)生上臺展示成果的地方。教師根據(jù)學(xué)生所展示的成果，加以歸納總結(jié)。九、教學(xué)反思一節(jié)好課主要來源于好的教學(xué)設(shè)計(jì)。從教師向大家分發(fā)的教案和實(shí)際上課的流程來看，教學(xué)思路是從教學(xué)內(nèi)容和學(xué)生水平兩個(gè)方面設(shè)計(jì)出來的。靜心細(xì)想后，這節(jié)課成功主要得益于課堂教學(xué)中把新課標(biāo)中的新理念作為教學(xué)的基本理念，具體表現(xiàn)在以下幾個(gè)方面：1.成功之處：得益于新的教學(xué)方式的運(yùn)用即學(xué)生自主合作互助探究式學(xué)習(xí)，技能微視頻教學(xué)等信息化教學(xué)手段的運(yùn)用。教學(xué)設(shè)計(jì)結(jié)構(gòu)上層次清楚、條理分明的、知識結(jié)構(gòu)明了；情景案例引入貫穿課堂讓學(xué)生更好把握知識的完整性，驅(qū)動，激發(fā)學(xué)習(xí)興趣，充分調(diào)動學(xué)生的熱情，增強(qiáng)課堂學(xué)習(xí)氛圍，體現(xiàn)以學(xué)生為主的教學(xué)設(shè)想；使用微視頻教學(xué)有效的翻轉(zhuǎn)的課堂，激發(fā)學(xué)習(xí)興趣的同時(shí)，又能通過視覺思維引導(dǎo)學(xué)生利用知識解決實(shí)際問題；在課堂中能及時(shí)的處理突發(fā)的教學(xué)預(yù)設(shè)外的事件。遵循了知識學(xué)習(xí)的規(guī)律和遷移的重要性在教和學(xué)中的滲透與應(yīng)用；及時(shí)的表揚(yáng)學(xué)生的獨(dú)特見解，使學(xué)生的好方法、好思路得以推廣，而且對學(xué)生也是一種贊賞和激勵。這種方法的使用不僅能調(diào)動學(xué)生的學(xué)習(xí)欲望和興趣，也能達(dá)到教學(xué)的三維目標(biāo)，特別是中職學(xué)生，課堂需要從做中學(xué)，讓學(xué)生樂于學(xué)，值得以后借鑒和推廣。2.不足之處：即使是成功的課堂教學(xué)也難免有疏漏失誤之處，在本節(jié)的課堂教學(xué)中，雖讓課堂的氛圍較活躍，學(xué)習(xí)目標(biāo)也完成的較好，但是即使是設(shè)計(jì)了很多的突發(fā)狀況處理預(yù)案還是出現(xiàn)了在自主學(xué)習(xí)中有部分的學(xué)生的自覺性沒有被完全的調(diào)動，在合作探究交流討論中也有部門學(xué)生的合作精神沒有完全的被激發(fā)，以致在交流階段，個(gè)別學(xué)生發(fā)言時(shí)有怯場的現(xiàn)象，需要在以后的教學(xué)設(shè)計(jì)和實(shí)踐中不斷的積累，加強(qiáng)教師教育機(jī)智的訓(xùn)練。3.再來一次，靜心沉思，一節(jié)成功的課不在于有多么優(yōu)秀的教學(xué)方法的使用，而在于你使用的方法是否使學(xué)生的學(xué)習(xí)更加的有興趣，更加的熱愛學(xué)習(xí)，更多的掌握知識技能，再次讓我重新設(shè)計(jì)一次課堂，我還會去使用這種能讓學(xué)生全程參與的，能體現(xiàn)師生共同學(xué)習(xí)方式的教學(xué)方法，在知識點(diǎn)結(jié)構(gòu)上更加的清晰明了，在程序設(shè)計(jì)上更加的層次化，遞進(jìn)化，更加的體現(xiàn)全體學(xué)