高校網(wǎng)頁設(shè)計課程教學(xué)的創(chuàng)新與實踐
——以安徽外國語學(xué)院為例

□甄 真 安徽外國語學(xué)院

一、網(wǎng)頁設(shè)計課程的發(fā)展背景

隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，網(wǎng)頁設(shè)計成為流行的趨勢，無論是線上購買產(chǎn)品還是旅游預(yù)定都與網(wǎng)頁息息相關(guān)。在信息化教育盛行、商業(yè)化潛在影響下，各大高校的網(wǎng)頁設(shè)計課程應(yīng)運而生。網(wǎng)頁設(shè)計是高校藝術(shù)專業(yè)教學(xué)模式當(dāng)中的重要環(huán)節(jié)，學(xué)好網(wǎng)頁設(shè)計課程不僅能夠提升學(xué)生設(shè)計網(wǎng)頁的實踐技能，也可以幫助學(xué)生在今后的社會市場競爭中提升自身的競爭能力。

二、當(dāng)下高校網(wǎng)頁設(shè)計課程教學(xué)存在的主要問題

目前網(wǎng)頁設(shè)計雖是高校最熱門的課程之一，但還存在以下幾點問題：第一，教師所教學(xué)的內(nèi)容學(xué)生不易理解，不能很好地學(xué)以致用；第二，教師的教學(xué)手段單一，導(dǎo)致學(xué)生對學(xué)習(xí)網(wǎng)頁設(shè)計沒有積極性；第三，部分高校的硬件設(shè)施陳舊，與所需安裝的軟件相沖突；第四，教師的教學(xué)方法不夠靈活，沒能跟隨時代的發(fā)展而進步，學(xué)生沒有較強的競爭意識。

三、網(wǎng)頁設(shè)計課程教學(xué)的創(chuàng)新實踐與探究——以安徽外國語學(xué)院為例

通過了解當(dāng)下高校網(wǎng)頁設(shè)計課程教學(xué)中存在的各種問題，該校在網(wǎng)頁設(shè)計課程的教學(xué)中，從教學(xué)方法、教學(xué)內(nèi)容、教學(xué)模式、考核方式等多方面入手，進行教學(xué)革新和實踐探究，為社會培養(yǎng)復(fù)合型人才。

（一）教學(xué)方法的改革

教學(xué)方法是課程學(xué)習(xí)的核心和培養(yǎng)人才的重要手段。從當(dāng)前各大高校網(wǎng)頁設(shè)計課程教學(xué)現(xiàn)狀來看，多數(shù)教師還在運用傳統(tǒng)教學(xué)方法進行教學(xué)，由于當(dāng)下高校網(wǎng)頁課程體系較為復(fù)雜，因此，單一、片面的教學(xué)方法遠遠不能滿足當(dāng)下教學(xué)的需求。

俗話說：“教學(xué)有法，但無定法，貴在得法?！币馑际钦f世界上不存在一種萬能的教學(xué)方法，這就要求我們從實際出發(fā)，結(jié)合具體情況[1]。在網(wǎng)頁設(shè)計的教學(xué)方法中，該校針對不同的環(huán)節(jié)和不同的授課內(nèi)容，進行靈活變通。首先，該校網(wǎng)頁設(shè)計課程的理論方面，主要是運用講授法，這種教學(xué)方法相對直觀，開門見山，可以讓學(xué)生快速地掌握重要知識點；對于學(xué)生十分難懂的網(wǎng)頁設(shè)計知識，主要是采用范例教學(xué)法，這部分教學(xué)主要是給學(xué)生舉出大量典型的范例，讓學(xué)生通過例子深刻了解難懂的知識點，并能做到舉一反三。其次，改校網(wǎng)在頁設(shè)計課程的實踐方面，主要是運用演示法，這部分知識相對抽象，如果用具體的語言和文字進行直接說明，效果不夠理想，需要以演示法為主，以講授法為輔，做到邊講邊練，提高教學(xué)效率。最后，隨著知識的更新和網(wǎng)頁設(shè)計課程的改變，教學(xué)方法還需要不斷完善,只有這樣才能滿足學(xué)生的學(xué)習(xí)需求。

（二）教學(xué)內(nèi)容的更新

大部分高校的網(wǎng)頁設(shè)計課程的教學(xué)內(nèi)容是先對學(xué)生進行理論方面的簡單講解，之后大量的使用Dreamweaver上機操作，制作一系列的網(wǎng)頁練習(xí)[2]。此類教學(xué)方法千篇一律，缺乏創(chuàng)新、突破。該校針對網(wǎng)頁設(shè)計課程的教學(xué)內(nèi)容進行創(chuàng)新突破，增加網(wǎng)頁設(shè)計課程內(nèi)容的豐富性，激發(fā)學(xué)生的學(xué)習(xí)興趣。

具體如下：首先考慮到本專業(yè)是藝術(shù)設(shè)計專業(yè)，針對本專業(yè)的體系及學(xué)生的基礎(chǔ)，該校網(wǎng)頁設(shè)計課程的教學(xué)內(nèi)容分為三大部分：第一部分是理論階段，對網(wǎng)頁設(shè)計課程重要的知識點進行簡單的理論講解，這個階段約10個學(xué)時。第二部分是手繪階段，主要為了訓(xùn)練學(xué)生的審美，在此階段先讓每位學(xué)生定制好一個網(wǎng)頁主題，比如商業(yè)類、食品類、旅游類等，然后根據(jù)自己所選主題，從Logo、導(dǎo)航欄、廣告條等內(nèi)容依次繪制；緊接著是繪制網(wǎng)頁設(shè)計的文本標題，要求文本要有創(chuàng)意，可以結(jié)合之前所學(xué)的知識進行設(shè)計，接下來是圖案繪制，對于自己所選的主題，去尋找相關(guān)的圖案素材，獲取靈感，進行繪制；圖案繪制之后引導(dǎo)學(xué)生收集優(yōu)秀的布局素材，并根據(jù)實際情況結(jié)合自己之前每節(jié)課所繪制的元素，繪制出一個合理的布局結(jié)構(gòu)，并將之前的元素排列在布局當(dāng)中，構(gòu)成一張完整的網(wǎng)頁，此階段約16個學(xué)時。第三部分是具體操作階段，大多高校網(wǎng)頁設(shè)計使用的軟件是Dreamweaver，該校的網(wǎng)頁設(shè)計課程除了學(xué)習(xí)Dreamweaver，還增加了Photoshop，F(xiàn)lash，Html，Css+Div這些內(nèi)容，首先是學(xué)習(xí)使用Photoshop制作網(wǎng)頁效果圖，其中包括首頁、內(nèi)頁、尾頁，根據(jù)教師指導(dǎo)，學(xué)生通過Photoshop軟件進行首頁、內(nèi)頁、尾頁的定稿。其次是Dreamweaver的學(xué)習(xí)，Dreamweaver學(xué)習(xí)時間較長，學(xué)生從最基礎(chǔ)的學(xué)起，對此環(huán)節(jié)教師要不斷地引導(dǎo)學(xué)生，讓學(xué)生對軟件熟練掌握。再將之前Photoshop定稿的首頁、內(nèi)頁、尾頁以Dreamweaver的形式表現(xiàn)出來。再次是學(xué)習(xí)Flash，此軟件學(xué)習(xí)的時間較短，只需要教會學(xué)生簡單的動態(tài)效果，通過動態(tài)效果圖給之前做的網(wǎng)頁設(shè)計錦上添花。最后是Html和Css+Div的學(xué)習(xí)，由于本專業(yè)是藝術(shù)設(shè)計專業(yè)，在代碼這方面基礎(chǔ)非常薄弱，但是在網(wǎng)頁設(shè)計課程中代碼有非常重要的作用，因為軟件做不出的一些效果可以通過代碼來完成。因此，該院藝術(shù)教師需要具備寫代碼的能力，能夠?qū)W(xué)生的代碼學(xué)習(xí)列舉案例并利用網(wǎng)絡(luò)資源收集相關(guān)的網(wǎng)頁代碼課程，方便學(xué)生在課下鞏固復(fù)習(xí)，最終通過所學(xué)代碼輔助網(wǎng)頁設(shè)計，此部分約40個學(xué)時。

（三）工作室培養(yǎng)模式

隨著經(jīng)濟社會不斷發(fā)展，該校在網(wǎng)頁設(shè)計課程方面做了大量的人力、物資投入，初步開展一些關(guān)于工作室的培養(yǎng)教學(xué)模式，并和相關(guān)工作單位以及企業(yè)達成相互合作，承接一些簡單的網(wǎng)頁設(shè)計活動，進行校企合作，鍛煉學(xué)生工作能力，讓學(xué)生能夠提前感受到步入社會以后需要面對的難題，深刻體會到分工合作、團結(jié)互助的含義，以此來磨煉學(xué)生的心智，把每一名學(xué)生都培養(yǎng)成為復(fù)合型人才。

（四）運用小組形式開展網(wǎng)頁設(shè)計教學(xué)

高校的網(wǎng)頁設(shè)計課程基本上以教師為主導(dǎo)，學(xué)生為主體，如果整體課程全部采用這種形式，課堂會變得枯燥無味，學(xué)生難以積極主動地學(xué)習(xí)，會過多地依賴教師[3]。因此，為了培養(yǎng)學(xué)生學(xué)習(xí)興趣與主動解決問題的能力，我校在網(wǎng)頁設(shè)計的教學(xué)中加入小組合作學(xué)習(xí)的方式，讓學(xué)生與學(xué)生之間可以充分地合作和溝通，增加學(xué)生之間的感情。

具體如下：由于每位學(xué)生的情況不同，因此，這門課程的授課教師需掌握和了解班級每一名學(xué)生的性格特點、興趣愛好以及學(xué)習(xí)情況，再以班級為單位將學(xué)生劃分成為不同的小組。在課程教學(xué)中，有部分學(xué)生對網(wǎng)頁設(shè)計的色彩搭配和外觀設(shè)計比較有興趣，這部分學(xué)生的想象力十分豐富，對元素的選擇有一定的敏感度，可以考慮分配到美工小組。另一部分學(xué)生，以男生為主，樂于接受新鮮事物，尤其是對于代碼的學(xué)習(xí)，態(tài)度認真，他們的性格比較冷靜，課堂上表現(xiàn)較沉穩(wěn)，這部分學(xué)生可以考慮分配到代碼小組。此外，還有一部分學(xué)生學(xué)習(xí)基礎(chǔ)較弱，對代碼操作和外觀設(shè)計方面不是很感興趣，但是能夠?qū)嶋H操作一些Dreamweaver等較為常見的網(wǎng)頁制作框架，可以考慮分配到框架小組。制定好小組之后，教師根據(jù)每一個小組成員的實際情況進行布置學(xué)習(xí)任務(wù)和學(xué)習(xí)目標，組隊成員之間可以相互協(xié)商，相互幫助，教師對于小組的任務(wù)進程進行把關(guān)。

（五）優(yōu)化考核方式

傳統(tǒng)的考核方式已經(jīng)不適應(yīng)大環(huán)境下高校網(wǎng)頁設(shè)計課程的實際需要，因此，該校在網(wǎng)頁設(shè)計課程考核方面進行了很大的改進，避免了以理論成績?yōu)橹鞯谋锥?。該校除了對網(wǎng)頁設(shè)計的基本理論知識進行考核以外，還對學(xué)生進行上機操作的實踐進行考核，并且把平時成績也作為一個重要的依據(jù)。

具體考核方式如下：理論方面的考核以試卷的形式出題，主要是考查網(wǎng)頁設(shè)計的重要知識點，考試題型以選擇題、判斷題、論述題為主，理論成績在最后總成績中占20%的分值；平時成績以學(xué)生上課的出勤率和隨堂練習(xí)的作業(yè)為基準，學(xué)生的出勤率會在出勤表上進行詳細記錄，而隨堂作業(yè)會采用打分的形式，出勤率和隨堂練習(xí)一起共占最終總成績20%的分值；最后的期末考試是現(xiàn)場上機操作設(shè)計作品，在考試的前一個星期，教師根據(jù)所傳授的知識定一個相關(guān)主題，并說明此次的考試要求和具體的得分點，并以書面的形式發(fā)送給教研室主任和學(xué)校有經(jīng)驗的專家，讓他們給予此次考試意見，審核通過后方可進行考試，落實考試地點，現(xiàn)場讓學(xué)生根據(jù)所定的主題和考試具體的要求做出一整套的網(wǎng)頁設(shè)計作品，教師根據(jù)設(shè)計的作品進行打分，期末考試占最后總成績60%的分值。

結(jié) 語

綜上所述，該校的網(wǎng)頁設(shè)計課程教學(xué)雖然取得了一定的成績，但是還存在一些問題，因此，只有樹立正確的教學(xué)思路才能不斷地創(chuàng)新教學(xué)方法，只有不斷地創(chuàng)新教學(xué)方法才能激發(fā)學(xué)生的興趣，從而為現(xiàn)代社會培養(yǎng)復(fù)合型人才。