基于工作過(guò)程的《網(wǎng)頁(yè)綜合實(shí)訓(xùn)》課程教學(xué)設(shè)計(jì)

摘 要：基于工作過(guò)程的課程開發(fā)是目前高職院校普遍認(rèn)同的課程改革思想，在此思想指導(dǎo)下進(jìn)行的《網(wǎng)頁(yè)綜合實(shí)訓(xùn)》課程開發(fā)及探索，基于崗位需求確定課程教學(xué)目標(biāo)，根據(jù)工作過(guò)程對(duì)教學(xué)內(nèi)容、教學(xué)方法和考核方式進(jìn)行詳細(xì)設(shè)計(jì)，提高了學(xué)生的崗位工作能力。

關(guān)鍵詞：工作過(guò)程;課程設(shè)計(jì);情境設(shè)計(jì);網(wǎng)頁(yè)設(shè)計(jì)

一、研究背景

根據(jù)齊魯網(wǎng)及山東傳媒職業(yè)學(xué)院畢業(yè)生崗位調(diào)研結(jié)果，我校畢業(yè)生在網(wǎng)頁(yè)設(shè)計(jì)方面適應(yīng)的崗位主要有網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)、前端網(wǎng)頁(yè)開發(fā)、后臺(tái)動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)等。

網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)：主要應(yīng)用Photoshop、Illustrator等圖片處理和圖形設(shè)計(jì)工具;

前端網(wǎng)頁(yè)開發(fā)：主要應(yīng)用Dreamweaver、Notepad++、Editplus等網(wǎng)頁(yè)編碼工具;

后臺(tái)動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)：主要應(yīng)用Mysql數(shù)據(jù)庫(kù)、PHP動(dòng)態(tài)頁(yè)面開發(fā)工具等。

這些工作崗位要求學(xué)生熟悉整個(gè)網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)的工作流程，具備所需的基本知識(shí)和操作技能，同時(shí)還要有良好的職業(yè)道德和團(tuán)隊(duì)精神，以適應(yīng)行業(yè)發(fā)展需求。為了進(jìn)一步實(shí)現(xiàn)職業(yè)院校的人才培養(yǎng)目標(biāo)，提高職業(yè)教育的教學(xué)質(zhì)量，圍繞實(shí)際的網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)的工作過(guò)程，對(duì)《網(wǎng)頁(yè)綜合實(shí)訓(xùn)》課程進(jìn)行改革和開發(fā)。

二、課程設(shè)計(jì)原則和設(shè)計(jì)依據(jù)

設(shè)計(jì)原則：以學(xué)生為主體，提高學(xué)生的學(xué)習(xí)興趣;以職業(yè)崗位任務(wù)為導(dǎo)向，組織教學(xué)內(nèi)容;以職業(yè)崗位需求為依據(jù)，突出職業(yè)能力培養(yǎng);以項(xiàng)目為載體，訓(xùn)練學(xué)生職業(yè)崗位能力和自學(xué)能力。

設(shè)計(jì)依據(jù)：本課程以真實(shí)完整的網(wǎng)站開發(fā)項(xiàng)目為載體設(shè)計(jì)教學(xué)過(guò)程，以網(wǎng)站技術(shù)人員的崗位工作任務(wù)為依據(jù)，設(shè)計(jì)相應(yīng)教學(xué)工作任務(wù)，以這些工作任務(wù)為載體設(shè)計(jì)學(xué)習(xí)情境。教師帶領(lǐng)學(xué)生在網(wǎng)絡(luò)機(jī)房完成網(wǎng)站項(xiàng)目的開發(fā)設(shè)計(jì)任務(wù)，學(xué)生以小組為單位開展工作任務(wù)。

三、根據(jù)崗位能力要求和專業(yè)培養(yǎng)目標(biāo)，確定課程培養(yǎng)目標(biāo)

1.崗位能力目標(biāo)

（1）網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)：要求學(xué)生能對(duì)網(wǎng)站結(jié)構(gòu)進(jìn)行規(guī)劃及功能設(shè)計(jì)、能利用ps等工具設(shè)計(jì)制作網(wǎng)頁(yè)頁(yè)面效果圖;

（2）前端網(wǎng)頁(yè)開發(fā)：能將網(wǎng)頁(yè)效果圖重構(gòu)為HTML網(wǎng)頁(yè)、能為網(wǎng)頁(yè)添加常用的js特效;

（3）后臺(tái)動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)：能進(jìn)行網(wǎng)站后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì);能對(duì)常用的動(dòng)態(tài)頁(yè)面功能模塊進(jìn)行開發(fā)。

2.職業(yè)素質(zhì)目標(biāo)

完成具體工作項(xiàng)目，要求學(xué)生能自主學(xué)習(xí)和查閱資料。通過(guò)網(wǎng)絡(luò)搜索資源，首先通過(guò)模仿然后舉一反三，自主分析問(wèn)題、解決問(wèn)題;完成整個(gè)網(wǎng)站開發(fā)工作項(xiàng)目，要求學(xué)生具備良好的職業(yè)道德，能夠團(tuán)結(jié)協(xié)作共同完成工作任務(wù)，重在培養(yǎng)學(xué)生的團(tuán)隊(duì)合作能力和愛(ài)崗敬業(yè)精神。

四、根據(jù)工作流程，基于工作任務(wù)，設(shè)計(jì)學(xué)習(xí)情境

1.設(shè)計(jì)思路

網(wǎng)站開發(fā)實(shí)際工作任務(wù)主要包括網(wǎng)站規(guī)劃設(shè)計(jì)、網(wǎng)站前端設(shè)計(jì)、網(wǎng)站后臺(tái)開發(fā)、運(yùn)營(yíng)與維護(hù)。網(wǎng)站開發(fā)過(guò)程中的重要環(huán)節(jié)為設(shè)計(jì)與開發(fā)，即網(wǎng)站規(guī)劃設(shè)計(jì)→網(wǎng)站前端設(shè)計(jì)→網(wǎng)站后臺(tái)開發(fā)。遵循實(shí)際網(wǎng)站開發(fā)流程，本課程主要針對(duì)這一階段設(shè)計(jì)開發(fā)一個(gè)實(shí)際的網(wǎng)站。

2.學(xué)習(xí)情境設(shè)計(jì)

遵循網(wǎng)站開發(fā)工作流程，以工作過(guò)程為導(dǎo)向，以項(xiàng)目為載體，把本課程設(shè)計(jì)成以下五大學(xué)習(xí)情境：（1）網(wǎng)站的整體規(guī)劃設(shè)計(jì);（2）網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn);（3）網(wǎng)頁(yè)特效設(shè)計(jì)與實(shí)現(xiàn);（4）網(wǎng)站后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì);（5）網(wǎng)站后臺(tái)功能設(shè)計(jì)。

3.學(xué)習(xí)子情境設(shè)計(jì)

對(duì)應(yīng)工作流程和能力目標(biāo)，每一個(gè)情境又以工作任務(wù)為載體細(xì)分為若干個(gè)子情境，即學(xué)習(xí)任務(wù)。學(xué)習(xí)子情境要與整個(gè)項(xiàng)目的實(shí)際工作過(guò)程相結(jié)合，與每個(gè)工作階段的能力目標(biāo)相對(duì)應(yīng)。下面以第二大情境——網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)為例，進(jìn)行基于工作過(guò)程為導(dǎo)向的學(xué)習(xí)子情境設(shè)計(jì)與實(shí)施。

學(xué)習(xí)情境二：XX網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)

子情境設(shè)計(jì)及主要工作任務(wù)：

（1）網(wǎng)頁(yè)版面設(shè)計(jì)：規(guī)劃網(wǎng)頁(yè)頁(yè)面內(nèi)容版塊;繪制頁(yè)面布局線框圖;

（2）網(wǎng)頁(yè)素材的搜索及制作：根據(jù)網(wǎng)站主題和風(fēng)格，利用網(wǎng)絡(luò)搜索，或利用工具軟件制作網(wǎng)頁(yè)素材;

（3）網(wǎng)頁(yè)效果圖設(shè)計(jì)與實(shí)現(xiàn)：利用ps完成網(wǎng)頁(yè)設(shè)計(jì)psd效果圖;

（4）HTML網(wǎng)頁(yè)重構(gòu)：根據(jù)psd網(wǎng)頁(yè)設(shè)計(jì)圖編寫html網(wǎng)頁(yè)代碼。

4.考核評(píng)價(jià)設(shè)計(jì)

考核方法：本課程的考核包括平時(shí)過(guò)程考核和期末結(jié)果考核，兩者各占一定比例。

考核對(duì)象：包括小組團(tuán)隊(duì)考核和個(gè)人表現(xiàn)考核，且側(cè)重于團(tuán)隊(duì)的考核，著重培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作意識(shí)。過(guò)程考核除了考核團(tuán)隊(duì)協(xié)作以外，還要對(duì)學(xué)生個(gè)人表現(xiàn)情況進(jìn)行考核，根據(jù)小組分工、工作量和完成質(zhì)量等對(duì)每位學(xué)生進(jìn)行考核。

考核內(nèi)容：工作狀態(tài)、項(xiàng)目完成質(zhì)量、團(tuán)隊(duì)合作、完成時(shí)間、組織紀(jì)律。

考核方式：主要包括現(xiàn)場(chǎng)考核、日常考勤等。

參考文獻(xiàn)：

[1]向志華.基于工作過(guò)程的網(wǎng)頁(yè)設(shè)計(jì)與制作[J].湖北廣播電視大

學(xué)學(xué)報(bào)，2012，6（32）.

[2]趙文麗.基于工作過(guò)程的網(wǎng)頁(yè)制作技術(shù)課程設(shè)計(jì)[J].軟件導(dǎo)刊·教育技術(shù)，2012（7）.

項(xiàng)目名稱：基于工作過(guò)程的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)改革，項(xiàng)目編號(hào)：YKY201402。

作者簡(jiǎn)介：邱軍輝（1981— ），女，山東傳媒職業(yè)學(xué)院信息工程系講師，研究方向：網(wǎng)頁(yè)設(shè)計(jì)、計(jì)算機(jī)多媒體技術(shù)。