教學(xué)預案設計:羅執清(沙洋職教中心)
一、創(chuàng )意說(shuō)明
網(wǎng)頁(yè)制作是計算機應用專(zhuān)業(yè)的一門(mén)主干課程。我校采用的教材是機械工業(yè)出版社的《Dreamweaver網(wǎng)頁(yè)制作實(shí)用教程》,框架技術(shù)是該書(shū)第八章的內容。書(shū)中是以三個(gè)小任務(wù)的形式介紹了制作框架網(wǎng)頁(yè)的基本步驟,若按書(shū)上內容用傳統的教師講解、學(xué)生操作的方式教學(xué),會(huì )存在一些問(wèn)題。1、學(xué)生不理解為什么要用框架結構來(lái)制作網(wǎng)頁(yè);2、學(xué)生只是按任務(wù)要求及具體的操作提示來(lái)完成框架結構網(wǎng)頁(yè),并不知道這種框架結構的網(wǎng)頁(yè)應用什么場(chǎng)合,在什么情況下選用框架結構來(lái)設計網(wǎng)頁(yè)呢?3、內容上沒(méi)有學(xué)生喜歡的動(dòng)態(tài)或多媒體元素,學(xué)生覺(jué)得只是按部就班地操作,提不起興趣。所以在本節課的設計中要有心注意處理好以上三個(gè)問(wèn)題,精心設計課件與學(xué)件,把提高學(xué)生學(xué)習興趣,培養學(xué)生動(dòng)手能力有機融于教學(xué)。采用任務(wù)驅動(dòng)和項目教學(xué)法,在教學(xué)中分“基本任務(wù)”和“拓展任務(wù)”兩個(gè)層次設計教學(xué)內容,要求每個(gè)學(xué)生必須完成“基本任務(wù)”中的內容,而對學(xué)有余力的同學(xué)再繼續完成“拓展任務(wù)”中內容的制作,從而達到分層教學(xué)的目的。
二、學(xué)情分析
學(xué)生已經(jīng)學(xué)過(guò)了office、Photoshop、flash等軟件,對Dreamweaver 8的啟動(dòng)、關(guān)閉、文件操作、文字編輯和圖片處理都會(huì )有一種似曾相識的感覺(jué),這種知識遷移對后續的學(xué)習非常有利。同時(shí),學(xué)生已初步掌握了網(wǎng)絡(luò )通信的基礎知識,因特網(wǎng)的信息服務(wù),網(wǎng)絡(luò )信息的搜索、瀏覽和下載,以及電子郵件的使用等內容。因此,學(xué)生已經(jīng)具備了獲取信息的能力。網(wǎng)頁(yè)制作單元就可側重培養信息表達的能力,這對于加強學(xué)生的信息意識,提高信息處理的能力有著(zhù)重要的作用;網(wǎng)頁(yè)的設計也給學(xué)生提供了展示個(gè)性、自主創(chuàng )新的機會(huì ),促使他們主動(dòng)地學(xué)、創(chuàng )造性地學(xué);網(wǎng)頁(yè)的評價(jià)則能使學(xué)生了解內容編排的原則,頁(yè)面布局的種類(lèi),色彩搭配的風(fēng)格等,提高他們的藝術(shù)修養和審美情趣。
三、教材內容分析
框架設計是網(wǎng)頁(yè)制作的一個(gè)重要模塊,能夠將瀏覽器頁(yè)面分割成幾個(gè)不等的窗口,每個(gè)窗口相對獨立,在同一頁(yè)面的幾個(gè)窗口同時(shí)瀏覽不同的網(wǎng)頁(yè)文件或者相對保持某些窗口的內容。從在本教材所處的位置來(lái)看,框架技術(shù)是在創(chuàng )建新站點(diǎn)、制作簡(jiǎn)單網(wǎng)頁(yè)、運用表格制作網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)之后。通過(guò)前面的學(xué)習,學(xué)生可以建立有多張網(wǎng)頁(yè)的個(gè)人站點(diǎn),會(huì )運用表格給網(wǎng)頁(yè)布局,為了使網(wǎng)頁(yè)增添動(dòng)感,還會(huì )通過(guò)增加滾動(dòng)字幕、動(dòng)態(tài)按鈕以及動(dòng)畫(huà)插件等方法,令網(wǎng)頁(yè)更加具有活力。但是除了表格布局外,還有一種常見(jiàn)的布局形式,應用也相當廣泛。通過(guò)本單元學(xué)習,能幫助學(xué)生理解框架結構制作網(wǎng)頁(yè)的應用,在設計網(wǎng)站時(shí)能靈活運用兩種布局方法。從教材的難易度分析,這部分知識點(diǎn)學(xué)生從來(lái)沒(méi)有接觸過(guò),有前面學(xué)習其它軟件時(shí)也沒(méi)有類(lèi)似的地方,故而有一定難度,教學(xué)目標不能定得太高。
四、教學(xué)目標分析
本單元的認知、能力和情感三種目標分述如下:
認知目標:
①理解框架結構的含義和用途
②掌握框架和框架集的含義,學(xué)會(huì )創(chuàng )建普通框架頁(yè)面、創(chuàng )建嵌套框架結構頁(yè)面、創(chuàng )建浮動(dòng)框架頁(yè)面
③掌握框架屬性的設置方法
④掌握框架網(wǎng)頁(yè)的保存方法
能力目標:
①具備建立網(wǎng)頁(yè)框架及設置框架屬性的能力
②能夠應用網(wǎng)頁(yè)框架建立簡(jiǎn)單的網(wǎng)頁(yè)
情感目標:
培養學(xué)生網(wǎng)頁(yè)設計的審美能力、創(chuàng )新能力、協(xié)作學(xué)習和自主學(xué)習能力
五、教學(xué)策略設計
1、實(shí)施任務(wù)驅動(dòng),把學(xué)習的主動(dòng)權交給學(xué)生,引導學(xué)生動(dòng)手嘗試、觀(guān)察辨析
2、采用項目教學(xué)和小組討論法,培養學(xué)生合作學(xué)習和自主學(xué)習的能力
3、實(shí)施分層教學(xué),從好、中、差各類(lèi)學(xué)生的實(shí)際出發(fā),確定不同層次的目標,進(jìn)行不同層次的教學(xué)和輔導,使各類(lèi)學(xué)生得到充分的發(fā)展
4、采用半成品加工策略,提供一些素材,讓學(xué)生直接制作,提高學(xué)習的效率。
六、教學(xué)過(guò)程設計
1、課前探究
①訪(fǎng)問(wèn)推薦網(wǎng)頁(yè),形成小組、組織學(xué)生討論網(wǎng)頁(yè)內容和風(fēng)格,分析網(wǎng)頁(yè)框架和布局。
②提供網(wǎng)頁(yè)欄目劃分建議。
③組織各小組討論。
2、新課導入:
| 教學(xué)環(huán)節 | 教師活動(dòng) | 學(xué)生活動(dòng) | 設計目的 |
| 新 課 導 入 | 1、教師演示一些用網(wǎng)頁(yè)框架制作的優(yōu)秀網(wǎng)頁(yè)作品 2、提問(wèn):這些網(wǎng)頁(yè)是如何制作的呢?引起學(xué)生的興趣 | 1、回答問(wèn)題,帶著(zhù)問(wèn)題觀(guān)察老師的操作 2、分析幾個(gè)網(wǎng)站的特色 3、提供網(wǎng)頁(yè)欄目劃分 | 1、開(kāi)門(mén)見(jiàn)山,明確這節課學(xué)習的內容 2、演示優(yōu)秀作品,引起學(xué)生的興趣 |
3、師生互動(dòng)
| 教學(xué)環(huán)節 | 教師活動(dòng) | 學(xué)生活動(dòng) | 設計目的 | |
| 新 課 學(xué) 習 | 任 務(wù) 1 | 介紹創(chuàng )建普通框架頁(yè)面 | 將教師提供的兩個(gè)頁(yè)面整合成一個(gè)完整的框架頁(yè)面(左右結構) | 任務(wù)驅動(dòng),通過(guò)教師講解制作框架網(wǎng)頁(yè)的方法,學(xué)生自主學(xué)習 |
| 任 務(wù) 2 | 介紹創(chuàng )建嵌套框架結構頁(yè)面 | 將教師提供的三個(gè)頁(yè)面整合成一個(gè)完整的框架頁(yè)面(上、左下和右下結構) | 創(chuàng )作作品,培養學(xué)生的合作學(xué)習和自主學(xué)習的能力 | |
| 任 務(wù) 3 | 介紹浮動(dòng)框架標記和屬性和相關(guān)屬性設置 | 學(xué)生通過(guò)寫(xiě)代碼實(shí)現浮動(dòng)框架 | 小組討論,培養學(xué)生自主討論和合作學(xué)習的能力 | |
| 任 務(wù) 4 | 1、教師提供一些素材及布置任務(wù)。 2、教師巡視檢查,做個(gè)別指導。 | 1、各組學(xué)生完成相應的制作任務(wù) 2、學(xué)生挑選有用的素材,嘗試制作 | 培養學(xué)生的合作學(xué)習和自主學(xué)習的能力 | |
| 評 價(jià) | 1、組織學(xué)生評價(jià)作品 2、教師參與討論,幫助學(xué)生進(jìn)行評價(jià) 3、幫助學(xué)生解決問(wèn)題 | 1、學(xué)生填寫(xiě)評價(jià)表格 2、由學(xué)生推選代表主持評價(jià) 3、學(xué)生修改作品。 | 充分利用評價(jià)方式對學(xué)生的激勵作用 | |
4、課堂小結
本節主要介紹框架頁(yè)面的創(chuàng )建、框架和框架集的選擇、框架的保存以及框架屬性的基本設置,對于制作風(fēng)格統一的頁(yè)面有很大作用。
七、教學(xué)評價(jià)設計
1、每組學(xué)生根據教師提供的素材網(wǎng)頁(yè)作為上、中、下結構的框架合并成一個(gè)完整的頁(yè)面,根據制作的內容,寫(xiě)一份實(shí)驗報告,主要內容有:①、列出具體的制作內容 ②、列出本次實(shí)訓掌握了哪些新的技術(shù)。
2、利用框架技術(shù)完善學(xué)生個(gè)人網(wǎng)站,選出優(yōu)秀作品發(fā)布在學(xué)校網(wǎng)站。
八、教學(xué)媒體選擇
1、學(xué)習環(huán)境:多媒體網(wǎng)絡(luò )教室、投影儀
2、學(xué)習資源:專(zhuān)題學(xué)習資料、示范案例
3、教學(xué)和學(xué)習中用到的工具:多媒體教學(xué)管理軟件、WORD、Dreamweaver。
在課堂教學(xué)中需要使用投影儀和多媒體教學(xué)管理軟件兩種控制技術(shù)來(lái)實(shí)現課堂教學(xué)的靈活調控,方便發(fā)現問(wèn)題隨時(shí)進(jìn)行講解。
九、教學(xué)反思
1、以任務(wù)驅動(dòng)的方式編排教學(xué)內容,使學(xué)生圍繞信息處理提出任務(wù),自主探索并完成任務(wù)。
2、讓學(xué)生了解評價(jià)一個(gè)網(wǎng)頁(yè)的大致標準,學(xué)生設計網(wǎng)頁(yè)時(shí),就會(huì )考慮這些關(guān)鍵因素,有了較高的起點(diǎn),作品自然不會(huì )差。反之,不利于激發(fā)學(xué)生學(xué)習和創(chuàng )作的欲望。
3、值得關(guān)注的是:在時(shí)間的安排與分配是一個(gè)不可忽視的問(wèn)題。如何在不影響學(xué)生進(jìn)行創(chuàng )作的同時(shí),又可以在規定的教學(xué)內容內完成特定的教學(xué)任務(wù),并且使教學(xué)達到最優(yōu)化。
4、教學(xué)不能局限于某一節課,或是幾節課,必須著(zhù)眼于學(xué)生的長(cháng)遠發(fā)展,以更高、更長(cháng)遠的眼光來(lái)處理教材,實(shí)現課程的擴展與延伸,使學(xué)生的學(xué)習內容更為豐富,學(xué)習的知識更為全面,學(xué)生的主體性更好的發(fā)揮,讓學(xué)生能夠在自主的創(chuàng )作過(guò)程忠不斷的得到知識的創(chuàng )新。
5、教師可以考慮把課件用網(wǎng)站的形式展現在學(xué)生面前,提高他們的對網(wǎng)站的感性認識,促使他們更容易接受本單元內容。
【評點(diǎn)】本節課的教學(xué)設計把網(wǎng)頁(yè)制作以“任務(wù)驅動(dòng)”的方式編排,整體分為四個(gè)教學(xué)任務(wù),教師的主導在于揭示任務(wù)、提供素材、巡視檢查、個(gè)別指導、參與評價(jià),學(xué)生圍繞任務(wù)、帶著(zhù)問(wèn)題,自主探究,小組合作討論,共同創(chuàng )作“自己的網(wǎng)頁(yè)”。這樣把課堂學(xué)習的“主動(dòng)權”交給學(xué)生,把解決實(shí)際問(wèn)題的“任務(wù)”交給學(xué)生自己完成,值得我們在專(zhuān)業(yè)課程教學(xué)中提倡。課時(shí)安排與課程任務(wù)是如何處理的,設計中不能體現,學(xué)生自主操作的過(guò)程、要求、效果不明晰。
聯(lián)系客服