高校網頁設計課程教學的創新與實踐
——以安徽外國語學院為例

□甄 真 安徽外國語學院

一、網頁設計課程的發展背景

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

二、當下高校網頁設計課程教學存在的主要問題

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

三、網頁設計課程教學的創新實踐與探究——以安徽外國語學院為例

通過了解當下高校網頁設計課程教學中存在的各種問題，該校在網頁設計課程的教學中，從教學方法、教學內容、教學模式、考核方式等多方面入手，進行教學革新和實踐探究，為社會培養復合型人才。

（一）教學方法的改革

教學方法是課程學習的核心和培養人才的重要手段。從當前各大高校網頁設計課程教學現狀來看，多數教師還在運用傳統教學方法進行教學，由于當下高校網頁課程體系較為復雜，因此，單一、片面的教學方法遠遠不能滿足當下教學的需求。

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

（二）教學內容的更新

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

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

（三）工作室培養模式

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

（四）運用小組形式開展網頁設計教學

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

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

（五）優化考核方式

傳統的考核方式已經不適應大環境下高校網頁設計課程的實際需要，因此，該校在網頁設計課程考核方面進行了很大的改進，避免了以理論成績為主的弊端。該校除了對網頁設計的基本理論知識進行考核以外，還對學生進行上機操作的實踐進行考核，并且把平時成績也作為一個重要的依據。

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

結 語

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