網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)改革研究

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)改革研究范文，希望能給你帶來靈感和參考，敬請(qǐng)閱讀。

摘要：該文在分析當(dāng)前高職院校HMTL5網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)方面存在問題的同時(shí)，以惠州經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院軟件技術(shù)專業(yè)為例，依托本校產(chǎn)教融合條件，探索以企業(yè)真實(shí)項(xiàng)目推動(dòng)HTML5課程教學(xué)改革的實(shí)踐方案。

關(guān)鍵詞：HTML5網(wǎng)頁(yè)設(shè)計(jì)課程；產(chǎn)教融合；企業(yè)真實(shí)項(xiàng)目；教學(xué)改革

1緒論

近年來我國(guó)對(duì)于職業(yè)教育的發(fā)展十分重視，2018年2月，教育部等六部門聯(lián)合制定并了《職業(yè)學(xué)校校企合作促進(jìn)辦法》。2019年初，國(guó)務(wù)院了《國(guó)家職業(yè)教育改革實(shí)施方案》，明確提出了未來5到10年，逐步構(gòu)建職業(yè)教育國(guó)家標(biāo)準(zhǔn)，啟動(dòng)1+X證書制度試點(diǎn)工作，實(shí)施促進(jìn)產(chǎn)教融合校企“雙元”育人等政策。這些政策表明，隨著社會(huì)對(duì)人才能力要求的提高，走校企合作、產(chǎn)教融合道路是高職教育發(fā)展的重要途徑。在實(shí)踐教學(xué)中如何落實(shí)產(chǎn)教融合，促使著職業(yè)教育工作者開展廣泛的思考和研究工作。本文以惠州經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院的HTML5網(wǎng)頁(yè)設(shè)計(jì)課程為例，以本校產(chǎn)教融合案例為依托，研究以企業(yè)真實(shí)項(xiàng)目推動(dòng)課程教學(xué)改革。

2當(dāng)前高職院校

HTML5課程教學(xué)中存在問題分析隨著移動(dòng)通信技術(shù)的高速發(fā)展，HTML5的應(yīng)用越來越廣泛，其一專多能、跨平臺(tái)、開發(fā)成本低等特性不僅造就了它的行業(yè)地位，并使其成為各高職院校軟件技術(shù)專業(yè)的核心課程。目前，市場(chǎng)對(duì)于精通HTML5的Web前端開發(fā)人才需求旺盛，但不少企業(yè)反映應(yīng)聘該類崗位的高職學(xué)生質(zhì)量有待提升，這種尷尬局面的出現(xiàn)主要有以下幾個(gè)方面的原因：（1）雖然大多數(shù)高職院校將HTML5課程列入核心課程范圍，但在實(shí)際的教學(xué)過程中，并沒有給予足夠的重視；（2）部分教師對(duì)于該課程的職業(yè)技能要求不明確，對(duì)該技術(shù)的鉆研不夠深入；（3）課程內(nèi)容與實(shí)際工作相脫節(jié)，難以有效地指導(dǎo)開發(fā)工作；（4）學(xué)習(xí)效果的評(píng)價(jià)方式傳統(tǒng)單一，單純通過紙質(zhì)試卷進(jìn)行考核依然大行其道。

3以企業(yè)真實(shí)項(xiàng)目推動(dòng)

HTM5課程教學(xué)改革的具體措施為解決當(dāng)前高職院校HTML5網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中存在的問題，本文以惠州經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院軟件技術(shù)專業(yè)為例，以培養(yǎng)適應(yīng)市場(chǎng)需求的高素質(zhì)技術(shù)技能型人才為目標(biāo)，探索以企業(yè)真實(shí)項(xiàng)目推動(dòng)課程教學(xué)改革的創(chuàng)新性實(shí)踐方案。

3.1踐行“以職業(yè)為導(dǎo)向、項(xiàng)目為載體”的現(xiàn)代育人模式

在HTML5網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)過程中，始終踐行“以職業(yè)為導(dǎo)向、項(xiàng)目為載體、任務(wù)為驅(qū)動(dòng)、技能為核心”的育人理念。為解決過去課程內(nèi)容落后于行業(yè)技術(shù)發(fā)展等問題，以本校校企合作案例為依托，由具備豐富實(shí)踐教學(xué)經(jīng)驗(yàn)的“雙師型”教師聯(lián)合企業(yè)工程師，共同開展職業(yè)能力調(diào)研分析工作。以Web前端開發(fā)工程師作為HTML5網(wǎng)頁(yè)設(shè)計(jì)課程所面向的核心崗位，研究整理該課程的技能目標(biāo)、知識(shí)目標(biāo)和素質(zhì)目標(biāo)。然后以企業(yè)真實(shí)開發(fā)項(xiàng)目為載體，結(jié)合人才培養(yǎng)目標(biāo)，突出技能的核心地位，重視學(xué)生職業(yè)生涯的可持續(xù)發(fā)展，重新梳理課程教學(xué)內(nèi)容。

3.2構(gòu)建“以教師為主導(dǎo)、學(xué)生為主體”的教學(xué)模式

突出學(xué)生的主體地位。教師通過重構(gòu)教學(xué)內(nèi)容，在課堂教學(xué)的過程中，一方面引導(dǎo)學(xué)生自主學(xué)習(xí)、自主探究、獨(dú)立思考并解決問題，另一方面引導(dǎo)學(xué)生形成工作小組，成員間相互協(xié)調(diào)，共同完成開發(fā)項(xiàng)目，培養(yǎng)團(tuán)隊(duì)精神。在教學(xué)過程中，除培養(yǎng)學(xué)生的技術(shù)能力外，同時(shí)培養(yǎng)他們與人溝通協(xié)作的能力，特別是與產(chǎn)品經(jīng)理對(duì)接、與UI設(shè)計(jì)師溝通、和項(xiàng)目經(jīng)理溝通、明確最終用戶的需求等Web前端開發(fā)工程師應(yīng)具備的職業(yè)素養(yǎng)。

3.3重點(diǎn)推行項(xiàng)目式教學(xué)，培養(yǎng)學(xué)生的職業(yè)技能

在HTML5網(wǎng)頁(yè)設(shè)計(jì)課程的實(shí)踐教學(xué)中，教師通過項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)法、分組教學(xué)法、自主學(xué)習(xí)探究法、案例教學(xué)法、講授法等多種方法的有機(jī)組合，提高學(xué)生的學(xué)習(xí)興趣，培養(yǎng)他們的職業(yè)技能。本著理論知識(shí)夠用、實(shí)踐能力扎實(shí)的原則，重點(diǎn)采用項(xiàng)目教學(xué)法和任務(wù)驅(qū)動(dòng)法組織教學(xué)。

3.3.1選取合適的企業(yè)項(xiàng)目融入教學(xué)

項(xiàng)目教學(xué)起源于20世紀(jì)80年代的德國(guó)，是一種建立在建構(gòu)主義學(xué)習(xí)理論基礎(chǔ)上的、有別于傳統(tǒng)教學(xué)的新型教學(xué)法。建構(gòu)既是對(duì)新知識(shí)的理解與掌握，同時(shí)又包含對(duì)原有經(jīng)驗(yàn)和知識(shí)的改造和重組，綜合形成新的知識(shí)結(jié)構(gòu)。該方法提倡以學(xué)生為中心，教師在整個(gè)過程中起組織、指導(dǎo)、幫助和促進(jìn)的作用。項(xiàng)目教學(xué)能夠較好地激發(fā)學(xué)生的學(xué)習(xí)興趣和求知欲望，培養(yǎng)學(xué)生自主學(xué)習(xí)和分析問題、解決問題的能力。項(xiàng)目選取是實(shí)現(xiàn)項(xiàng)目式教學(xué)的重要前提，以往這些綜合項(xiàng)目基本來自教師的個(gè)人經(jīng)驗(yàn)或者是各知識(shí)點(diǎn)教科書式的整合，其缺乏社會(huì)實(shí)踐性和時(shí)效性，讓項(xiàng)目教學(xué)流于形式。為解決項(xiàng)目選材問題，教師借助所在院校的產(chǎn)教融合基地——IT創(chuàng)新創(chuàng)業(yè)研發(fā)中心，該中心由學(xué)校與本地IT公司共同打造，實(shí)現(xiàn)產(chǎn)學(xué)研用一體化。以該中心為依托，企業(yè)為HTML5網(wǎng)頁(yè)設(shè)計(jì)課程開展項(xiàng)目式教學(xué)提供充足、真實(shí)的項(xiàng)目素材。項(xiàng)目素材的選取并不是直接將開發(fā)任務(wù)交給學(xué)生，而是經(jīng)過嚴(yán)謹(jǐn)?shù)暮Y選、廣泛的討論和深入的研究。項(xiàng)目的選取將經(jīng)過以下幾個(gè)階段：（1）收集項(xiàng)目資料首先將項(xiàng)目進(jìn)行分類，從規(guī)模上劃分為：大型項(xiàng)目、中型項(xiàng)目、小型項(xiàng)目，該分類是以功能模塊數(shù)量和數(shù)據(jù)庫(kù)規(guī)模等方面為依據(jù)；從難度上劃分為A至E五個(gè)等級(jí)，該分類是以企業(yè)中等開發(fā)能力工程師的標(biāo)準(zhǔn)進(jìn)行衡量，此項(xiàng)參數(shù)評(píng)定多數(shù)由企業(yè)所提供；從時(shí)間維度上劃分為：長(zhǎng)、中、短三種周期，一般來說在三個(gè)月內(nèi)完成的為短周期項(xiàng)目，一年內(nèi)完成的為中等周期項(xiàng)目，一年以上的為長(zhǎng)周期項(xiàng)目；從完成度上劃分為：已完成項(xiàng)目、進(jìn)行中項(xiàng)目、未開展項(xiàng)目。然后按照不同類別，收集相關(guān)材料，包括業(yè)務(wù)分析文件、需求分析文件、功能清單、原型設(shè)計(jì)、開發(fā)說明文檔、數(shù)字字典、源碼等。若涉及保密協(xié)議、軟件著作權(quán)等問題，則另行處理。資料收集是一個(gè)長(zhǎng)期的過程，目前已形成了項(xiàng)目素材資料庫(kù)，隨著合作的深入和項(xiàng)目的增多，將定期添加和更新內(nèi)容。（2）選取合適項(xiàng)目當(dāng)項(xiàng)目資料儲(chǔ)備到一定程度后，選取合適素材開展項(xiàng)目式教學(xué)，主要考慮以下幾點(diǎn)：一是前期課程的開設(shè)情況，根據(jù)目前本校軟件技術(shù)專業(yè)人才培養(yǎng)方案，HTML5的前期課程包括圖形圖像設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)、Javascript腳本語言等，教師把前期課程按照相關(guān)度進(jìn)行排序，依據(jù)考核情況評(píng)估學(xué)生準(zhǔn)備知識(shí)的掌握程度；二是根據(jù)職業(yè)崗位能力所梳理的知識(shí)技能結(jié)構(gòu)，匹配知識(shí)覆蓋面廣的企業(yè)項(xiàng)目；三是根據(jù)學(xué)生的實(shí)際情況、人才教養(yǎng)目標(biāo)、實(shí)訓(xùn)條件等客觀因素，在盡可能保持企業(yè)項(xiàng)目的完整性、真實(shí)性、時(shí)效性的基礎(chǔ)上，對(duì)項(xiàng)目素材進(jìn)行適當(dāng)加工，通常是給予更豐富的研究資料和需求分析說明。四是將課程教學(xué)劃分為基礎(chǔ)學(xué)習(xí)和鞏固提高兩個(gè)階段：基礎(chǔ)學(xué)習(xí)階段，教師選取知識(shí)覆蓋面廣、開發(fā)難度較低、周期較短的企業(yè)項(xiàng)目融入教學(xué)，教學(xué)方法多采用任務(wù)驅(qū)動(dòng)法+案例教學(xué)法+講授法的組合方式，各任務(wù)分別對(duì)應(yīng)獨(dú)立的知識(shí)模塊，目的在于通過真實(shí)項(xiàng)目的拆解，讓學(xué)生掌握必要的理論知識(shí)和操作技能；鞏固提高階段，所選取的項(xiàng)目難度有所提升，通常為企業(yè)評(píng)級(jí)的中等難度（B到C之間），此階段通常采用項(xiàng)目教學(xué)法+分組教學(xué)法+分層教學(xué)法+自主學(xué)習(xí)探究法的有機(jī)組合，教師按照優(yōu)勢(shì)互補(bǔ)原則組織學(xué)生形成工作小組，引導(dǎo)學(xué)生以團(tuán)隊(duì)方式完成企業(yè)真實(shí)項(xiàng)目。

3.3.2采用真實(shí)的軟件開發(fā)流程，培養(yǎng)職業(yè)能力

在項(xiàng)目式教學(xué)過程中，教師采用企業(yè)真實(shí)的軟件開發(fā)流程組織教學(xué)，引入“移動(dòng)開發(fā)規(guī)范”和“CMMI過程域管理”兩大軟件工程質(zhì)量管理體系，從專業(yè)化、規(guī)范化、職業(yè)化的角度，讓學(xué)生以Web前端開發(fā)工程師的角色定位、以企業(yè)真正的質(zhì)量要求完成所分配的項(xiàng)目，培養(yǎng)學(xué)生的職業(yè)素養(yǎng)和高水平開發(fā)技能。

3.3.3引入企業(yè)化管理模式，樹立職業(yè)者思想

在教學(xué)過程中引入企業(yè)化管理模式，樹立職業(yè)者思想。教師將學(xué)生分成若干工作小組，實(shí)行小組長(zhǎng)負(fù)責(zé)制。小組長(zhǎng)負(fù)責(zé)與教師進(jìn)行對(duì)接，根據(jù)所提供的需求分析等資料，制定并落實(shí)工作計(jì)劃；與組內(nèi)成員溝通，分配好工作任務(wù)；在項(xiàng)目開展的過程中，做好進(jìn)度管理和質(zhì)量監(jiān)控；項(xiàng)目完成后，組織內(nèi)部測(cè)試和整改工作；最終上交工作任務(wù)，并安排成員進(jìn)行成果展示。在此過程中，教師成為引導(dǎo)者、監(jiān)控者、觀察者和解惑者。

3.4采用多元化評(píng)價(jià)方式，全面考查學(xué)習(xí)效果

為提高學(xué)習(xí)效果評(píng)定的真實(shí)性、科學(xué)性和全面性，采用“教師評(píng)價(jià)+企業(yè)工程師評(píng)價(jià)+自我評(píng)價(jià)+小組評(píng)價(jià)”的多元化評(píng)價(jià)方式。在評(píng)價(jià)過程中，參照企業(yè)員工技能等級(jí)評(píng)定方式和績(jī)效考核標(biāo)準(zhǔn)，形成多維度量化考核標(biāo)準(zhǔn)，全面考查學(xué)習(xí)效果。

4結(jié)束語

目前，以企業(yè)真實(shí)項(xiàng)目推動(dòng)HTML5網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)改革已在本校軟件技術(shù)專業(yè)開展，學(xué)生已完成了“移動(dòng)查貨系統(tǒng)”“EMFS生產(chǎn)管理系統(tǒng)移動(dòng)端”“進(jìn)銷存管理系統(tǒng)”等項(xiàng)目的HT⁃ML5開發(fā)，項(xiàng)目的完成質(zhì)量和學(xué)生的技能水平得到了企業(yè)的高度認(rèn)可，學(xué)習(xí)效果有了明顯的提升。

參考文獻(xiàn);

[1]謝文明.校企合作機(jī)制下理實(shí)一體化教學(xué)模式探析[J].職業(yè)技術(shù)教育,2011(17):34-36.

[2]施一飛.“新工科”建設(shè)下前端開發(fā)課程理實(shí)一體化教學(xué)改革實(shí)踐[J].科技視界,2017(33):25-26.

[3]牛蕓,劉婧,祝瑞玲.“互聯(lián)網(wǎng)+”時(shí)代背景下的《H5網(wǎng)頁(yè)前端開發(fā)》課程教學(xué)改革探索[J].創(chuàng)新創(chuàng)業(yè)理論研究與實(shí)踐,2018(11):23-24.

[4]陸國(guó)浩,許禮捷.高職院校計(jì)算機(jī)相關(guān)專業(yè)實(shí)訓(xùn)課程教學(xué)改革的研究[J].湖北函授大學(xué)學(xué)報(bào),2018(15):123-124.

作者：鄺楚文 單位：惠州經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院