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

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

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

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

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

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

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

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

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