《學(xué)生注冊(cè)表單網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)設(shè)計(jì)

　　摘 要： 本節(jié)課針對(duì)高職學(xué)生的學(xué)習(xí)特點(diǎn)，將教學(xué)內(nèi)容設(shè)計(jì)為一個(gè)完整的項(xiàng)目，在教學(xué)過(guò)程中體現(xiàn)了以人為本的教學(xué)思想，以學(xué)定教，讓學(xué)生充分自主地學(xué)習(xí)，而教師始終保持著一個(gè)指導(dǎo)者和組織者的角色，體現(xiàn)了師生關(guān)系的和諧。
　　關(guān)鍵詞： 項(xiàng)目 網(wǎng)頁(yè)設(shè)計(jì) 表單 自主學(xué)習(xí)
　　
　　“網(wǎng)頁(yè)設(shè)計(jì)”技能模塊是計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的主干課程之一，側(cè)重于學(xué)習(xí)靜態(tài)網(wǎng)頁(yè)的設(shè)計(jì)與制作，是后續(xù)動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的基礎(chǔ)。
　　一、教材分析和處理
　　課程選用的是人民郵電出版社出版的規(guī)劃教材《DWCS3網(wǎng)頁(yè)制作》。這本教材共15章，比較全面地涵蓋了靜態(tài)網(wǎng)頁(yè)制作所需要的知識(shí)和技能，缺點(diǎn)在于編寫方式比較傳統(tǒng)，不能適應(yīng)當(dāng)前五年制高職學(xué)生的素質(zhì)特性。
　　本節(jié)課是第13章《創(chuàng)建表單網(wǎng)頁(yè)》的第一節(jié)《認(rèn)識(shí)表單》中的內(nèi)容，主要目標(biāo)是讓學(xué)生認(rèn)識(shí)表單并完成“學(xué)生注冊(cè)表單網(wǎng)頁(yè)”的設(shè)計(jì)。該節(jié)內(nèi)容比較少，許多老師在講授該節(jié)時(shí)只花5-10分鐘做簡(jiǎn)要介紹。但我認(rèn)為學(xué)生對(duì)表單的認(rèn)識(shí)和理解相當(dāng)重要，直接影響后期《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》課程的學(xué)習(xí)效果。如何豐富課堂教學(xué)，拓展學(xué)生知識(shí)面，吸引學(xué)生深入學(xué)習(xí)，是設(shè)計(jì)時(shí)重點(diǎn)思考的一個(gè)問(wèn)題。
　　本節(jié)課的教學(xué)對(duì)象是五年制高職二年級(jí)學(xué)生，學(xué)生的主要特點(diǎn)是興趣廣、有活力，好動(dòng)手，但邏輯思維能力比較薄弱，學(xué)習(xí)注意力持續(xù)時(shí)間較短，因此確定以下三個(gè)目標(biāo)：
　　知識(shí)目標(biāo)：知道什么是表單，知道表單的作用。
　　能力目標(biāo)：學(xué)會(huì)分析表單網(wǎng)頁(yè)主要構(gòu)成對(duì)象，掌握“學(xué)生注冊(cè)網(wǎng)頁(yè)”的設(shè)計(jì)。
　　情感目標(biāo)方面，通過(guò)“學(xué)生注冊(cè)網(wǎng)頁(yè)”設(shè)計(jì)增進(jìn)學(xué)生之間的相互了解和認(rèn)識(shí)。
　　其中教學(xué)重點(diǎn)是表單網(wǎng)頁(yè)的作用、表單網(wǎng)頁(yè)的主要構(gòu)成對(duì)象、表單網(wǎng)頁(yè)的設(shè)計(jì)。根據(jù)學(xué)生思維能力較弱這個(gè)特征，把表單的概念的理解確定為教學(xué)難點(diǎn)。
　　本節(jié)課的總體設(shè)計(jì)思路是以典型項(xiàng)目為背景，以豐富的活動(dòng)為載體，以激發(fā)學(xué)生的求知欲為目標(biāo)，重點(diǎn)培養(yǎng)學(xué)生的動(dòng)手能力和解決實(shí)際問(wèn)題的能力，讓學(xué)生成為課堂的主體。因此我將整個(gè)教學(xué)單元設(shè)計(jì)為一個(gè)完整教學(xué)項(xiàng)目。在教學(xué)資源準(zhǔn)備上，將虛擬場(chǎng)景、教學(xué)項(xiàng)目和教學(xué)課件進(jìn)行了整合，讓學(xué)生在一個(gè)仿真的項(xiàng)目中進(jìn)行學(xué)習(xí)。
　　在教學(xué)方法上采用講授法、討論法、歸納總結(jié)法和任務(wù)驅(qū)動(dòng)法相結(jié)合，學(xué)生學(xué)習(xí)上主要采用自主探究式學(xué)習(xí)法、觀察法和團(tuán)隊(duì)協(xié)作法等方法。
　　整個(gè)教學(xué)過(guò)程設(shè)計(jì)為：開(kāi)始用趣味導(dǎo)入、提出項(xiàng)目、體驗(yàn)表單、概念解析、搶答游戲、連線識(shí)圖這6個(gè)環(huán)節(jié)來(lái)了解和認(rèn)識(shí)表單。接下來(lái)在“任務(wù)實(shí)施”這個(gè)環(huán)節(jié)進(jìn)行“學(xué)生注冊(cè)”表單網(wǎng)頁(yè)的設(shè)計(jì)。這個(gè)環(huán)節(jié)將花費(fèi)較多時(shí)間來(lái)培養(yǎng)學(xué)生解決問(wèn)題的能力，最后進(jìn)行總結(jié)和拓展。
　　課前我會(huì)要求學(xué)生提前預(yù)習(xí)本節(jié)內(nèi)容，并要求學(xué)生帶好筆、紙到機(jī)房上課，在上課過(guò)程中會(huì)讓學(xué)生用筆、紙完成一些設(shè)計(jì)任務(wù)。
　　二、教學(xué)過(guò)程
　　首先從學(xué)生都非常熟悉且很感興趣的軟件“QQ”入手來(lái)作為導(dǎo)入，連續(xù)提出幾個(gè)問(wèn)題：同學(xué)們，你們都有QQ號(hào)碼吧？你們的QQ號(hào)碼是怎么得來(lái)呢？怎么從騰訊的網(wǎng)站上申請(qǐng)？學(xué)生肯定會(huì)熱烈響應(yīng)。從學(xué)生熟悉且感興趣的事物入手，轉(zhuǎn)移學(xué)生注意力到課堂教學(xué)，自然切入教學(xué)內(nèi)容——表單。然后拋出一個(gè)新問(wèn)題讓學(xué)生思考：曾經(jīng)在哪些地方過(guò)見(jiàn)類似注冊(cè)、申請(qǐng)的表單網(wǎng)頁(yè)？學(xué)生會(huì)進(jìn)行討論和交流。設(shè)計(jì)這個(gè)環(huán)節(jié)，讓學(xué)生通過(guò)自己的感性認(rèn)識(shí)知道什么樣的網(wǎng)頁(yè)是表單網(wǎng)頁(yè)，通過(guò)自己的體驗(yàn)了解表單能干什么。
　　接下來(lái)展示幾張典型表單網(wǎng)頁(yè)：如郵箱申請(qǐng)、淘寶注冊(cè)、網(wǎng)上調(diào)查，等等，通過(guò)這些典型網(wǎng)頁(yè)加強(qiáng)學(xué)生的回憶。
　　在學(xué)生對(duì)表單有了基本認(rèn)識(shí)之后，提出本節(jié)課教學(xué)任務(wù)：讓學(xué)生為班級(jí)網(wǎng)站設(shè)計(jì)一個(gè)“學(xué)生注冊(cè)”網(wǎng)頁(yè)，包含兩個(gè)內(nèi)容：1.學(xué)生注冊(cè)網(wǎng)頁(yè)需要些什么項(xiàng)目（如姓名、性別等）？2.每個(gè)項(xiàng)目可以用表單的什么對(duì)象來(lái)實(shí)現(xiàn)？這個(gè)任務(wù)也是為接下來(lái)的第二至第六節(jié)課的教學(xué)做準(zhǔn)備。這個(gè)任務(wù)將通過(guò)分組方式來(lái)完成：相鄰?fù)澜M成工作室。
　　第三步進(jìn)行分析：要完成這個(gè)任務(wù)，還需要具備的知識(shí)：表單是什么？表單有什么作用?表單網(wǎng)頁(yè)有哪些元素組成？
　　高職學(xué)生的長(zhǎng)處在于“做中學(xué)”，在學(xué)生對(duì)表單有了一定認(rèn)識(shí)的基礎(chǔ)上，我安排一個(gè)“做”的任務(wù)：要求學(xué)生注冊(cè)一個(gè)郵箱，并向指定的郵箱發(fā)送一封郵件，說(shuō)明自己的完成情況。通過(guò)這樣一個(gè)“注冊(cè)”和“發(fā)送”的操作過(guò)程，讓學(xué)生對(duì)表單有了一個(gè)真實(shí)的體會(huì)。在這個(gè)基礎(chǔ)上，進(jìn)入下一步。
　　第四步的目標(biāo)就是讓學(xué)生對(duì)表單的概念有個(gè)清晰的認(rèn)識(shí)，這也是教學(xué)的難點(diǎn)。通過(guò)學(xué)生自主主學(xué)習(xí)，提高感性認(rèn)識(shí)，再加上老師對(duì)表單網(wǎng)頁(yè)處理過(guò)程的分析，突破難點(diǎn)。
　　第五步采用游戲活動(dòng)的方式讓學(xué)生對(duì)表單的作用有個(gè)準(zhǔn)確且完整的認(rèn)識(shí)。老師將表單的作用歸納并加入一些錯(cuò)誤的選項(xiàng)，做成一個(gè)正誤判斷搶答游戲，將學(xué)生按位置分成四個(gè)組進(jìn)行搶答。完成后得分最高的小組，平時(shí)成績(jī)加分。通過(guò)活動(dòng)解決高職生的學(xué)習(xí)注意力持續(xù)時(shí)間不長(zhǎng)帶來(lái)的學(xué)習(xí)效率差的問(wèn)題，并培養(yǎng)學(xué)生的競(jìng)爭(zhēng)意識(shí)和協(xié)作能力。
　　接下來(lái)的第六步很重要，通過(guò)第六步要讓學(xué)生能夠認(rèn)識(shí)表單網(wǎng)頁(yè)上常見(jiàn)的表單對(duì)象，有了前面的基礎(chǔ)，再參考教材，老師通過(guò)“連連看”的小游戲活動(dòng)，讓學(xué)生在愉快中自主探究式學(xué)習(xí)：提供典型表單網(wǎng)頁(yè)一張，并列出常用表單對(duì)象，讓學(xué)生畫線連接“在線調(diào)查”網(wǎng)頁(yè)中的所有項(xiàng)目是用什么表單對(duì)象來(lái)實(shí)現(xiàn)的，學(xué)生完成后我會(huì)進(jìn)行簡(jiǎn)評(píng)。
　　第七步完成任務(wù)。有了上面的知識(shí)準(zhǔn)備，通過(guò)學(xué)生自己觀察樣例、進(jìn)行模仿設(shè)計(jì)，再比較其他同學(xué)的設(shè)計(jì)，參考老師的樣本，最終比較準(zhǔn)確地完成任務(wù)。
　　具體實(shí)現(xiàn)過(guò)程是：
　　1.提出設(shè)計(jì)任務(wù)，讓學(xué)生簡(jiǎn)短討論；
　　2.打開(kāi)126郵箱的申請(qǐng)頁(yè)面，觀察這個(gè)表單網(wǎng)頁(yè)，分析這個(gè)頁(yè)面由哪些表單對(duì)象組成；工作室的兩位成員可以充分討論。
　　3.請(qǐng)兩個(gè)工作室陳述各自的觀察結(jié)果，進(jìn)行對(duì)比，得出結(jié)論：126郵箱申請(qǐng)頁(yè)面包含表單對(duì)象有哪些。
　　4.實(shí)施設(shè)計(jì)，每個(gè)工作室開(kāi)始設(shè)計(jì)自己的學(xué)生注冊(cè)頁(yè)，將設(shè)計(jì)結(jié)果輸入記事本，并上傳至教師機(jī)備查。這個(gè)過(guò)程是重點(diǎn)環(huán)節(jié)，培養(yǎng)學(xué)生解決問(wèn)題的能力，考察學(xué)習(xí)效果。這個(gè)環(huán)節(jié)完成后，“學(xué)生注冊(cè)”表單網(wǎng)頁(yè)的設(shè)計(jì)任務(wù)即完成。
　　第八步，對(duì)學(xué)生上傳的設(shè)計(jì)結(jié)果進(jìn)行評(píng)價(jià)，通過(guò)評(píng)價(jià)，讓學(xué)生知道設(shè)計(jì)的優(yōu)缺點(diǎn)。最后，展示老師設(shè)計(jì)的結(jié)課，讓學(xué)生進(jìn)行參考，主要目的是讓學(xué)生有個(gè)參照標(biāo)準(zhǔn)。并適當(dāng)進(jìn)行深化，并拓展學(xué)生思維。
　　教學(xué)過(guò)程完成后，對(duì)本節(jié)課的主要內(nèi)容進(jìn)行簡(jiǎn)單小結(jié)，讓學(xué)生明確本節(jié)課的學(xué)習(xí)內(nèi)容，把握學(xué)習(xí)重點(diǎn)。根據(jù)分層教學(xué)的原理，布置適當(dāng)?shù)恼n后作業(yè)，分為三個(gè)層次，一是個(gè)人任務(wù)，二是小組任務(wù)，三是拓展任務(wù)，讓學(xué)生有目的地去完成，鞏固課堂教學(xué)效果。
　　三、教學(xué)反思
　　本節(jié)課在設(shè)計(jì)時(shí)針對(duì)教材過(guò)于簡(jiǎn)單的情況，進(jìn)行了適度補(bǔ)充，針對(duì)高職學(xué)生的學(xué)習(xí)特點(diǎn)，將教學(xué)內(nèi)容設(shè)計(jì)為一個(gè)完整的項(xiàng)目。在教學(xué)過(guò)程中，體現(xiàn)了以人為本的教學(xué)思想，以學(xué)定教，讓學(xué)生充分自主地學(xué)習(xí)，自我探索、自我調(diào)控，而教師始終保持著一個(gè)指導(dǎo)者、組織者的角色，體現(xiàn)了師生關(guān)系的和諧。
　　在教學(xué)過(guò)程中我發(fā)現(xiàn)了一些不足之處：
　　1.由于本課內(nèi)容比較簡(jiǎn)單，在上課的過(guò)程中沒(méi)有完整系統(tǒng)的講解概念，導(dǎo)致部分領(lǐng)悟力較弱的學(xué)生無(wú)法正確地理解相關(guān)概念，認(rèn)識(shí)模糊。
　　2.班級(jí)學(xué)生人數(shù)太多，無(wú)法跟蹤到每一個(gè)學(xué)生的學(xué)習(xí)狀態(tài)，監(jiān)控學(xué)生學(xué)習(xí)進(jìn)展方面不足。
　　3.由于學(xué)生能力差異，最后進(jìn)行作品評(píng)價(jià)時(shí)，一部分學(xué)生還在專心地制作作品，沒(méi)有加入到評(píng)價(jià)當(dāng)中來(lái)。
　　課后，我進(jìn)行了總結(jié)思考并找到了一些優(yōu)化教學(xué)過(guò)程的方法：
　　1.在今后的教學(xué)中，將盡量突出重點(diǎn)和難點(diǎn)，避免面面俱到，注意運(yùn)用多種方式系統(tǒng)講解概念。
　　2.任務(wù)的完成應(yīng)注意把握好時(shí)間，且在布置任務(wù)的同時(shí)要讓學(xué)生明白重點(diǎn)是制作網(wǎng)頁(yè)的過(guò)程中幾個(gè)知識(shí)點(diǎn)的應(yīng)用，使學(xué)生不至于花太多的時(shí)間在不該用的地方。
　　3.在評(píng)價(jià)時(shí)，可以使用多媒體教室軟件控制并展示學(xué)生上傳的作品。這樣就可以讓所有的學(xué)生都能參與評(píng)論，總結(jié)學(xué)生的評(píng)論時(shí)應(yīng)充分地肯定學(xué)生的制作成果，既可以讓學(xué)生體會(huì)成功的樂(lè)趣，又可以激發(fā)其積極性。
　　同時(shí)通過(guò)本課教學(xué)，我發(fā)現(xiàn)這類課程的困難在于提煉一個(gè)合適的問(wèn)題、設(shè)計(jì)一個(gè)有驅(qū)動(dòng)力的任務(wù)來(lái)引導(dǎo)學(xué)生學(xué)習(xí)，而這個(gè)任務(wù)最好是以問(wèn)題情境的形式展現(xiàn)。它既要融合要學(xué)習(xí)的知識(shí)，又要聯(lián)系現(xiàn)實(shí)，才能激發(fā)學(xué)生的學(xué)習(xí)興趣。