《網頁設計與制作》課程教學改革探索

郭聰如

摘 要：《網頁設計與制作》是計算機專業的必修課程，該課程集知識與實踐一體，深受學生的喜愛。目前多數院校在教學過程中，普遍存在“重制作，輕設計”的問題，致使學生制作出來的網頁粗糙拙劣。本文提出《網頁設計與制作》課程的教學應以“技術為設計服務”為指導思想，從教學內容、教學方法和課程考核等方面，對《網頁設計與制作》課程進行教學改革和創新研究，旨在提高學生的網頁設計與制作能力，為其適應市場需求打下良好基礎。

關鍵詞：網頁設計與制作 網頁與網站設計原則 教學改革

中圖分類號：G71 文獻標識碼：A 文章編號：1672-3791（2014）03（a）-0209-02

內蒙古科技大學是地方高等院校，畢業生大多到企業從事設計、生產、管理等技術工作，故人才培養定位于“工程實施型人才”，要求學生具有扎實的基礎理論和專業基礎知識，能夠教深入地掌握專業知識和流行生產技術，具有較強的工程實施能力，因此內蒙古科技大學的畢業生具有“上手快，留得住，后勁足”的特點，畢業生就業率連續多年位居自治區高校前列，被國務院授予“全國就業先進工作單位”光榮稱號。該校的計算機科學與技術專業在學校人才培養思想的指導下完成了專業定位，重新制定了人才培養方案和課程體系，在此背景下，計算機科學與技術專業開設了《網頁設計與制作》課程。

1 《網頁設計與制作》課程現狀及存在的問題

2 《網頁設計與制作》課程改革思路

以適應企業需求為導向，以培養學生網頁設計能力為根本，以項目教學和案例教學為手段，以實際網站為目標，進行課程內容的編排和改革。[2]緊跟當前市場需求，及時對教學內容作出調整，特別強調網站與網頁設計原則理論知識，在講授網頁制作技術的過程中注重網頁設計基本理論與基礎知識的滲透，努力提高學生的審美情趣，在潛移默化中讓學生形成“技術為設計服務”的思想，讓這種思想指導其網頁設計與制作行為，最后將這種認識轉換為能力，最終體現在其網頁設計作品上。

3 《網頁設計與制作》課程教學改革方案

以“技術為設計服務”為指導思想，以項目教學和案例教學為手段，通過項目驅動，[3]讓學生在32學時講授+32學時上機的學習過程中，獨立完成上機項目。上機項目按照具備知識水平由易到難，需求由低到高，設計方案由局部到整體的梯度進行，符合教育教學的基本規律。結課后，以一個綜合項目的開發作為對學生學習效果的最后的評價。綜合項目的開發，實際上是學生實踐和獨立探究的過程，在此過程中，增長了學生的知識，培養了學生創造性思維和發現問題、解決問題的能力。

3.1 教學內容的編排

網頁與網站設計原則模塊：在本課程的教學過程中處于指導地位和核心地位。通過該模塊的教學，首先讓學生掌握網站的3C設計原則，即簡潔、一致性、對比度。通過一些優秀網站設計案例的展示，使學生對3C設計原則有初步的體會和認識。其次讓學生掌握頁面設計要點，包括：精心組織的內容、格式美觀的正文、和諧的色彩搭配、較好的對比度、生動的背景圖案、頁面元素大小適中，布局均勻、不同元素間的留白等。通過優秀網站設計案例的講解，讓學生初步體會每一個頁面設計要點。在隨后的課程講授及上機實踐中，通過具體案例，強調網頁與網站設計原則，讓學生對3C設計原則及頁面設計要點有更深的體會和認識，在潛移默化中，學會用網頁與網站設計原則指導自己的網站制作行為。

4 《網頁設計與制作》課程考核體系

本課程的考核方式為考察，主要考察學生的實踐能力及學生網頁與網站設計原則的掌握情況。將平時表現，上機項目完成情況、綜合項目的開發情況相結合，從而得出學生的最終成績。

考核方案設計如下。

平時表現10分：包括上課出勤，上機出勤。有課堂主動回答問題的額外加3分。

綜合項目開發：通過本課程掌握的網站設計原則及制作方法，完成綜合項目的設計與制作。（50分）

設計要求（25分）：需求分析充分，欄目設計合理，功能完善，網站深度不低于3級別（5分）；主題鮮明，頁面布局合理，配色和諧，形式美觀，風格統一（10分）；logo、banner的設計應突出主題，與頁面風格相協調（5分）；要有便捷的導航信息。網站內容豐富，具有良好的可讀性（5分）。

技術要求（25分）：站點文件組織規劃合理，主頁必須以index命名（2分）；代碼書寫符合XHTML語法規范（3分）；用Div對網站進行總體布局，局部布局可用表格（6分）；用css進行頁面的美化，對樣式的定義統一寫在外部樣式表中（6分）；多媒體元素運用得當，適合網絡傳輸（3分）；頁面中包含有JavaScript實現的特效（5分）。

5 結語

改革后的《網頁設計與制作》課程重視學生網頁設計能力的培養，在每一次的教學實踐環節中，都在強調網頁與網站設計原則，在潛移默化中讓學生學會用網頁與網站設計原則來指導自己的制作行為。在此原則的指導下，74名學生完成的綜合項目開發作品中，符合網站與網頁設計原則的作品有62.3%，其中優秀作品比例為 12.6%，較未實行教改前學生的設計與制作水平有了明顯提高。實踐證明，以“技術為設計服務”為指導思想的《網頁設計與制作》課程教學改革實在可行，提高了學生網站設計與制作水平，為其以后的就業打下了良好基礎。

參考文獻

[1] 邵小蘭.淺析網頁設計中的藝術設計[J].科技資訊，2011（15）：14.

[2] 王曉紅，周立.《網頁設計與制作》課程教學改革[J].北京聯合大學學報：自然科學版，2006（4）：90-92.

[3] 呂立霞.以產品開發為工作過程的《靜態網頁設計》課程改革[J].當代教育論壇，2011（4）：116-118.