面向藝術(shù)類本科生的《網(wǎng)頁設(shè)計》課程教學(xué)與實踐

修毅　劉正東　洪穎　邵熹雯

摘要：《網(wǎng)頁設(shè)計》是我校為藝術(shù)類本科生開設(shè)的計算機應(yīng)用基礎(chǔ)類課程。本文總結(jié)了多年來《網(wǎng)頁設(shè)計》課程的教學(xué)與實踐，從教學(xué)內(nèi)容，教學(xué)方式和手段，實踐教學(xué)，教學(xué)評價，教材編寫，多媒體和網(wǎng)絡(luò)資源建設(shè)等方面，全面地闡述了《網(wǎng)頁設(shè)計》課程的教學(xué)模式和體系，為今后計算機應(yīng)用基礎(chǔ)教學(xué)改革、提高藝術(shù)類本科生教學(xué)質(zhì)量奠定基礎(chǔ)。

關(guān)鍵詞：網(wǎng)頁設(shè)計；藝術(shù)類本科生；教學(xué)改革；實踐教學(xué)

中圖分類號：G642.41 文獻標(biāo)志碼：A 文章編號：1674-9324（2016）15-0124-02

從2010年開始，我校為藝術(shù)類本科生開設(shè)了《網(wǎng)頁設(shè)計》課程作為在計算機基礎(chǔ)課程體系中的主選課程。作為新開設(shè)的課程，教學(xué)內(nèi)容單一，無法覆蓋課程的全部知識體系；教學(xué)內(nèi)容以知識點堆砌為主，缺乏在設(shè)計方法上的提煉和升華，無法滿足藝術(shù)類本科生計算機創(chuàng)意能力培養(yǎng)的需要；除了一些配合知識點的小型課堂練習(xí)外，沒有為學(xué)生提供以創(chuàng)意為核心的綜合性實踐環(huán)節(jié)，無法為學(xué)生的未來專業(yè)學(xué)習(xí)和職業(yè)成長提供幫助；沒有對學(xué)習(xí)效果和能力做出全面和客觀評價的有效方式[1]。這些問題亟待在教學(xué)研究和實踐中加以解決。

為此，本課程以“面向藝術(shù)類學(xué)科，面向藝術(shù)類本科生”為理念，以“引導(dǎo)創(chuàng)意，面向應(yīng)用，促進融合”為教改原則[2]，利用綜合技術(shù)和手段，引導(dǎo)藝術(shù)類學(xué)生進行計算機藝術(shù)創(chuàng)意；改善教學(xué)內(nèi)容和教學(xué)方法，實現(xiàn)面向應(yīng)用的理念；加強對藝術(shù)類學(xué)生的工程概念和流程的傳授，使學(xué)生感受到工程與藝術(shù)融合的魅力。

一、課程內(nèi)容與實踐

本課程在教學(xué)內(nèi)容與方法、教學(xué)實踐環(huán)節(jié)和教學(xué)評價等方面做了深入而系統(tǒng)的研究，取得了很好的效果。

1.教學(xué)內(nèi)容。教學(xué)以課堂案例為載體，利用多媒體課件和軟件操作完成。課程案例貫穿于整個教學(xué)過程，每個案例對應(yīng)重要的知識點。在案例講解后，通過課堂練習(xí)和課后練習(xí)鞏固所學(xué)的知識。整個教學(xué)過程分為四個階段：第一，課堂案例導(dǎo)入與講解階段。首先，教師展示案例最終結(jié)果，并進行簡單分析，指出案例所用的知識點。然后，采用案例驅(qū)動的教學(xué)模式，逐步展開，推演出案例最終結(jié)果。教師可根據(jù)案例難易程度和知識點重要性，在案例推演過程中，對相應(yīng)部分進行深入剖析和闡述。第二，知識點的深入和擴展分析階段。針對案例中重要的知識點，通過小型輔助案例進行分析和擴展。要求學(xué)生在課堂練習(xí)和課后學(xué)習(xí)中，根據(jù)各自的想象去拓展該案例，為后續(xù)自主命題設(shè)計與實踐打下良好基礎(chǔ)。第三，課堂練習(xí)實施階段。教師給出實現(xiàn)練習(xí)案例的具體要求，讓學(xué)生結(jié)合課堂案例的實現(xiàn)方式，獨立完成一個或幾個課堂練習(xí)。針對本章節(jié)所涉及的案例和課堂練習(xí)，以及相關(guān)知識點，設(shè)計與制作方法，創(chuàng)意效果進行總結(jié)，完成教學(xué)任務(wù)。第四，目標(biāo)設(shè)定及發(fā)展階段。在課程的最后階段，也是教學(xué)實踐階段，要求每位學(xué)生獨立完成網(wǎng)站的設(shè)計與制作。教師為網(wǎng)站設(shè)定技術(shù)框架和規(guī)模，學(xué)生自主選題，收集與整理素材，并在規(guī)定的時間內(nèi)完成從創(chuàng)意、設(shè)計和制作的全部工作。

在這個過程中，學(xué)生設(shè)定自己的目標(biāo)，支配自己的時間，主導(dǎo)自己的創(chuàng)作過程。教師可以有針對性地對學(xué)生的技術(shù)問題給予個性化的指導(dǎo)和幫助，對內(nèi)容設(shè)定，創(chuàng)意設(shè)計給予點評，引導(dǎo)學(xué)生達到最終目標(biāo)。

2.教學(xué)方法和手段。在教學(xué)過程中，根據(jù)課程特點和學(xué)生認知特點，采用多種教學(xué)方法和手段，與教學(xué)內(nèi)容構(gòu)成一個有機整體。第一，案例驅(qū)動教學(xué)。在教學(xué)中，將案例與教學(xué)主題緊密結(jié)合，穿插教學(xué)的全過程。根據(jù)教學(xué)主題和案例特點，將案例分成了課堂精講型、課堂演示型和課后練習(xí)型等，三種類型相互配合，相互協(xié)調(diào)，形成了張弛有度的教學(xué)節(jié)奏和良好教學(xué)效果。第二，目標(biāo)驅(qū)動教學(xué)。在教學(xué)實踐活動中，目標(biāo)驅(qū)動教學(xué)采用學(xué)生自主選題、獨立設(shè)計制作來實現(xiàn)。教師設(shè)定技術(shù)框架，留給學(xué)生充分的空間和時間，學(xué)生根據(jù)選題，進行創(chuàng)意、設(shè)計和制作。教師擔(dān)當(dāng)技術(shù)支持和評價任務(wù)，學(xué)生是主導(dǎo)者和實踐者。學(xué)生完成了從知識學(xué)習(xí)者向作品創(chuàng)意者、設(shè)計者和制作者的轉(zhuǎn)變。第三，多媒體教學(xué)。豐富的多媒體素材為課堂教學(xué)提供了有效的支持。課件中內(nèi)容全面準確、教學(xué)素材豐富；教師利用多媒體課件和系統(tǒng)操作，達到了相得益彰的教學(xué)效果。第四，利用網(wǎng)絡(luò)平臺開展教學(xué)。多媒體教學(xué)課件、電子教案、案例、教學(xué)大綱、教學(xué)日歷、案例素材和效果等資料放在網(wǎng)絡(luò)教學(xué)平臺上供學(xué)生們下載和瀏覽。通過網(wǎng)絡(luò)提供更多的課外資源，擴充了學(xué)生學(xué)習(xí)空間和互動方式，取得了良好的教學(xué)效果。

3.實踐教學(xué)。實踐教學(xué)活動旨在最大限度地為學(xué)生營造自由創(chuàng)作空間，激發(fā)學(xué)生的創(chuàng)意靈感，發(fā)掘?qū)W生的創(chuàng)意潛能。本課程教學(xué)實踐由“設(shè)定要求，自主選題，自由創(chuàng)意，開發(fā)制作”四個部分組成。第一，設(shè)定要求。設(shè)定要求包括創(chuàng)意要求和技術(shù)框架。創(chuàng)意要求主要體現(xiàn)在創(chuàng)意原則上，作品必須是原創(chuàng)設(shè)計。技術(shù)框架包括兩個方面：一是根據(jù)本課程知識體系，提出設(shè)計制作網(wǎng)站的技術(shù)方法，給出可替代的技術(shù)方法，給學(xué)生提供多項選擇。二是規(guī)定網(wǎng)站的規(guī)模。對于學(xué)習(xí)過更多相關(guān)知識的學(xué)生，可以不局限于這個技術(shù)框架，鼓勵學(xué)生積極嘗試新方法和手段。第二，自主選題。在自主選擇網(wǎng)站主題時，提倡學(xué)生面向?qū)W科應(yīng)用，面向?qū)嶋H需要進行選題。如服裝服飾類，或者藝術(shù)設(shè)計類、媒體傳播類等為網(wǎng)站主題。選題時，要考慮對網(wǎng)站內(nèi)容的理解和把握程度，對相關(guān)文本、圖形圖像和媒體信息的收集、歸納和整理的水平。第三，自由創(chuàng)意。藝術(shù)類本科生具有自主創(chuàng)意的優(yōu)勢，要發(fā)掘?qū)W生的專業(yè)潛能，利用所學(xué)計算機技術(shù)把創(chuàng)意效果展現(xiàn)出來。做到主題鮮明，內(nèi)容完整，色彩搭配美觀，頁面構(gòu)圖簡潔合理等。同時，考慮要創(chuàng)意與網(wǎng)站主題的密切關(guān)系，將創(chuàng)意和內(nèi)容統(tǒng)一起來。第四，開發(fā)制作。按照網(wǎng)站工程設(shè)計制作的流程開展工作。首先，對各種信息進行分類和整理，確定網(wǎng)站欄目和網(wǎng)頁的數(shù)量。其次，進行網(wǎng)站頁面創(chuàng)意，把創(chuàng)意通過計算機網(wǎng)頁設(shè)計技術(shù)表現(xiàn)出來。最后，通過技術(shù)方法和手段，完成網(wǎng)站的設(shè)計和制作。通過開展教學(xué)實踐環(huán)節(jié)，學(xué)生更全面系統(tǒng)地掌握了課程內(nèi)容和探究式的學(xué)習(xí)方法，煥發(fā)了主動學(xué)習(xí)的熱情，提高了計算機素養(yǎng)和綜合應(yīng)用能力。

4.教學(xué)評價。教學(xué)評價可以歸納為主觀與客觀的結(jié)合，過程與結(jié)果綜合。對課堂教學(xué)評價更多依賴于過程評價和客觀評價，如通過查閱日常作業(yè)，可以了解對案例中知識的理解；通過結(jié)業(yè)考試客觀試題的評價，確定學(xué)生知識和技巧的掌握。對教學(xué)實踐環(huán)節(jié)評價由教師主觀判斷實現(xiàn)，考查學(xué)生的創(chuàng)意和實踐應(yīng)用水平。

在教學(xué)實踐環(huán)節(jié)中，制定了“網(wǎng)頁設(shè)計與制作—實操要求及評分標(biāo)準”，規(guī)范教師對學(xué)生作品的評價，保證真實性和客觀性。每個學(xué)生一個選題，一個網(wǎng)站，一個評價考核結(jié)果，避免出現(xiàn)學(xué)生“搭便車”現(xiàn)象。

二、課程資源建設(shè)

1.教材。為貫徹本課程的教學(xué)理念和原則，確定“完善知識體系，引導(dǎo)藝術(shù)創(chuàng)意，面向?qū)嶋H應(yīng)用，促進藝工融合”為寫作原則[3]，體現(xiàn)集創(chuàng)意、應(yīng)用和工程為一體，技能、知識與平臺相融合的教學(xué)和實踐模式。在教材案例選取上，案例都具有良好的創(chuàng)意和應(yīng)用背景，創(chuàng)意風(fēng)格多樣化，色彩、圖案和布局的多種組合；案例取材于多種行業(yè)和領(lǐng)域，覆蓋面廣。在講解知識點時，著重提煉頁面藝術(shù)創(chuàng)意方法和技巧，做到方法多樣，手段實用，效果良好。在教材內(nèi)容選取上，向網(wǎng)頁設(shè)計與制作的最新技術(shù)看齊，全面引入CSS技術(shù)和CSS+Div布局技術(shù)，歸納出“上中下”和“左中右”兩種基本方式，并提供一個CSS+Div布局的商業(yè)網(wǎng)站設(shè)計和制作過程。在教材內(nèi)容表現(xiàn)上，采用新穎、直觀和多樣化方法，突出教學(xué)重點和難點，引入“布局圖”，幫助學(xué)生理解和把握頁面布局，將表格布局、CSS+Div布局、框架布局和AP Div布局等多種方式反復(fù)向?qū)W生講授，實現(xiàn)學(xué)生掌握和靈活運用布局技術(shù)的教學(xué)目標(biāo)。在教材框架安排上，以知識演進為目標(biāo)，以應(yīng)用案例為載體，采用可視化操作為主導(dǎo)，代碼實現(xiàn)為從屬的方式，既形象直觀，又深入剖析技術(shù)原理。以網(wǎng)站客戶端技術(shù)為主體，以網(wǎng)站服務(wù)器技術(shù)為輔助，為學(xué)生全面理解網(wǎng)站設(shè)計與制作技術(shù)打下堅實基礎(chǔ)。

2.多媒體資源與網(wǎng)站。為配合教師課堂授課，提供了每個章節(jié)的電子教案，全部教學(xué)案例素材和效果，練習(xí)案例素材和效果；為滿足學(xué)生課下學(xué)習(xí)需要，錄制了全部課堂教學(xué)案例的教學(xué)視頻，形成了完整的多媒體教學(xué)資源。本課程還開發(fā)了網(wǎng)頁設(shè)計精品課網(wǎng)站，向?qū)W生提供全天候的互動式學(xué)習(xí)平臺。網(wǎng)站提供了全部多媒體教學(xué)資源，以及學(xué)生自主學(xué)習(xí)的各種資源，如技術(shù)專欄、參考資料、在線測試、在線問答、電子書下載、優(yōu)秀網(wǎng)站賞析和軟件下載等；搭建了學(xué)生網(wǎng)站作品的展示欄目，將綜合教學(xué)實踐環(huán)節(jié)中學(xué)生制作的全優(yōu)作品進行實景演示。

三、結(jié)論

本課程采用全新的理念和切實可行的教改原則，在教學(xué)模式與實踐環(huán)節(jié)中，在教材寫作、多媒體和網(wǎng)站建設(shè)中加以貫徹和落實，突破了《網(wǎng)頁設(shè)計》課程建設(shè)的固有模式，取得了全方位的教學(xué)成果。

經(jīng)過多年教學(xué)與實踐，形成了完善和系統(tǒng)的網(wǎng)頁設(shè)計教學(xué)體系和模式，幫助學(xué)生構(gòu)建完整的知識體系，掌握創(chuàng)意技能和技巧；借助于綜合性教學(xué)實踐環(huán)節(jié)，極大提高了藝術(shù)類本科生的計算機創(chuàng)意和應(yīng)用能力；以良好的評價體系保證教學(xué)評價的有效性。

在教材編寫中，進一步完善和固化教學(xué)和模式，教材不僅知識體系完整、內(nèi)容翔實，而且創(chuàng)意技能實用、面向?qū)崙?zhàn)，與多媒體素材和精品課網(wǎng)站構(gòu)成了立體化課程資源體系。

參考文獻：

[1]邵熹雯.藝術(shù)類專業(yè)網(wǎng)頁設(shè)計課程教學(xué)實踐與研究[J].紡織服裝教育，2013，5（28）：420-422.

[2]修毅，洪穎，邵熹雯.藝術(shù)類本科生計算機基礎(chǔ)課程體系的構(gòu)建與實踐[J].紡織服裝教育，2013，5（28）：377-379.

[3]修毅.《網(wǎng)頁設(shè)計與制作》教材的編寫[J].紡織服裝教育，2014，3（29）：258-260.