javascript及網(wǎng)頁(yè)特效制作教案

《javascript及網(wǎng)頁(yè)特效制作教案》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、編號(hào)：SKZ—WJ—JXZX-14《JavaScript及網(wǎng)頁(yè)特效制作》教案（2015～2016學(xué)年第一學(xué)期）適用軟件技術(shù)專業(yè)院系（部）信息工程系班級(jí)教師87教案首頁(yè)本次課標(biāo)題：情景一HTML網(wǎng)頁(yè)技術(shù)任務(wù)1使用html語(yǔ)言制作網(wǎng)頁(yè)授課日期第1周授課班級(jí)上課地點(diǎn)實(shí)驗(yàn)樓E區(qū)課時(shí)分配MOOC在線視頻學(xué)習(xí)1課時(shí)（60分鐘）+面對(duì)面翻轉(zhuǎn)課堂教學(xué)1課時(shí)（60分鐘）教學(xué)目標(biāo)能力目標(biāo)知識(shí)目標(biāo)1.能夠利用網(wǎng)頁(yè)設(shè)計(jì)工具編寫(xiě)HTML標(biāo)簽2.能夠利用HTML制作純文本網(wǎng)頁(yè)1.了解HTML的含義2.掌握HTML開(kāi)發(fā)環(huán)境3.掌握常見(jiàn)HTML的標(biāo)簽學(xué)習(xí)者特征分析1、學(xué)生已經(jīng)學(xué)習(xí)過(guò)《網(wǎng)頁(yè)設(shè)計(jì)》，有

2、一定的基礎(chǔ)2、學(xué)生學(xué)習(xí)基礎(chǔ)一般，缺乏動(dòng)手實(shí)踐能力3、大部分學(xué)生學(xué)習(xí)態(tài)度較好，學(xué)習(xí)意愿強(qiáng)，但自主學(xué)習(xí)能力不強(qiáng)教學(xué)任務(wù)任務(wù)：使用html語(yǔ)言制作個(gè)人網(wǎng)站-----個(gè)人簡(jiǎn)介網(wǎng)頁(yè)案例：個(gè)人博客網(wǎng)站重點(diǎn)難點(diǎn)重點(diǎn)：HTML語(yǔ)言標(biāo)簽使用難點(diǎn)：利用HTML標(biāo)簽直接編寫(xiě)網(wǎng)頁(yè)。作業(yè)或考核請(qǐng)制作一個(gè)用于博客系統(tǒng)中個(gè)人介紹或者相冊(cè)、愛(ài)好等其中的一個(gè)HTML頁(yè)面，顯示內(nèi)容不限。參考資料《精通JavaScript+jQuery》人民郵電出版社前沿科技.《精通CSS+DIV網(wǎng)頁(yè)樣式與布局》，人民郵電出版社。溫謙等.《HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)與布局從入門到精通》，人民郵電出版社。溫謙等.《CSS設(shè)

3、計(jì)徹底研究》，人民郵電出版社。87翻轉(zhuǎn)課堂教學(xué)設(shè)計(jì)序號(hào)步驟教學(xué)內(nèi)容教師活動(dòng)（方法與手段）學(xué)生活動(dòng)時(shí)間分配評(píng)價(jià)標(biāo)準(zhǔn)與方法——課前：MOOC平臺(tái)在線學(xué)習(xí)環(huán)節(jié)1學(xué)生自主學(xué)習(xí)觀看任務(wù)1使用html語(yǔ)言制作網(wǎng)頁(yè)教學(xué)視頻；學(xué)習(xí)課件；上傳視頻、課件等相關(guān)資料；觀看視頻20分鐘在線學(xué)習(xí)時(shí)長(zhǎng)2在線測(cè)試完成任務(wù)1在線測(cè)試題教師導(dǎo)出成績(jī)并分析結(jié)果在線測(cè)試10分鐘在線測(cè)試成績(jī)3完成任務(wù)作業(yè)用html制作個(gè)人博客網(wǎng)站個(gè)人簡(jiǎn)介頁(yè)面批閱作業(yè)完成作業(yè)15分鐘作業(yè)等級(jí)判定4在線討論學(xué)生與學(xué)生、教師進(jìn)行答疑討論回復(fù)話題學(xué)生發(fā)帖，相互線上討論15分鐘發(fā)帖數(shù)量與質(zhì)量評(píng)價(jià)——課中：面對(duì)面翻轉(zhuǎn)課堂教與學(xué)環(huán)節(jié)1

4、自主學(xué)習(xí)檢查與討論公布學(xué)生線上學(xué)習(xí)情況；抽查視頻相關(guān)知識(shí)點(diǎn)抽取學(xué)生記錄指導(dǎo)認(rèn)真演示認(rèn)真觀看5分鐘線上統(tǒng)計(jì)結(jié)果與抽查結(jié)果2課前學(xué)習(xí)總結(jié)與答疑重點(diǎn)提示一下html語(yǔ)法編寫(xiě)規(guī)則；并進(jìn)行答疑總結(jié)學(xué)生學(xué)習(xí)情況一對(duì)一答疑學(xué)生提問(wèn)；認(rèn)真聽(tīng)講5分鐘測(cè)試成績(jī)與課前作業(yè)成績(jī)3課堂任務(wù)下達(dá)教師給出課堂完成的任務(wù):制作個(gè)人博客中相冊(cè)、愛(ài)好等子網(wǎng)頁(yè)布置任務(wù)巡回答疑分析任務(wù)5分鐘任務(wù)理解情況4分小組完成任務(wù)小組分工與協(xié)調(diào)完成任務(wù)：分布局設(shè)計(jì)部分人員、代碼編寫(xiě)人員及測(cè)試人員。巡回指導(dǎo)實(shí)戰(zhàn)演練；分組討論20分鐘任務(wù)完成情況5小組評(píng)價(jià)小組互評(píng)；（相鄰小組互相打分，分?jǐn)?shù)現(xiàn)場(chǎng)公布）學(xué)生盤點(diǎn)收獲與質(zhì)疑問(wèn)答

5、；抽取學(xué)生記錄指導(dǎo)確定得分依據(jù)；記錄結(jié)果；10分鐘小組協(xié)作與溝通能力6小組優(yōu)秀作品展示學(xué)生演示本次任務(wù)中的制作流程及優(yōu)點(diǎn)所在，闡明自己不足之處。觀摩；反思；記錄優(yōu)缺點(diǎn)；學(xué)生展示；認(rèn)真聽(tīng)講記錄；5分鐘本次任務(wù)綜合評(píng)價(jià)（完成率及創(chuàng)新點(diǎn)）877教師總結(jié)與引導(dǎo)總結(jié)小組任務(wù)情況并給予小組點(diǎn)評(píng)；總結(jié)表單操作流程與規(guī)范講授認(rèn)真聽(tīng)講記錄；反思5分鐘8布置下次課前要學(xué)習(xí)的任務(wù)布置下次課前要學(xué)習(xí)的任務(wù)：任務(wù)2表格告知記錄5分鐘線上作業(yè)與在線測(cè)試完成情況——課后：反思總結(jié)及拓展提升教與學(xué)環(huán)節(jié)1反思總結(jié)翻轉(zhuǎn)課堂任務(wù)反思記錄翻轉(zhuǎn)課堂各個(gè)環(huán)節(jié)是否存在問(wèn)題；任務(wù)難度及學(xué)生吸收率；學(xué)生進(jìn)行自發(fā)交流

6、總結(jié)20分鐘教師寫(xiě)教學(xué)日志；學(xué)生寫(xiě)學(xué)習(xí)筆記2拓展XHTML及xml語(yǔ)法學(xué)習(xí)教師給予課外資源；適當(dāng)引導(dǎo)學(xué)習(xí)，學(xué)生進(jìn)行自主探索學(xué)習(xí)20分鐘答疑分享87教學(xué)內(nèi)容一、任務(wù)·制作圖文混排的商品介紹頁(yè)二、學(xué)習(xí)目標(biāo)·使用HTML的基本結(jié)構(gòu)創(chuàng)建網(wǎng)頁(yè)·使用行級(jí)和塊級(jí)標(biāo)簽組織頁(yè)面內(nèi)容·使用圖像標(biāo)簽實(shí)現(xiàn)圖文并茂的頁(yè)面三、HTML文檔的基本結(jié)構(gòu)HTML文檔的結(jié)構(gòu)·HTML：HyperTextMarkupLanguage超文本標(biāo)簽語(yǔ)言·HTML：網(wǎng)頁(yè)的“源碼”·瀏覽器：“解釋和執(zhí)行”HTML源碼的工具87·1、div-ul(ol)-li：常用于分類導(dǎo)航或菜單等·2、div-dl-dt-dd：

7、常用于圖文混編的場(chǎng)合·3、table-tr-td：常用于圖文布局或顯示數(shù)據(jù)·4、form-table-tr-td：常用于布局表單四、總結(jié)行級(jí)和塊級(jí)標(biāo)簽有什么區(qū)別？用途？·塊級(jí)標(biāo)簽分為幾類，分別包含哪些？·常用的4種塊狀結(jié)構(gòu)是什么？87教案首頁(yè)本次課標(biāo)題：情景一HTML網(wǎng)頁(yè)技術(shù)任務(wù)2表格應(yīng)用授課日期第2周授課班級(jí)上課地點(diǎn)實(shí)驗(yàn)樓E區(qū)課時(shí)分配MOOC在線視頻學(xué)習(xí)1課時(shí)（60分鐘）+面對(duì)面翻轉(zhuǎn)課堂教學(xué)1課時(shí)（60分鐘）教學(xué)目標(biāo)能力目標(biāo)知識(shí)目標(biāo)1、會(huì)使用表格的基本結(jié)構(gòu)實(shí)現(xiàn)簡(jiǎn)單表格2、會(huì)使用表格相關(guān)標(biāo)簽實(shí)現(xiàn)跨行、跨列的復(fù)雜表格3、會(huì)使用表格相關(guān)設(shè)置進(jìn)行美化修飾1、熟悉表格的