基于工作過程系統(tǒng)化的《網(wǎng)頁制作》課程改革與實踐

陳瑩

【摘? 要】《網(wǎng)頁制作》是一門實踐性很強的專業(yè)課程，根據(jù)基于工作過程系統(tǒng)化的要求設(shè)計開發(fā)課程，分析了網(wǎng)頁制作典型工作任務(wù)，設(shè)計了八個工作項目，并闡述了課程實施方案以及課程考核設(shè)計，突出課程的職業(yè)性、實踐性和開放性，從而實現(xiàn)課程服務(wù)崗位、教學(xué)貼近生產(chǎn)的轉(zhuǎn)變。

【關(guān)鍵詞】網(wǎng)頁制作;工作過程;系統(tǒng)化;課程改革

引言

《網(wǎng)頁制作》是一門技術(shù)與藝術(shù)結(jié)合且實踐性很強的專業(yè)發(fā)展課程，重點講述使用HTML5、CSS3及JavaScript進行Web前端網(wǎng)頁設(shè)計制作的技巧。依托我校辦學(xué)定位以及綜合應(yīng)用型職業(yè)崗位人才培養(yǎng)需求，將“能力本位”與“人格本位”兩種教育模式相結(jié)合，才能實現(xiàn)應(yīng)用型人才培養(yǎng)目標(biāo)，滿足未來社會及學(xué)生自身發(fā)展的需要，融入我國經(jīng)濟“新常態(tài)”的發(fā)展時代。傳統(tǒng)的教學(xué)都是按照課程知識結(jié)構(gòu)的特點開展，根據(jù)這個方式培養(yǎng)的學(xué)生已經(jīng)不能適應(yīng)社會發(fā)展需求，因此，課程改革的方向是將課程結(jié)構(gòu)系統(tǒng)化解構(gòu)再重構(gòu)為工作過程系統(tǒng)化。

1.課程設(shè)計開發(fā)

1.1課程改革核心思想

課程既是人才培養(yǎng)的核心組成，也是提高教學(xué)質(zhì)量的根本保證?！耙跃蜆I(yè)為導(dǎo)向、以職業(yè)為載體的人的全面發(fā)展”是工作過程系統(tǒng)化課程開發(fā)的宗旨，因此課程相應(yīng)也應(yīng)從傳統(tǒng)的儲備知識過程轉(zhuǎn)變?yōu)閼?yīng)用知識的過程。所謂“工作過程”，是指個體為完成一件工作任務(wù)并獲得工作成果而進行的一個完整的工作程序。它包括工作人員在工作場所利用工作資源完成一項工作任務(wù)并獲得成果的一系列活動，是對人的職業(yè)行動這一復(fù)雜系統(tǒng)進行科學(xué)分析的工具。工作過程作為應(yīng)用知識的結(jié)構(gòu)，關(guān)注的是工作的對象、方式、內(nèi)容、方法、組織以及工具的歷史發(fā)展。

網(wǎng)頁制作典型工作任務(wù)（職業(yè)行動領(lǐng)域）描述如下：主要由前端平面設(shè)計和代碼設(shè)計書寫實現(xiàn)兩個環(huán)節(jié)組成。在開展網(wǎng)站需求分析工作之后，設(shè)計人員制作網(wǎng)站總體設(shè)計方案，確定網(wǎng)頁風(fēng)格和功能模塊。根據(jù)設(shè)計方案繪制網(wǎng)頁原型，完成網(wǎng)頁平面設(shè)計。在平面設(shè)計基礎(chǔ)上，對網(wǎng)站的各個頁面等進行HTML、CSS、JavaScript代碼設(shè)計書寫，構(gòu)建網(wǎng)站。網(wǎng)站開發(fā)完成，由測試人員進行測試，設(shè)計人員根據(jù)測試報告，對網(wǎng)站進行修改完善，實現(xiàn)最終網(wǎng)站效果，并形成網(wǎng)站開發(fā)文檔存檔。網(wǎng)頁制作工作對象包括網(wǎng)站需求調(diào)研報告、網(wǎng)站總體設(shè)計方案、網(wǎng)頁原型、網(wǎng)頁平面設(shè)計圖、HTML文檔、CSS文檔、完成的網(wǎng)站。工作方法需按照網(wǎng)站行業(yè)標(biāo)準(zhǔn)和需求調(diào)研報告開發(fā);根據(jù)網(wǎng)站總體設(shè)計方案繪制網(wǎng)頁原型;根據(jù)網(wǎng)頁原型完成平面設(shè)計圖;根據(jù)網(wǎng)頁平面設(shè)計圖書寫代碼構(gòu)建網(wǎng)站;根據(jù)測試人員測試報告意見改進完善網(wǎng)站。勞動組織要求獨立或合作完成作業(yè)內(nèi)容;開發(fā)設(shè)計人員完成后交測試人員測試;修改完善工作一般由設(shè)計開發(fā)小組完成。

1.2課程內(nèi)容模塊設(shè)計

依據(jù)職業(yè)工作過程和學(xué)習(xí)領(lǐng)域，本著由淺入深、循序漸進的設(shè)計原則，設(shè)計了八個工作項目，除第一個基礎(chǔ)知識學(xué)習(xí)項目，其它七個項目分別涉及不同類型網(wǎng)頁設(shè)計制作開發(fā)，分別是旅游網(wǎng)站、電商網(wǎng)站、攝影網(wǎng)站、婚戀網(wǎng)站、票務(wù)網(wǎng)站、學(xué)習(xí)網(wǎng)站、門戶網(wǎng)站，每個項目設(shè)計幾大情境，在每個學(xué)習(xí)情境中，又設(shè)置了若干任務(wù)，任務(wù)的難度和復(fù)雜程度呈逐漸遞升，任務(wù)與任務(wù)間的操作也有重復(fù)，但重復(fù)的是操作，而不是內(nèi)容，從而體現(xiàn)了工作過程系統(tǒng)化的特點。

根據(jù)項目不同情境設(shè)計主要如下：情境一：網(wǎng)頁規(guī)劃;情境二：網(wǎng)頁設(shè)計;情境三：網(wǎng)頁頭部和導(dǎo)航模塊制作;情境四：網(wǎng)頁banner模塊制作;情境五：網(wǎng)頁主體內(nèi)容及其它內(nèi)容制作;情境六：網(wǎng)頁頁腳或底部模塊制作;情境七：交互效果制作。

1.3課程實施方案

課程的實施模擬網(wǎng)頁制作崗位工作過程，首先，將學(xué)生分為若干小組，由教師利用多媒體設(shè)備講解理論知識及必要的操作步驟，布置任務(wù);然后，學(xué)生獨立思考、訓(xùn)練，主動獲取知識，注重組員間的合作，共同完成任務(wù)。在積累一定知識技能后，從攝影網(wǎng)制作開始，引入翻轉(zhuǎn)課堂的教學(xué)方法，進一步鍛煉學(xué)生的自學(xué)能力和發(fā)現(xiàn)問題解決問題的能力，在此過程中，學(xué)生既獲得一定的知識，也培養(yǎng)了職業(yè)崗位所需的社會能力;任務(wù)完成后，教師組織各小組的自我評價和小組對組員評價，并對有代表性的作品集中進行點評和總結(jié)，布置拓展任務(wù)讓學(xué)生在課下繼續(xù)探究。

1.4課程考核設(shè)計

建立多維度的評價標(biāo)準(zhǔn)，學(xué)生成績評價依據(jù)三點原則：第一，從教學(xué)目標(biāo)出發(fā)，將知識、能力、素質(zhì)考核相結(jié)合，突出對學(xué)生能力的考核;第二，強調(diào)學(xué)生的參與性，將學(xué)生自評、小組互評、教師考核、企業(yè)考核相結(jié)合;第三，根據(jù)項目要求，多種考核方式并用，將形成性考核與總結(jié)性考核相結(jié)合。

2.結(jié)束語

基于工作過程系統(tǒng)化的《網(wǎng)頁制作》課程改革，從職業(yè)需求出發(fā)，按照“工學(xué)結(jié)合”的課程理念設(shè)計由易到難，由單一到綜合的教學(xué)項目。每個項目由一系列按照工作開發(fā)過程設(shè)計的有序任務(wù)組成，比如開發(fā)環(huán)境搭建、網(wǎng)頁內(nèi)容制作、網(wǎng)頁樣式設(shè)計、網(wǎng)頁布局設(shè)計、網(wǎng)頁交互設(shè)計等，學(xué)生按照實際工作開發(fā)步驟，通過完成設(shè)定的任務(wù)實現(xiàn)項目。“教學(xué)過程”按照“工作過程”展開，能夠更有效培養(yǎng)學(xué)生的前端開發(fā)能力與職業(yè)素養(yǎng)。改變過去課程教學(xué)脫離行業(yè)需求的狀況，根據(jù)實際的崗位需求調(diào)研，調(diào)整課程內(nèi)容、能力培養(yǎng)與行業(yè)需求的高度一致，在考核設(shè)計中引入企業(yè)評價，真正實現(xiàn)基于職業(yè)崗位需求的人才培養(yǎng)。

參考文獻

[1]姜大源.世界職業(yè)教育課程改革的基本走勢及其啟示——職業(yè)教育課程開發(fā)漫談[J].中國職業(yè)技術(shù)教育，2008（27）：7-13.

[2]姜大源.工作過程系統(tǒng)化課程的結(jié)構(gòu)邏輯[J].教育與職業(yè)，2017（13）：5-12.

[3]毛美娟，汪維富.可堆疊證書實踐對“1+X”證書制度實施的啟示[J].成人教育，2020，40（11）：76-80.

[4]臧志軍.產(chǎn)出導(dǎo)向+能力本位：本科層次職業(yè)教育評價體系設(shè)計的基本原則探析[J].中國職業(yè)技術(shù)教育，2020（25）：20-23.

基金資助：2010年百色學(xué)院校級教育教學(xué)改革研究項目“以應(yīng)用為核心的網(wǎng)頁設(shè)計與制作課程體系的改革與實踐”（立項編號：2010JG12）。

百色學(xué)院? ? 廣西百色? ? 533000