高職《網(wǎng)頁設計》課程藝術性與技術性相結合的教學探索

文/張容容　徐永志

高職《網(wǎng)頁設計》課程藝術性與技術性相結合的教學探索

文/張容容徐永志

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

關鍵詞：網(wǎng)頁設計課程；藝術性；技術性；模塊教學；教學方法

中圖分類號：G642

文獻標志碼：碼：A

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

基金項目：高職《網(wǎng)頁設計》課程藝術性與技術性相結合教學研究與實踐,項目編號：JY2014026

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

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

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

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

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

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

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

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

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

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

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

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

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

三、以網(wǎng)絡技術搭建輔助教學平臺

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

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

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

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

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

五、以考證與考評相結合進行考核,檢驗教學效果

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

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

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

參考文獻：

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

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

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