《HTML與網(wǎng)頁設(shè)計》課程的過程化考核教學(xué)方案研究

龐美玉 耿淼

摘 要：本文闡述了HTML與網(wǎng)頁設(shè)計課程考核存在的問題，根據(jù)應(yīng)用技術(shù)型本科院校的學(xué)生特點，提出了HTML與網(wǎng)頁設(shè)計課程的教學(xué)過程化考核的教學(xué)模式，對教學(xué)方案與評價體系進行重新設(shè)計，該教學(xué)方案將提高學(xué)生實際動手能力，有效提升了教學(xué)質(zhì)量。

關(guān)鍵詞：過程化考核; HTML與網(wǎng)頁設(shè)計; 教學(xué)方案

中圖分類號：TP393.092-4;G712? ? ? ? ?文獻標(biāo)識碼：A? ? ?文章編號：1006-3315（2019）04-135-002

1.引言

高校普遍采取的傳統(tǒng)考試，固化評分標(biāo)準(zhǔn)，限定考試范圍，這種考核方法無法真正檢驗教學(xué)過程與學(xué)習(xí)效果是否相輔相成，無法全面衡量學(xué)生對知識的掌握程度，無法考查學(xué)生的動手能力和創(chuàng)新能力。而過程化考核可以使學(xué)生真正理解理論知識的意義，提高學(xué)生學(xué)習(xí)興趣，改變學(xué)生的學(xué)習(xí)習(xí)慣。過程化考核注重的是學(xué)生的綜合能力，學(xué)生不是被動地完成老師布置的課后作業(yè)，而是學(xué)習(xí)更加主動積極。過程化考核方案的實施，將全面提升學(xué)生分析解決問題的能力、實踐能力、自學(xué)能力和創(chuàng)新能力。

《HTML與網(wǎng)頁設(shè)計》課程具有實用性、簡單易學(xué)的特點，是計算機專業(yè)的一門實踐性很強的專業(yè)基礎(chǔ)課。本課程考核曾采用了平時加期末考核的方式。平時包括了出勤和作業(yè)，期末采用了大作業(yè)的形式。作業(yè)檢查后發(fā)現(xiàn)有學(xué)生相互拷貝的現(xiàn)象，不能反映學(xué)生的真實水平。沒有課堂表現(xiàn)分，學(xué)生上課參與度不高，聽課專注度不高。平時成績的各項比例不夠細(xì)化，分值差距比較小。平時學(xué)得不扎實，期末大作業(yè)的完成情況不夠理想。因此，如何科學(xué)地設(shè)計教學(xué)方案以及考核評價體系就顯得尤為重要。

針對上述情況，本文提出了基于HTML與網(wǎng)頁設(shè)計課程的過程化考核教學(xué)方案，使教學(xué)從注重期末考試結(jié)果向注重學(xué)習(xí)過程轉(zhuǎn)變，全面提升學(xué)生的學(xué)習(xí)能力和綜合素質(zhì)。

2.HTML與網(wǎng)頁設(shè)計過程化考核方案設(shè)計

為了提高教學(xué)質(zhì)量和學(xué)生的動手實踐能力，將HTML與網(wǎng)頁設(shè)計課程進行過程化考核改革試點，對教學(xué)內(nèi)容和課時安排進行相應(yīng)調(diào)整，最終探索出一套適合我校學(xué)生特點的教學(xué)方案和考核辦法。

學(xué)生完成HTML與網(wǎng)頁設(shè)計課程學(xué)習(xí)后的總評成績由平時考核和期末考試兩大部分組成。平時考核成績所占權(quán)重為 80%，它由四個部分組成，分別是：出勤分10%、課堂作業(yè)分20%、課后作業(yè)分20%、階段測試分30%和課堂表現(xiàn)分（加分項）。

（1）出勤分采用扣分制，全勤滿分，遲到一次扣5分，曠課一次扣20分。

（2）課堂作業(yè)為課內(nèi)必須完成的作業(yè)，課堂上老師當(dāng)堂檢查登記成績。課堂時間有限，老師課堂結(jié)束時立即檢查成果。也可分組，由課堂作業(yè)完成優(yōu)秀的同學(xué)擔(dān)任組長，由組長完成此項工作，老師解答學(xué)生遇到的問題。每項課堂作業(yè)必須明確，制定詳細(xì)的評分標(biāo)準(zhǔn)，根據(jù)完成效果給分。成績記為五級分制，A、B、C、D、E或優(yōu)、良、及格、差。對應(yīng)的百分制為A-90，B-80，C-70，D-60，E-50。共計16次成績，最終課堂作業(yè)成績?nèi)∑骄煽儭?/p>

（3）課后作業(yè)是課后的預(yù)習(xí)或練習(xí)和實驗報告，每周布置一次。每周批閱一次，指出學(xué)生課后作業(yè)中的錯誤或不足，對后續(xù)的學(xué)習(xí)有很大的幫助。課后作業(yè)可以是一些課外的、學(xué)生感興趣的，如雪花飄落效果、菜單彈出效果、貪吃蛇動畫效果等，使用最新的CSS3或JQuery結(jié)合HTML5實現(xiàn)。鼓勵學(xué)生查資料完成，并上講臺講解。成績也記為五級分制，計算總評時，需轉(zhuǎn)換為百分制。共計11次成績，最終課后作業(yè)成績?nèi)∑骄煽儭?/p>

（4）三次階段測試重點考察學(xué)生的實踐能力，考核內(nèi)容如 下：第一次測試內(nèi)容為HTML的應(yīng)用，使用所學(xué)的HTML標(biāo)簽制作個人簡歷表格頁面，做到每位學(xué)生的內(nèi)容完全不同，測試在相關(guān)內(nèi)容授課完成后進行;第二次測試內(nèi)容為CSS的美化和布局，使用所學(xué)的CSS屬性設(shè)置某公司網(wǎng)頁的導(dǎo)航和頁面文字圖片效果，測試在相關(guān)內(nèi)容授課后完成;第三次測試內(nèi)容為JavaScript特效，使用JavaScript實現(xiàn)時鐘特效和圖片輪換效果，測試在相關(guān)內(nèi)容授課后完成。測試采用上機考試的方式，安排在平時的上機實驗機房，時間為120分鐘?？荚嚱Y(jié)束后，學(xué)生將電子文檔上傳至教師機。測試成績由教師根據(jù)評分標(biāo)準(zhǔn)閱卷后給定，此成績采用百分制。階段測試成績?nèi)∪纬煽兊钠骄帧?/p>

（5）課堂表現(xiàn)為加分項，積極舉手發(fā)言一次加5分，課堂作業(yè)完成速度快（前5名）一次加5分，能解決課堂上的一些疑難問題一次加5分，完成附加作業(yè)（課外）一次加5分，平時成績加到100分為止。

期末考試采用大作業(yè)的方式，要求學(xué)生自行設(shè)計并制作個人網(wǎng)站，成績權(quán)重為20%。內(nèi)容必須包含我的首頁、我的簡歷、我的愛好、我的作品和給我留言五個頁面。具體要求如下：

（1）每個頁面的設(shè)計風(fēng)格要一致。

（2）每個頁面都要有相同的導(dǎo)航條和出版信息。

（3）“我的首頁”中主要展示個人最新動態(tài)，可以是文字或圖片，必須進行CSS布局和美化。

（4）“我的愛好”中主要展示個人的興趣愛好，如攝影、運動、游戲等，可以是文字或圖片，必須進行CSS布局和美化。

（5）“我的作品”中主要展示所學(xué)課程的設(shè)計成果或優(yōu)秀作業(yè)，可以是文字或圖片，必須進行CSS布局和美化。

（6）“給我留言”頁面要對表單內(nèi)容進行驗證。

（7）加入一些JavaScript特效，如圖片切換、圖片滾動效果等。

具體評分規(guī)則如下：

（1）獨立完成，不得雷同，否則記為0分。

（2）功能要齊全，至少包括我的首頁、我的簡歷、我的愛好、我的作品和給我留言五個板塊等。（30分）

（3）界面設(shè)計要美觀，布局合理。（20分）

（4）代碼格式規(guī)范，有相關(guān)注釋。（10分）

（5）書寫實驗報告，格式要規(guī)范，內(nèi)容詳細(xì)，邏輯結(jié)構(gòu)清晰，總結(jié)合理。（40分）

3.教學(xué)方案的修訂

通過本課程的學(xué)習(xí)，使學(xué)生掌握網(wǎng)站制作相關(guān)的基礎(chǔ)知識，能用HTML語言和Dreamweaver制作、修改、編輯簡單網(wǎng)頁;能用CSS樣式進行網(wǎng)頁美化和布局;能用JavaScript實現(xiàn)網(wǎng)頁交互;培養(yǎng)學(xué)生自主學(xué)習(xí)、合作學(xué)習(xí)和動手能力;學(xué)生通過親身經(jīng)歷，提高分析和解決實際問題的能力，具備web前端開發(fā)的技術(shù)，為后續(xù)的網(wǎng)站開發(fā)類課程打下堅實的基礎(chǔ)。

本課程采用的教材是胡軍、劉伯成、劉曉強編著的《Web前端開發(fā)案例教程——HTML+CSS+JavaScript》，共11章，總課時為48課時，其中理論16課時，實踐32課時。根據(jù)教學(xué)要求和目的，結(jié)合過程化考核的全面評價體系來對理論教學(xué)內(nèi)容和實驗課時分配進行設(shè)計，具體安排如下：

第一階段理論6課時，實踐6課時，具體包含的內(nèi)容有：第1章HTML基礎(chǔ)2課時;實驗1 HTML基礎(chǔ)練習(xí)2課時;第2章 表格和表單2課時;實驗2表格布局和表單的應(yīng)用2課時;第3章框架2課時;實驗3框架的應(yīng)用2課時;第一階段測試2課時。本階段的教學(xué)目的是掌握WEB基本概念，能使用HTML基本標(biāo)簽創(chuàng)建圖文并茂的網(wǎng)頁，掌握表單的基本結(jié)構(gòu)和元素，掌握表格的使用技巧和常用屬性的設(shè)置，學(xué)會使用框架結(jié)構(gòu)實現(xiàn)多窗口頁面，使用