高職《網(wǎng)頁設(shè)計(jì)》課程藝術(shù)性與技術(shù)性相結(jié)合的教學(xué)探索

文/張容容　徐永志

高職《網(wǎng)頁設(shè)計(jì)》課程藝術(shù)性與技術(shù)性相結(jié)合的教學(xué)探索

文/張容容徐永志

摘要：文章主張站在企業(yè)用人標(biāo)準(zhǔn)的角度開設(shè)課程,從專業(yè)的角度出發(fā)進(jìn)行套餐式網(wǎng)頁設(shè)計(jì)課程教學(xué)內(nèi)容設(shè)置,通過網(wǎng)絡(luò)學(xué)習(xí)平臺與積件式課件完善課程教學(xué),以考證與考評相結(jié)合檢驗(yàn)教學(xué)效果,探索一條解決網(wǎng)頁設(shè)計(jì)課程教學(xué)中出現(xiàn)的藝術(shù)性與技術(shù)性相結(jié)合的問題途徑。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)課程；藝術(shù)性；技術(shù)性；模塊教學(xué)；教學(xué)方法

中圖分類號：G642

文獻(xiàn)標(biāo)志碼：碼：A

文章編號：號：2095-9214(2015)08-0171-02

基金項(xiàng)目：高職《網(wǎng)頁設(shè)計(jì)》課程藝術(shù)性與技術(shù)性相結(jié)合教學(xué)研究與實(shí)踐,項(xiàng)目編號：JY2014026

網(wǎng)頁即超文本頁面,是構(gòu)成網(wǎng)站的基本元素,承載各種網(wǎng)站應(yīng)用,數(shù)字技術(shù)支持其以藝術(shù)的多媒體形式呈現(xiàn),藝術(shù)與技術(shù)是其核心要義。然而網(wǎng)頁設(shè)計(jì)本身所呈現(xiàn)出的此二屬性的結(jié)合在網(wǎng)頁設(shè)計(jì)課程教學(xué)中卻出現(xiàn)了瓶頸。作為新時(shí)代的產(chǎn)物,網(wǎng)頁設(shè)計(jì)受著許多專業(yè)的青睞,諸如計(jì)算機(jī)、藝術(shù)設(shè)計(jì)、電子商務(wù)、市場營銷、新聞傳媒等專業(yè)都份份開設(shè)了此課程。每個(gè)專業(yè)的背景不同,學(xué)生的知識構(gòu)架也不同,而網(wǎng)頁設(shè)計(jì)課程卻要解決同樣的藝術(shù)與技術(shù)結(jié)合的問題。如此,在不同專業(yè)背景下產(chǎn)出的網(wǎng)頁設(shè)計(jì)工作者要么有很強(qiáng)的技術(shù)操作能力,而呈現(xiàn)的頁面卻毫無美感,缺乏與受眾溝通的親和力；要么設(shè)計(jì)感十足,能有效針對不同受眾進(jìn)行平面系統(tǒng)設(shè)計(jì),但卻苦于技術(shù),許多效果只能紙上談兵；更有甚者,兩方面都不擅長,通過課程學(xué)習(xí)只是掌握了個(gè)皮毛,完全無法獨(dú)立完成網(wǎng)頁設(shè)計(jì)。

由此可見,當(dāng)前的教育方式我們需要反思,不能一味追趕時(shí)髦而開設(shè)課程,更不可為了完成教學(xué)任務(wù)而機(jī)械的將一堆知識硬塞給學(xué)生：給非藝術(shù)設(shè)計(jì)專業(yè)的學(xué)生講網(wǎng)頁設(shè)計(jì)的藝術(shù)性講得天花亂墜；給藝術(shù)設(shè)計(jì)專業(yè)的學(xué)生講網(wǎng)頁設(shè)計(jì)的技術(shù)性講得云里霧里。教學(xué)要考慮學(xué)生的專業(yè)背景、知識結(jié)構(gòu)、就業(yè)需求,同時(shí)也要充分考慮企業(yè)對網(wǎng)頁設(shè)計(jì)人才的需求標(biāo)準(zhǔn),有的放矢。這無疑對教師、教學(xué)都是個(gè)莫大的挑戰(zhàn)。針對諸多矛盾的問題和問題的多方面,以網(wǎng)頁設(shè)計(jì)課程藝術(shù)性與技術(shù)性結(jié)合教學(xué)的新的教學(xué)方式值得我們探討。

一、以企業(yè)對網(wǎng)頁設(shè)計(jì)崗位的用人標(biāo)準(zhǔn)為依據(jù)開設(shè)課程

高校培訓(xùn)的人才應(yīng)該是可以直接輸送到企業(yè)頂崗,特別是高職院校對人才培養(yǎng)定位就是高素質(zhì)技能型人才,強(qiáng)調(diào)的是以市場為導(dǎo)向,以行業(yè)為標(biāo)準(zhǔn)培養(yǎng)動手能力強(qiáng)的技能能手,故培養(yǎng)的學(xué)生應(yīng)能實(shí)現(xiàn)零距離上崗。

高校人才輸送要與企業(yè)實(shí)現(xiàn)零的對接,必須以企業(yè)對人才需求的標(biāo)準(zhǔn)為依據(jù)開設(shè)課程。就網(wǎng)頁設(shè)計(jì)課程而言,站在企業(yè)的角度來考慮是千篇一律的要求職員做幾個(gè)超文本的頁面嗎？顯然不是。企業(yè)是多類型的,對網(wǎng)頁設(shè)計(jì)的要求也是多類型的。目前,涉及網(wǎng)頁設(shè)計(jì)的崗位主要有：網(wǎng)頁維護(hù)員、界面設(shè)計(jì)師、網(wǎng)站編程師、網(wǎng)站架構(gòu)師、網(wǎng)絡(luò)美工、網(wǎng)絡(luò)編輯等。上列職位對網(wǎng)頁設(shè)計(jì)技術(shù)與藝術(shù)的要求程度不盡相同：網(wǎng)頁維護(hù)員的主要工作是對現(xiàn)有網(wǎng)站做簡單修改；界面設(shè)計(jì)師則要有較強(qiáng)的審美能力；網(wǎng)頁編程師則需要全面掌握網(wǎng)頁設(shè)計(jì)的各層次技能；網(wǎng)站架構(gòu)師所要求具備的能力遠(yuǎn)在此之上,但掌握網(wǎng)頁設(shè)計(jì)技術(shù)是其工作的基礎(chǔ)；此外,網(wǎng)絡(luò)美工、網(wǎng)絡(luò)編輯的工作雖不以網(wǎng)絡(luò)頁面設(shè)計(jì)為主,但同樣需要掌握基礎(chǔ)的網(wǎng)頁設(shè)計(jì)知識,網(wǎng)絡(luò)美工更側(cè)重于藝術(shù)表現(xiàn),網(wǎng)絡(luò)編輯更側(cè)重于文字表現(xiàn)。

針對不同崗位企業(yè)對網(wǎng)頁設(shè)計(jì)用人的標(biāo)準(zhǔn),相應(yīng)的我們所開設(shè)的課程就不可千篇一律。對應(yīng)界面設(shè)計(jì)師、網(wǎng)絡(luò)美工的課程偏藝術(shù)性,課程名稱可為網(wǎng)絡(luò)藝術(shù)設(shè)計(jì),以突顯教學(xué)內(nèi)容針對網(wǎng)頁設(shè)計(jì)中藝術(shù)設(shè)計(jì)部分,包括網(wǎng)頁的版面編排、色彩搭配、圖標(biāo)設(shè)計(jì)、動畫設(shè)計(jì)等等；對應(yīng)網(wǎng)頁維護(hù)員的課程,課程名稱可為基礎(chǔ)網(wǎng)頁技術(shù)設(shè)計(jì)或靜態(tài)網(wǎng)頁技術(shù)設(shè)計(jì),強(qiáng)調(diào)網(wǎng)頁設(shè)計(jì)的基礎(chǔ)技術(shù),通過課程學(xué)習(xí),學(xué)生能掌握網(wǎng)頁設(shè)計(jì)的基礎(chǔ)技能；對應(yīng)網(wǎng)絡(luò)編程師、網(wǎng)站架構(gòu)師的課程,課程名稱可為高級網(wǎng)頁技術(shù)或動態(tài)網(wǎng)頁技術(shù)設(shè)計(jì),強(qiáng)調(diào)更高一級的網(wǎng)站開發(fā)技術(shù),教學(xué)以學(xué)生能獨(dú)立開發(fā)系統(tǒng)網(wǎng)站為目的。

以企業(yè)用人標(biāo)準(zhǔn)為依據(jù)開設(shè)的各門與網(wǎng)頁設(shè)計(jì)相關(guān)的課程都有明確的課程定位,以培養(yǎng)某一崗位人才為前提,有很強(qiáng)的針對性,結(jié)合專業(yè)背景有選擇性的開設(shè)課程,必能完美實(shí)現(xiàn)教學(xué)與就業(yè)的無縫對接。

二、從專業(yè)的角度出發(fā)進(jìn)行套餐式網(wǎng)頁設(shè)計(jì)課程教學(xué)內(nèi)容設(shè)置

站在企業(yè)用人標(biāo)準(zhǔn)的角度開發(fā)課程,所有開發(fā)的課程可視為一個(gè)網(wǎng)頁設(shè)計(jì)課程群,針對不同的專業(yè)在開設(shè)相關(guān)課程時(shí),可以從專業(yè)自身的角度出發(fā),有側(cè)重的選擇課程教學(xué)模塊,形成套餐模式。

這是一個(gè)非常細(xì)瑣的工作,也是解決網(wǎng)頁設(shè)計(jì)藝術(shù)性與技術(shù)性結(jié)合問題的關(guān)鍵。首先必須從網(wǎng)頁設(shè)計(jì)本身出發(fā)分解教學(xué)模塊,這不能由一位教師或某一專業(yè)團(tuán)隊(duì)單獨(dú)完成,在一所學(xué)校的范圍內(nèi)由需要開設(shè)本課程的所有專業(yè)核心教師一起協(xié)作完成。網(wǎng)頁設(shè)計(jì)教學(xué)首先可以分解成網(wǎng)頁策劃、視覺設(shè)計(jì)、靜態(tài)技術(shù)網(wǎng)頁、動態(tài)技術(shù)網(wǎng)頁四大模塊,每個(gè)模塊又可細(xì)分成若干模塊。若四大模塊分別以代碼A、B、C、D為標(biāo)識,子模塊則可以標(biāo)識為AⅠ、AⅡ、AⅢ……,BⅠ、BⅡ、BⅢ……,CⅠ、CⅡ、CⅢ……,DⅠ、DⅡ、DⅢ……,如下圖例舉了網(wǎng)頁設(shè)計(jì)的主要教學(xué)模塊分解。

ⅠⅡⅢⅣⅤ網(wǎng)頁策劃A網(wǎng)頁概念調(diào)查分析設(shè)計(jì)思想文案視覺設(shè)計(jì)B圖形色彩字體版式動畫靜態(tài)技術(shù)CHTMLJavascriptCSS動態(tài)技術(shù)DPHPASPJSP

從上圖一目了然,涵蓋了網(wǎng)頁設(shè)計(jì)的主要方面,再針對專業(yè)面向的崗位可以進(jìn)行套餐設(shè)計(jì)教學(xué)。如同是服務(wù)于淘寶電商,藝術(shù)設(shè)計(jì)專業(yè)可針對淘寶美工崗位選擇B系列模塊和CⅠ、CⅡ模塊進(jìn)行教學(xué),與網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)的課程名稱相呼應(yīng)；而電子商務(wù)專業(yè)可針對淘寶客服崗位選擇C系列教學(xué)；其他,如網(wǎng)絡(luò)編輯專業(yè)則可針對網(wǎng)絡(luò)編輯崗位選擇A系列和BⅠ、BⅡ、BⅢ、BⅣ、CⅠ模塊進(jìn)行教學(xué)；計(jì)算機(jī)專業(yè)針對網(wǎng)站編程師、網(wǎng)站架構(gòu)師崗位,可選擇D系列等等。

從專業(yè)的角度考慮人才輸送方向,考慮學(xué)生已有專業(yè)背景,靈活選擇課程內(nèi)容,形成套餐式模塊教學(xué),具有可推廣性,但這對師資卻是一個(gè)挑戰(zhàn),新問題的出現(xiàn)又必須以新的方法加以解決。

三、以網(wǎng)絡(luò)技術(shù)搭建輔助教學(xué)平臺

鑒于網(wǎng)頁設(shè)計(jì)的跨學(xué)科性,以網(wǎng)絡(luò)學(xué)習(xí)的形式延伸課程學(xué)習(xí),是最合理的教學(xué)方式。不同專業(yè)依據(jù)不同企業(yè)崗位的就業(yè)要求設(shè)置了課程內(nèi)容,但受課時(shí)限制,可能會出現(xiàn)講解不深不透的問題,亦或在教師選擇套餐式教學(xué)模塊時(shí)有些內(nèi)容并不側(cè)重,但是學(xué)生有深入學(xué)習(xí)的需求,故以網(wǎng)絡(luò)技術(shù)搭建輔助教學(xué)平臺就顯得尤為必要。

此處所提網(wǎng)絡(luò)技術(shù),主要指搭建網(wǎng)絡(luò)學(xué)習(xí)平臺。這有別于網(wǎng)絡(luò)課程教學(xué),普通意義上的網(wǎng)絡(luò)課程教學(xué)是以教師為主線構(gòu)建的教學(xué)框架,是站在教師的角度思考如何借助網(wǎng)絡(luò)手段教好學(xué)；而我們所提網(wǎng)絡(luò)學(xué)習(xí)平臺,是以學(xué)生為主線構(gòu)建教學(xué)框架,站在學(xué)生的角度思考如何能借助網(wǎng)絡(luò)手段擴(kuò)充學(xué)習(xí),是為渴望主動學(xué)習(xí)的學(xué)生提供一個(gè)平臺。因此,在搭建網(wǎng)絡(luò)學(xué)習(xí)平臺時(shí),首先要考慮的是學(xué)生的學(xué)習(xí)需求,這是一個(gè)針對課堂教學(xué)滿足不了學(xué)生學(xué)習(xí)需求而搭建的平臺,主要有兩種情況：一是學(xué)生在課堂中學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的內(nèi)容只傾向藝術(shù)性或技術(shù)性,學(xué)生自主想提高自己的兩方面能力；二是學(xué)生因?yàn)檫t到、請假或走神等多方面原因,對老師在課堂所講的內(nèi)容理解不到位,需要在課后補(bǔ)習(xí)。在確定好學(xué)生的學(xué)習(xí)需求后,接著是要考慮以何種方式學(xué)習(xí)是學(xué)生最能接受的學(xué)習(xí)方式,對應(yīng)課程模塊分解的教學(xué)方法,可以設(shè)計(jì)微課套餐。所謂微課套餐,是將網(wǎng)頁設(shè)計(jì)課程的知識點(diǎn)分解成若干微課,借鑒于積件模式,以微課為基本元素進(jìn)行微課庫建設(shè),再根據(jù)微課內(nèi)容組合成與技能對應(yīng)的課程套餐,方便學(xué)生自主學(xué)習(xí)。微課的優(yōu)勢在于解決學(xué)生學(xué)習(xí)有效性的問題,學(xué)生的學(xué)習(xí)有其特殊性——具有一定程度的被動性,在沒有課堂組織的情況下,自主學(xué)習(xí)45分鐘,恐怕不是所有學(xué)生能長期堅(jiān)持的事情。微課可以有效整合零星的時(shí)間,同時(shí)在短暫的時(shí)間內(nèi)解決一個(gè)問題,也可以有效節(jié)約學(xué)生的學(xué)習(xí)精力,學(xué)生只需要針對自己不明白問題尋找微課,不需要在一個(gè)完整的課程中重復(fù)接收自己已經(jīng)掌握了的內(nèi)容；另外,學(xué)生學(xué)習(xí)的非主動性還會表現(xiàn)在,當(dāng)其意識不到當(dāng)前的學(xué)習(xí)與將來生活實(shí)踐的關(guān)系時(shí),就不愿為學(xué)習(xí)付出努力,因此,在構(gòu)建微課套餐時(shí)應(yīng)該以企業(yè)對網(wǎng)頁設(shè)計(jì)的崗位需求為出發(fā)點(diǎn)進(jìn)行設(shè)計(jì),再以符號標(biāo)記表明此微課是解決網(wǎng)頁設(shè)計(jì)藝術(shù)性問題還是技術(shù)性問題,方便學(xué)生在學(xué)習(xí)時(shí)可以自主、方便選擇。如可以建設(shè)為界面設(shè)計(jì)師套餐、網(wǎng)頁編程師套餐、網(wǎng)站建構(gòu)師微課套餐,每個(gè)套餐的內(nèi)容中都包含有本崗位的目標(biāo)說明,而套餐教學(xué)內(nèi)容與之前分解的課堂教學(xué)內(nèi)容一致,仍然以A、B、C、D對網(wǎng)頁策劃、視覺設(shè)計(jì)、靜態(tài)技術(shù)、動態(tài)技術(shù)四大模塊進(jìn)行標(biāo)識。如此有助力于即使在單獨(dú)學(xué)生的環(huán)境下也能保持與課堂教學(xué)的秩序性,方便學(xué)生查找自己所需要補(bǔ)習(xí)、深入的內(nèi)容。需要說明的是,網(wǎng)絡(luò)學(xué)習(xí)平臺與課堂教學(xué)的課程,在內(nèi)容上是一致的,套餐的劃分與標(biāo)識也都是圍繞企業(yè)的崗位需求,是一致的,但在課程呈現(xiàn)上是有區(qū)別的：課堂的教學(xué)由老師組織,有老師對課程的理解,更詳細(xì)、系統(tǒng),學(xué)生可以通過老師的講解獲取間接經(jīng)驗(yàn)；網(wǎng)絡(luò)學(xué)習(xí)平臺只是輔助教學(xué)手段,不能完全取代課程,其呈現(xiàn)得更多的是一個(gè)個(gè)知識點(diǎn),是對課堂子模塊的再分解,學(xué)生可直接學(xué)習(xí)套餐,亦可從崗位對應(yīng)的套餐中選擇需要的內(nèi)容再組合學(xué)習(xí)。

四、依課程需要開發(fā)積件式課件與教材

積件(Integrable ware)是黎加厚教授1997年提出的,是由教師和學(xué)生根據(jù)教學(xué)需要自己組合運(yùn)用多媒體教學(xué)信息資源的教學(xué)軟件系統(tǒng)。此法正好與我們所提之套餐模塊相吻合。每一個(gè)模塊可以開發(fā)出若干積件,形成積件庫。不同專業(yè)在確定了模塊套餐后,可再次依據(jù)本專業(yè)培養(yǎng)人才的需求選擇所需積件,形成本模塊的教學(xué)課件。此法具有靈活性(可替換)、時(shí)效性(可不斷更新)、規(guī)范性(不是個(gè)人隨意開發(fā),而是團(tuán)隊(duì)協(xié)作以調(diào)研為基礎(chǔ)所開發(fā)),通過不同的組合形成專業(yè)特色。

教材的開發(fā)在課程改革初期可以講義的形式代替。目前市面上網(wǎng)頁設(shè)計(jì)的教材一般都是以技術(shù)講解為主,無異于一本軟件說明書,沒有兼顧藝術(shù)性與技術(shù)性,更不用提針對不同專業(yè)的特色了。而且教材的時(shí)效性又非常強(qiáng),網(wǎng)頁設(shè)計(jì)是技術(shù)的產(chǎn)物,技術(shù)的發(fā)展其教學(xué)內(nèi)容也隨之應(yīng)變,因而以積件課件為基礎(chǔ)擴(kuò)充的講義更能適應(yīng)課程的需要,在課程改革進(jìn)入到穩(wěn)定階段,形成有效的教學(xué)模式時(shí),再完善開發(fā)有崗位、專業(yè)針對性的教材才合適。

五、以考證與考評相結(jié)合進(jìn)行考核,檢驗(yàn)教學(xué)效果

傳統(tǒng)的網(wǎng)頁設(shè)計(jì)課程考核是老師根據(jù)所學(xué)內(nèi)容,模擬一個(gè)主題,學(xué)生獨(dú)立或分組完成幾個(gè)可以互相鏈接的網(wǎng)絡(luò)頁面設(shè)計(jì),考查學(xué)生對課程所學(xué)知識與技能的掌握程度,此并未能體現(xiàn)出學(xué)生是否能真正符合企業(yè)崗位要求,也不能確定學(xué)生是否真正具有零距離上崗的資格。因此,教學(xué)效果必須以市場認(rèn)可的方式進(jìn)行考核,考證是個(gè)不錯的證明能力的途徑。目前,國家對高職院校學(xué)生的要求是雙證畢業(yè),從這個(gè)角度看來,針對單門課程考證,似乎是多此一舉,其實(shí)不然,以廣告設(shè)計(jì)專業(yè)為例,學(xué)生畢業(yè)時(shí)對應(yīng)的職業(yè)技能證一般為廣告設(shè)計(jì)師證(三級),在廣告設(shè)計(jì)師的考試大綱中確有網(wǎng)頁設(shè)計(jì)模塊,但至今從未出過與此相關(guān)的實(shí)操題,也就是說,執(zhí)有廣告設(shè)計(jì)師證的學(xué)生未必能真正從事網(wǎng)頁設(shè)計(jì)工作。Adobe公司認(rèn)定的網(wǎng)頁設(shè)計(jì)師證,應(yīng)該是目前比較權(quán)威的針對于網(wǎng)頁設(shè)計(jì)相關(guān)崗位的認(rèn)證,學(xué)生在課程結(jié)束之前或?qū)捪奁趦?nèi)能獲取該證,則分?jǐn)?shù)原則上應(yīng)該評優(yōu)。

考證是最好檢驗(yàn)學(xué)生能力是否與企業(yè)需求接軌的規(guī)范性途徑,但同時(shí),針對于單門課程的考證不應(yīng)該強(qiáng)制執(zhí)行,應(yīng)該充分考慮到考證時(shí)間和操作上的復(fù)雜性,以及學(xué)生就業(yè)多方面的需求：課程安排的時(shí)間與考證的時(shí)間應(yīng)該一致,或設(shè)置寬限期；如果參加考證的學(xué)生較多,應(yīng)該協(xié)作安排考證在本校進(jìn)行；此外,學(xué)生是否以網(wǎng)頁設(shè)計(jì)崗位為就業(yè)方向是最需要考慮的問題。許多學(xué)生可能只是將本課程作為諸多專業(yè)課程中的一門,畢業(yè)后并不一定從事此類工作,因此,考證對其而言意義并不大。考慮諸多原因,不可以考證為檢驗(yàn)教學(xué)效果的唯一途徑,根據(jù)學(xué)生對就業(yè)崗位的需求,考證與考評相結(jié)合是較合理的方式。對于希望以網(wǎng)頁設(shè)計(jì)相關(guān)崗位為就業(yè)方向的學(xué)生,實(shí)行考證要求；對于并不以網(wǎng)頁設(shè)計(jì)崗位為就業(yè)需求,而僅將本課程視為提升某種專業(yè)技能的學(xué)生,可以以課堂老師設(shè)計(jì)的考核題目檢驗(yàn)其對知識、技能的掌握。除此之外,在網(wǎng)頁設(shè)計(jì)相關(guān)的職業(yè)技能競賽中獲獎、幫企業(yè)完成真實(shí)的網(wǎng)頁設(shè)計(jì)項(xiàng)目,都應(yīng)該視為學(xué)生對此網(wǎng)頁設(shè)計(jì)技能掌握的能力表現(xiàn),都應(yīng)該在課程成績鑒定中給予適當(dāng)?shù)目剂俊?/p>

(作者單位：廣州城市職業(yè)學(xué)院)

參考文獻(xiàn)：

[1] 黎加厚.從課件到積件：我國學(xué)校課堂計(jì)算機(jī)輔助教學(xué)的新發(fā)展[J].電化教育研究,1997(3).

[2] 王小敏.在網(wǎng)頁設(shè)計(jì)課中采用“積件”課程模式的思索[J].硅谷,2008(11).

[3] 康康.論網(wǎng)頁設(shè)計(jì)課程的教學(xué)設(shè)計(jì) [J].南京藝術(shù)學(xué)院碩士學(xué)位論文.