于萬國，遲 劍，蔡永華，傅冬穎，王子暢

(河北民族師范學(xué)院 數(shù)學(xué)與計算機(jī)科學(xué)學(xué)院，河北 承德 067000)

地方本科院校承擔(dān)著培養(yǎng)高層次應(yīng)用型人才的主要任務(wù)，應(yīng)用型人才培養(yǎng)應(yīng)設(shè)計好人才培養(yǎng)目標(biāo)、人才培養(yǎng)方案(重點(diǎn)是課程設(shè)置)、教學(xué)方法和手段、教學(xué)評價、質(zhì)量保障監(jiān)督體系等一系列環(huán)節(jié)[1]。通過河北民族師范學(xué)院與石家莊佳誠網(wǎng)絡(luò)技術(shù)有限公司3年的校企合作，對計算機(jī)專業(yè)應(yīng)用型人才培養(yǎng)進(jìn)行了實踐與探索，形成了“多元”的培養(yǎng)目標(biāo)，建立了“分層、連貫、項目化”的教學(xué)體系，實現(xiàn)了“基礎(chǔ)、應(yīng)用、設(shè)計、創(chuàng)新”相結(jié)合，具有可操作、有效的計算機(jī)應(yīng)用型人才培養(yǎng)的課程體系，建立了教學(xué)、實踐、實習(xí)環(huán)節(jié)、能力保障體系等[2]，助推學(xué)院應(yīng)用轉(zhuǎn)型的步伐。下面以Web開發(fā)應(yīng)用型人才培養(yǎng)模式下的《HTML+CSS網(wǎng)頁設(shè)計與制作》應(yīng)用型課程建設(shè)為例，闡述通過校企合作進(jìn)行應(yīng)用型人才培養(yǎng)的各個關(guān)鍵環(huán)節(jié)。

1 應(yīng)用型人才培養(yǎng)方向

企業(yè)和學(xué)校對市場Web開發(fā)工作從崗位需求、工資收入、就業(yè)形勢、招聘條件、技術(shù)要求、未來發(fā)展趨勢等方面進(jìn)行了多方面調(diào)研，結(jié)合企業(yè)的自身技術(shù)優(yōu)勢，確定該方向為河北民族師范學(xué)院計算機(jī)專業(yè)的應(yīng)用型人才培養(yǎng)目標(biāo)之一，并確定了Web開發(fā)方向的培養(yǎng)目標(biāo)，包括知識目標(biāo)、能力目標(biāo)和素質(zhì)目標(biāo)，進(jìn)而達(dá)到Web開發(fā)工程師所應(yīng)該具有的良好的職業(yè)素質(zhì)、職業(yè)能力和Web開發(fā)技術(shù)理論知識。

2 人才培養(yǎng)方案

按照新工科認(rèn)定要求制訂人才培養(yǎng)方案，包括畢業(yè)生畢業(yè)后5年預(yù)期達(dá)到的培養(yǎng)目標(biāo)，畢業(yè)生從知識、能力、素質(zhì)3方面將達(dá)到的畢業(yè)要求和若干細(xì)化的指標(biāo)點(diǎn)、畢業(yè)要求與培養(yǎng)目標(biāo)關(guān)系矩陣表、課程設(shè)置、畢業(yè)要求與教學(xué)環(huán)節(jié)的關(guān)系矩陣表等。關(guān)鍵是課程設(shè)置，包括基礎(chǔ)課程、核心課程、實踐課程設(shè)置，重點(diǎn)介紹專業(yè)課程設(shè)置。

將整個Web開發(fā)方向教學(xué)計劃分成4個階段，每個階段對應(yīng)目標(biāo)職位和課程體系。第一個階段對應(yīng)的目標(biāo)職位為：前端布局工程師，需要的課程體系為Web基礎(chǔ)(HTML、CSS)、Photoshop、JavaScript初級、綜合案例等；第二個階段對應(yīng)的目標(biāo)職位為前端交互工程師，需要的課程體系為JavaScript高級、模塊化開發(fā)、jQuery、SEO優(yōu)化、綜合案例等；第三個階段對應(yīng)的目標(biāo)職位為移動端工程師，需要的課程體系為HTML5基礎(chǔ)、HTML5新API、移動端技術(shù)、團(tuán)隊協(xié)作、移動端框架、綜合案例等；第四個階段對應(yīng)的目標(biāo)職位為HTML5全棧工程師，需要的課程體系為OOCSS&CSS預(yù)處理器、微信開發(fā)、混合開發(fā)、游戲開發(fā)、后端基礎(chǔ)、綜合實訓(xùn)、就業(yè)指導(dǎo)等。具體的課程體系如圖1所示。

圖1 Web開發(fā)方向教學(xué)計劃

3 Web基礎(chǔ)(HTML、CSS)課程定位、設(shè)計、實施、評價環(huán)節(jié)

Web基礎(chǔ)(HTML、CSS)即《HTML+CSS網(wǎng)頁設(shè)計與制作》，是Web開發(fā)方向開設(shè)的第一門課程，從課程定位、設(shè)計、實施、評價4個方面講述該課程的應(yīng)用型建設(shè)情況。

3.1 以培養(yǎng)應(yīng)用人才為目標(biāo)的課程定位

學(xué)情分析：該課程在大一的第一學(xué)期開設(shè)，學(xué)生學(xué)習(xí)熱情高，求知欲強(qiáng)，可塑性強(qiáng)，但計算機(jī)的實際操作能力較弱，對理論講解不感興趣，自主創(chuàng)作設(shè)計能力不足，還沒有養(yǎng)成學(xué)習(xí)計算機(jī)的基本素養(yǎng)。

課程性質(zhì)：該課程是河北民族師范學(xué)院計算機(jī)科學(xué)與技術(shù)、軟件工程2個專業(yè)的必修課，是Web開發(fā)方向的專業(yè)基礎(chǔ)課，每周4學(xué)時，通過本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的網(wǎng)頁設(shè)計、制作、網(wǎng)站的開發(fā)能力。

根據(jù)Web開發(fā)崗位的行業(yè)需要，制訂了這門課程的培養(yǎng)目標(biāo)，包括知識目標(biāo)、能力目標(biāo)和素質(zhì)目標(biāo)。

知識目標(biāo)：

(1)了解網(wǎng)頁設(shè)計的基礎(chǔ)知識、目錄結(jié)構(gòu)定義、主流頁面布局、導(dǎo)航欄制作、圖文排版等；

(2)掌握網(wǎng)站規(guī)劃、設(shè)計、制作、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能；

(3)熟練運(yùn)用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體標(biāo)記及屬性構(gòu)建各種網(wǎng)頁內(nèi)容；

(4)熟練使用CSS對網(wǎng)頁內(nèi)容進(jìn)行修飾；

(5)掌握使用CSS+DIV對網(wǎng)頁布局。

能力目標(biāo)：

(1)掌握網(wǎng)頁編輯工具的使用；

(2)熟練運(yùn)用HTML、CSS、DIV進(jìn)行網(wǎng)頁的設(shè)計和制作能力；

(3)運(yùn)用所學(xué)知識解決網(wǎng)頁設(shè)計中所遇到的實際問題能力；

(4)培養(yǎng)學(xué)生收集、處理信息、準(zhǔn)備、加工素材的能力。

素質(zhì)目標(biāo)：

(1)溝通能力和協(xié)作精神；

(2)勤于思考、認(rèn)真踏實的工作作風(fēng)；

(3)自主探索學(xué)習(xí)解決實際問題的綜合素養(yǎng)；

(4)運(yùn)用所學(xué)知識創(chuàng)新的能力。

關(guān)鍵是素質(zhì)目標(biāo)的形成，對后繼課程的學(xué)習(xí)至關(guān)重要。

3.2 以培養(yǎng)實踐能力為核心的課程設(shè)計

定位該課程的指導(dǎo)思想是緊跟行業(yè)發(fā)展的需要設(shè)計教學(xué)內(nèi)容，用真實的項目采用項目驅(qū)動法組織課堂教學(xué)。這門課最初使用的教材是孫良軍等主編的清華大學(xué)出版社出版的《HTML+CSS+JavaScript網(wǎng)頁設(shè)計與布局實用教程》，原有課程結(jié)構(gòu)如圖2所示。在使用過程中，存在一些問題，如重點(diǎn)難點(diǎn)不突出、有些內(nèi)容已經(jīng)過時、有些內(nèi)容敘述過于詳細(xì)、有些內(nèi)容又過于簡單、缺少實用性內(nèi)容等，通過兩年的實踐，教學(xué)組對原有的課程結(jié)構(gòu)進(jìn)行了增、刪、改，制訂了新的課程結(jié)構(gòu)[3]，如圖3所示，并編寫了相應(yīng)的校本教材。

圖2 原有課程結(jié)構(gòu)及重構(gòu)情況

圖3 新的課程結(jié)構(gòu)

新的課程結(jié)構(gòu)在傳統(tǒng)教學(xué)模式“理論+案例”的基礎(chǔ)上增加了項目實踐。其中，“項目”就是一個個網(wǎng)頁，從簡單到復(fù)雜，從一個網(wǎng)頁到一個網(wǎng)站，從最初的模仿做到最后的自己探索設(shè)計，并形成課程的實踐教學(xué)體系[4]，如圖4所示。

圖4 實踐教學(xué)體系

在實踐教學(xué)體系中，教學(xué)組把項目實踐分成了2個階段：專業(yè)技能形成階段(10周左右時間)、職業(yè)核心技能形成階段(4～5周左右時間)；6個層次：前3個層次屬于模仿階段，后3個層次屬于獨(dú)立探索開發(fā)階段。

3.3 以混合式教學(xué)方法展開項目化教學(xué)的課程實施

在教學(xué)過程中，采用翻轉(zhuǎn)課堂、典型案例精講、項目教學(xué)貫穿始終、網(wǎng)絡(luò)教學(xué)平臺的應(yīng)用、分組實施、團(tuán)隊協(xié)作等教學(xué)方法和手段[5]。其中翻轉(zhuǎn)課堂采用雪梨教育平臺同步課的教學(xué)視頻(http://www.edu2act.net/course/web-qian-duan-kai-fa-yi/kcjj/)，該視頻以知識點(diǎn)為單位進(jìn)行講解，每段視頻20～30 min，學(xué)生課下看視頻，教師課上進(jìn)行重點(diǎn)難點(diǎn)的剖析，實施項目化教學(xué)，對于比較大的項目，考慮到課時少的情況，采用分組實施、團(tuán)隊協(xié)作的方式完成。在教學(xué)過程中，充分利用雪梨教育平臺上的視頻、W3SCHOOL學(xué)習(xí)網(wǎng)站(http://www.w3school.com.cn/)、學(xué)校的泛雅平臺(http://hbun.fanya.chaoxing.com/portal)等網(wǎng)絡(luò)資源。其中部分教學(xué)活動可以在泛雅平臺上進(jìn)行，如課程目錄管理、活動的組織(包括簽到、投票/問卷、搶答、選人、評分等)、資料庫的管理(如課程資料、題庫、作業(yè)庫、試卷庫等的管理)、通知的管理、討論區(qū)、班級和教學(xué)團(tuán)隊的管理等。泛雅平臺應(yīng)用界面如圖5所示。

圖5 泛雅平臺應(yīng)用界面

在項目實踐體系實施過程中，采用明確任務(wù)、制訂計劃、收集信息、設(shè)計制作、檢查評測5個環(huán)節(jié)的實施過程[6](圖6)。在明確任務(wù)階段，早期主要向?qū)W生展示已有項目的效果圖，學(xué)生模仿完成，后期是任務(wù)要求，學(xué)生自主探索完成。在檢查評測階段，采用學(xué)生展示作品、教師提問、學(xué)生答辯、學(xué)生互評、教師講評等手段。

圖6 項目實踐體系實施環(huán)節(jié)

3.4 促進(jìn)學(xué)生發(fā)展的過程性課程評價

課程的考核評價由3部分組成：平時考核、平時技能考核、期末綜合實訓(xùn)考核。具體考核標(biāo)準(zhǔn)見表1。

表1 課程的考核評價組成

其中平時考核、平時技能考核屬于實踐教學(xué)體系中專業(yè)技能形成的考核，比較容易把握；期末綜合實訓(xùn)考核屬于職業(yè)核心技能形成的考核，大概需要4～5周的時間完成，不容易把握，因此又制定了期末課程設(shè)計的考核要求和評分標(biāo)準(zhǔn)，并要求提交網(wǎng)頁設(shè)計說明文檔。

3.5 實施效果

課程在去年17級計算機(jī)科學(xué)與技術(shù)、17級軟件工程2個專業(yè)同時開設(shè)，取得了較好的教學(xué)效果，圖7是2個專業(yè)學(xué)生的成績統(tǒng)計。

圖7 兩個專業(yè)學(xué)生成績統(tǒng)計

4 結(jié) 論

通過基于項目驅(qū)動教學(xué)的《HTML+CSS網(wǎng)頁設(shè)計與制作》應(yīng)用型課程建設(shè)，取得了突出的教學(xué)效果，學(xué)生實踐能力得到提升，并能學(xué)以致用，做到了“真學(xué)、真做、真掌握”“在學(xué)中做、做中學(xué)、以做促學(xué)、知行合一”。課程的應(yīng)用型課程建設(shè)經(jīng)驗在全校應(yīng)用型課程大賽中獲二等獎，并進(jìn)行推廣實施。