陳瑩

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

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

引言

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

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

1.1課程改革核心思想

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

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

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

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

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

1.3課程實(shí)施方案

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

1.4課程考核設(shè)計(jì)

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

2.結(jié)束語

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

參考文獻(xiàn)

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

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

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

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

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

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