網(wǎng)頁設(shè)計(jì)與制作課程開發(fā)研究

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

摘要:對(duì)基于工作過程的網(wǎng)頁設(shè)計(jì)與制作課程開發(fā)進(jìn)行探究。從明確工作任務(wù)、設(shè)計(jì)學(xué)習(xí)情境來進(jìn)行教學(xué)改革，其中包括課程改革、教材改革、教學(xué)方法改革、考核方式改革，以期解決實(shí)際問題，提高教學(xué)質(zhì)量和學(xué)生的實(shí)際操作能力。

關(guān)鍵詞:工作過程;網(wǎng)頁設(shè)計(jì)與制作課程

當(dāng)今是一個(gè)信息社會(huì)，隨著網(wǎng)絡(luò)的快速普及，對(duì)網(wǎng)頁的要求也越來越多，這就需要專業(yè)的網(wǎng)頁與制作，網(wǎng)頁設(shè)計(jì)師成為了搶手人才，網(wǎng)頁設(shè)計(jì)與制作已經(jīng)成為很多高等學(xué)校的必修課。然而，僅靠過去的傳統(tǒng)教學(xué)，并不能達(dá)到對(duì)人才的需求［1］。這門課程看似簡單，卻并不容易掌握，尤其是難以應(yīng)用到實(shí)踐中。因此，根據(jù)人才培養(yǎng)的需要和專業(yè)人才的就業(yè)形勢(shì)，網(wǎng)頁設(shè)計(jì)與制作這一課程需要改革工作過程。

1明確工作任務(wù)

通過對(duì)網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域的招聘情況進(jìn)行分析，看出網(wǎng)頁設(shè)計(jì)與制作類的崗位主要集中在這幾類:網(wǎng)頁運(yùn)作、網(wǎng)頁維護(hù)、網(wǎng)頁編輯、網(wǎng)頁設(shè)計(jì)和制作，其中網(wǎng)頁制作和設(shè)計(jì)是最需要人的崗位。通過研讀企業(yè)的招聘信息發(fā)現(xiàn)，網(wǎng)頁制作和網(wǎng)頁設(shè)計(jì)這塊要求職員具備以下能力:編輯能力、美工能力、創(chuàng)造力、編程能力、維護(hù)能力等。針對(duì)網(wǎng)頁設(shè)計(jì)與制作這個(gè)職位，還要明確其典型工作任務(wù)。工作過程是指在企業(yè)里為完成一件工作任務(wù)并獲得工作成果而進(jìn)行的一個(gè)完整的工作程序，它結(jié)構(gòu)固定，包括咨詢、決策、計(jì)劃、實(shí)施、檢查和評(píng)估階段等。

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

網(wǎng)頁設(shè)計(jì)與制作這門課程必須通過學(xué)習(xí)情境才能反映出來，要把任務(wù)環(huán)節(jié)放到學(xué)習(xí)情境中去，通過實(shí)際的反復(fù)訓(xùn)練逐漸掌握網(wǎng)頁設(shè)計(jì)和制作能力［2］。網(wǎng)頁設(shè)計(jì)和制作原有的課程內(nèi)容多數(shù)集中在Html語言、Photoshop制作、Flash動(dòng)畫設(shè)計(jì)、Dreamweaver上，理論課和實(shí)際操作有很大偏差，在考慮實(shí)際市場(chǎng)需求后，應(yīng)根據(jù)具體任務(wù)選取課程。以靜態(tài)網(wǎng)站為參考，設(shè)計(jì)如下學(xué)習(xí)情境:網(wǎng)頁瀏覽與欣賞、網(wǎng)頁策劃與安排、網(wǎng)頁設(shè)計(jì)和制作、網(wǎng)頁和維護(hù)。同時(shí)，也為這些學(xué)習(xí)情境設(shè)立了課程標(biāo)準(zhǔn)，如表1所示。安排這些課程的目的是讓學(xué)生在實(shí)際操作中掌握技能。通過這樣一系列的課程安排，學(xué)生可以查缺補(bǔ)漏，完善自身的理論漏洞，從而獨(dú)立完成項(xiàng)目任務(wù)。

3改革措施

3.1課程改革

網(wǎng)頁設(shè)計(jì)與制作課程更加考察實(shí)踐能力，因此，應(yīng)根據(jù)實(shí)際需求作出最適合的調(diào)整，包括教材、考核方法、教學(xué)方法等，這符合OBE(能力導(dǎo)向教育)理念，主要就是“以學(xué)生為本”，要求教育成果、教學(xué)途徑和課程設(shè)計(jì)圍繞預(yù)期學(xué)習(xí)成果來實(shí)行。例如:WEB教學(xué)課程內(nèi)容相對(duì)滯后，缺乏Htmls等主流技術(shù)教學(xué)，學(xué)生難以掌握與WEB前端崗位對(duì)接的工作技能。在這種情況下，應(yīng)結(jié)合WEB的職位需求，改進(jìn)WEB前端網(wǎng)頁設(shè)計(jì)與制作這門課程，在原有的HTML、CSS、Javascript課程基礎(chǔ)上增添HTML5、CSS3、DOM、JQuery、Ajax、Bootstrap等內(nèi)容，增加移動(dòng)WEB頁面的布局，學(xué)習(xí)響應(yīng)式網(wǎng)頁布局方法。要實(shí)現(xiàn)課程內(nèi)容體系的全面全新升級(jí)，添加H5新技術(shù)、移動(dòng)WEB應(yīng)用、響應(yīng)式布局技術(shù)［3］。

3.2教材改革

教材應(yīng)當(dāng)深入淺出，層次清晰，不僅只講述知識(shí)點(diǎn)，更應(yīng)該配置生動(dòng)案例，激發(fā)學(xué)生學(xué)習(xí)興趣，按照設(shè)置的課程情境對(duì)應(yīng)授課，如:針對(duì)靜態(tài)網(wǎng)站設(shè)計(jì)與制作課程講述學(xué)習(xí)路線與學(xué)習(xí)方法。教材還應(yīng)當(dāng)將動(dòng)畫課程等需要的地方直接引入進(jìn)來，盡量不擴(kuò)大分類，使學(xué)生可以直接系統(tǒng)地學(xué)習(xí)，如:商務(wù)網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目課程的總體設(shè)計(jì)思路就是將學(xué)科導(dǎo)向的課程體系轉(zhuǎn)化為行動(dòng)導(dǎo)向的課程體系，以工作過程為主線，以職業(yè)能力培養(yǎng)為依托，按照行動(dòng)導(dǎo)向來組織教學(xué)，以完成具體的項(xiàng)目、任務(wù)或產(chǎn)品為目標(biāo)。

3.3教學(xué)方法改革

傳統(tǒng)的教學(xué)體系中，實(shí)踐和理論課幾乎都是分開設(shè)置，沒有明確的任務(wù)項(xiàng)目，學(xué)生的實(shí)際操作效果不太理想。面對(duì)這種情形，應(yīng)主張“教學(xué)－實(shí)踐”一體化教學(xué)，教師邊講述，學(xué)生邊操作，實(shí)現(xiàn)教學(xué)做一體化。要實(shí)施分組教學(xué)、分模塊教學(xué)，通過實(shí)際建設(shè)網(wǎng)頁達(dá)到教學(xué)目的。在學(xué)習(xí)過程中，學(xué)生就模擬正式工作場(chǎng)景，在教師的幫助和指導(dǎo)下共同完成課程的學(xué)習(xí)。教師要隨著時(shí)代需求而轉(zhuǎn)變教育理念，提高自身的基本功和應(yīng)變能力，多參加技能培訓(xùn)，具體方法如下:(1)在HTML5的WEB前端課程在線開發(fā)與應(yīng)用的基礎(chǔ)上，告別單一的知識(shí)講堂，開展“互聯(lián)網(wǎng)+”學(xué)習(xí)模式;(2)采用翻轉(zhuǎn)課堂形式，學(xué)生在課下利用教學(xué)平臺(tái)自主學(xué)習(xí)，教師只負(fù)責(zé)評(píng)價(jià)和改進(jìn);(3)采用SPOC(SmallPrivateOnlineCourse小規(guī)模限制性在線課程)模式和混合教學(xué)模式，即現(xiàn)代課堂和傳統(tǒng)課堂相結(jié)合。

3.4考核方式改革

網(wǎng)頁設(shè)計(jì)與制作這一課程需要構(gòu)建一個(gè)“全過程、全方位、綜合性”的考核評(píng)價(jià)體系。以往的考核方式就是上交紙質(zhì)作業(yè)或論文，難以檢測(cè)出學(xué)生的真正實(shí)力，建議進(jìn)行在線設(shè)計(jì)考核，用作品提高說服力。

4結(jié)語

基于工作過程對(duì)網(wǎng)頁設(shè)計(jì)與制作課程進(jìn)行研究探索，根據(jù)主要的工作任務(wù)給出具體的學(xué)習(xí)情境及改革方向，實(shí)現(xiàn)教學(xué)做一體化，以期解決實(shí)際問題，提高教學(xué)質(zhì)量和學(xué)生的實(shí)際操作能力，培養(yǎng)出符合時(shí)展的人才。

參考文獻(xiàn):

［1］彭紹東.信息技術(shù)教育學(xué)［M］．長沙:湖南師范大學(xué)出版社，2002.

［2］鄭偉，張永良，郭偉，等.《商務(wù)網(wǎng)頁設(shè)計(jì)與制作》項(xiàng)目課程的開發(fā)與建設(shè)［J］．楊凌職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2010，(12):60－61.

［3］李艷華.以編程能力為導(dǎo)向的教學(xué)模式在中職《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》課程中的應(yīng)用研究［D］．廣州:廣東技術(shù)師范大學(xué)，2019.

作者:馬紅 單繼周 單位:海南經(jīng)貿(mào)職業(yè)技術(shù)學(xué)院