基于H5網頁前端開發的項目啟發式教學探究
2018-06-11 11:17:58王可心
現代職業教育·中職中專 2018年12期
王可心
[摘? ? ? ? ? ?要]? H5網頁前端開發是面向計算機專業的一門前端開發項目實戰課程，操作性及可實踐性非常強，教學中除了對理論知識的學習，應該加強對學生動手能力的培養，以HTML5表單的應用為例，對H5網頁前端開發進行項目啟發式課堂教學探究。
[關? ? 鍵? ?詞]? 網頁前端開發;項目啟發式;教學探究
[中圖分類號]? G642? ? ? ? ? ? ? ? ? ?[文獻標志碼]? A? ? ? ? ? ? ? ? ? ? ? [文章編號]? 2096-0603（2018）35-0101-01
隨著互聯網的高速發展，高素質的網頁前端開發人員需求量越來越大，因而H5網頁前端開發作為網頁前端開發的專業課越來越受到重視，作為應用型民辦普通本科高校，該以什么樣的方式進行課堂教學，需要我們進行探索和研究。
一、課程現狀與問題
（一）課程現狀
Web應用服務的快速發展推動了Web技術的快速發展，更多的敏捷開發技術縮短了Web應用項目的開發周期，Web表現形式和用戶體驗也發生了極大改變。
Web前端開發是高校計算機專業的一門專業技能課程，學完該課程后學生應具備獨立設計開發一定水準的網站的能力，但是由于該課程的內容涉及較多、技術性較強、涉及面較廣、技能和實踐要求較高，學生個體差異較大等原因，傳統的教學思路和教學方法不能滿足課程教學的要求。
（二）存在的問題
對于網頁前端開發的學習，在教學上普遍采用教師課堂上講授相關知識，學生在實驗課上對所學知識點進行練習的方式，很難發現和評估在實驗學習中暴露出語法等基礎方面的問題。由于較少組織項目級別和團隊模式下的實踐學習，學生的學習僅僅停留在知識點的掌握層面，鮮有項目開發經驗的積累。
二、課堂教學設計
在本課程的講解過程中，我們摒棄了傳統的知識點講解方法，為了能夠培養學生的編程興趣，達到自主學習的目的，我們采用以項目為導向，串講網頁開發中的知識點，讓學生更清晰地了解學習目的，使枯燥的代碼形象化，下面我們以H5網頁前端開發的HTML5表單的應用為例，進行項目啟發式教學設計探究。
（一）創設情境
教師首先介紹，本單元要完成兩個項目。項目1：移動版登陸頁面。項目描述：本項目要完成一個移動版的用戶登錄頁面，包含用戶名輸入框、密碼輸入框和登錄按鈕，其中“用戶名”“密碼”為提示文字，在用戶輸入文字后會自動消失，只保留用戶輸入的文字，獲得焦點的文本框顏色會發生變化。項目2：用戶注冊頁面。項目描述：用戶注冊是指將用戶的相關信息提交到服務器的過程，沒有注冊的用戶無權使用網站的一些功能，將某個輸入框獲得焦點后會變寬，未填寫正確信息時為紅色且有警示圖標。
（二）明確學習目標
項目1學習目標：（1）要求學生掌握表單的應用;（2）要求學生掌握HTML5標簽的應用;（3）要求學生清晰該項目的實現效果和頁面結構;（4）要求學生了解該項目的實現細節以及相關知識點的應用。
項目2學習目標：（1）要求學生掌握其