黃剛　李洪進

摘要：“網(wǎng)頁設(shè)計與制作”是近年來計算機應(yīng)用領(lǐng)域發(fā)展更新程度最快、應(yīng)用最廣泛的課程之一，當(dāng)今社會急需各種不同層次，掌握基本網(wǎng)頁設(shè)計技能的專業(yè)人才。隨著計算機網(wǎng)絡(luò)技術(shù)的發(fā)展，“網(wǎng)頁設(shè)計與制作”課程在高校的課程體系所占據(jù)的比重不斷提高，網(wǎng)頁設(shè)計課程教學(xué)改革成為高校計算機教學(xué)工作者不可避免要面對的問題。該文從現(xiàn)行網(wǎng)頁課程教學(xué)中存在的問題著手， 提出了網(wǎng)頁課程教學(xué)改革的一些主要舉措。

關(guān)鍵詞：網(wǎng)頁設(shè)計；教學(xué)理念；改革

中圖分類號：TP393 文獻標(biāo)識碼：A 文章編號：1009-3044（2014）17-4076-02

1 概述

隨著計算機網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，網(wǎng)站建設(shè)也迎來了其快速發(fā)展的契機，瀏覽網(wǎng)頁也漸漸成為網(wǎng)絡(luò)信息獲取的主要方式。網(wǎng)頁作為網(wǎng)絡(luò)展示信息的主要渠道，除了展示靜態(tài)的文字信息，越來越傾向展示多媒體信息，給網(wǎng)頁設(shè)計技術(shù)帶來的變化就是不僅需要掌握基本網(wǎng)頁設(shè)計語言HTML，還需要掌握很多可以讓網(wǎng)頁運行更高效，增加網(wǎng)頁吸引力的技術(shù)，這些技術(shù)包括網(wǎng)頁結(jié)構(gòu)設(shè)計XHTML語言、編輯工具使用、FLASH設(shè)計、圖像圖像處理、客服端腳本技術(shù)JavaScript、布局美化技術(shù)CSS等。社會對網(wǎng)頁設(shè)計人才具有巨大的需求，學(xué)校教育必須加快網(wǎng)頁制作和設(shè)計課程的建設(shè)，以滿足社會對此方面技術(shù)人才的巨大需求。同時， 網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，也無形中對網(wǎng)頁課程的教學(xué)提出了更高的要求。

《網(wǎng)頁設(shè)計與制作》課程是我校非計算機專業(yè)的公共選修課程，筆者經(jīng)過幾輪的該課程的教學(xué)實踐，總結(jié)出一下幾個需要在今后的教學(xué)中進一步思考的問題：一是網(wǎng)頁設(shè)計涉及到的知識點很多，上課的學(xué)生都是非計算機專業(yè)，缺乏相關(guān)背景知識，如何彌所需補知識背景和學(xué)生專業(yè)之間差距就是主要需要思考的的問題；二是缺乏相應(yīng)的美學(xué)鑒賞能力，設(shè)計的網(wǎng)頁布局和版面不協(xié)調(diào)，如何誘導(dǎo)學(xué)生在這方面投入上課之外的更多精力進一步研究也是需要考慮的問題。從課程性質(zhì)上看，《網(wǎng)頁設(shè)計與制作》是我校的公共選修課，學(xué)時安排每周一次課，2 節(jié)課時，學(xué)時安排也比較少。在相對較少的學(xué)時下，如何讓學(xué)生快速而高效地學(xué)習(xí)并熟練掌握網(wǎng)頁設(shè)計中需要的相關(guān)知識和技能，是筆者在教學(xué)過程所需考量的首要問題。以下將從教學(xué)內(nèi)容、教學(xué)方法和考核評價方式等幾個方面綜合闡述筆者教學(xué)改革的探索。

2 教學(xué)理念的改革

網(wǎng)頁設(shè)計的過程從嚴格意義上來講可以分為布局設(shè)計和后臺程序編寫兩個階段，而且這兩個階段往往是交替遞進的。隨著網(wǎng)絡(luò)多媒體技術(shù)的發(fā)展，網(wǎng)頁設(shè)計更多的開始需要和各種多媒體元素相結(jié)合，簡而言之就是向圖文并茂的趨勢發(fā)展，對特定的設(shè)計需求，特定的配色方案要求越來越高。網(wǎng)頁設(shè)計的工作目標(biāo)，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設(shè)計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網(wǎng)頁設(shè)計甚至?xí)紤]到通過聲光、交互等來實現(xiàn)更好的試聽感受，網(wǎng)頁設(shè)計過多的要求關(guān)注用戶的體驗。網(wǎng)頁生成的過程中配色、布局等設(shè)計元素需要更緊密的和網(wǎng)頁代碼編寫的制作過程搭配起來。

考慮到《網(wǎng)頁設(shè)計與制作》是我校非計算機專業(yè)的公共選修課，參加的課程學(xué)習(xí)的有理科專業(yè)也有文科專業(yè)，同學(xué)們的專業(yè)背景和計算機操作技能水平也參差不齊，所以筆者承擔(dān)的這門課程的講授的出發(fā)點是網(wǎng)頁制作的語言和所學(xué)的工具，在掌握此類的網(wǎng)頁制作的基礎(chǔ)技術(shù)的基礎(chǔ)上適當(dāng)?shù)奶砑右恍W(wǎng)頁設(shè)計需要考慮到的部分元素的討論環(huán)節(jié)，討論環(huán)節(jié)有以下三方面：

1）色彩搭配，學(xué)生除了色彩理論以及冷暖色調(diào)的基本理論，還需要了解特定類型網(wǎng)站的整個行業(yè)的配色慣例，包括行業(yè)避忌的顏色和特定設(shè)計方案的特征選色。

2）整體風(fēng)格，整體風(fēng)格和創(chuàng)意設(shè)計是整個網(wǎng)頁設(shè)計過程中最能把握的元素，難度在于風(fēng)格和創(chuàng)意是一個很直觀的概念，參雜了設(shè)計者自身的經(jīng)歷和體驗，沒有固定的模式來參照和模仿。

3）善用圖像，了解網(wǎng)頁所需的圖像構(gòu)成，包括矢量圖、位圖的構(gòu)成，以及不同圖像的適用場合。

閉門造車做出的網(wǎng)頁設(shè)計作品，總是趕不上綜合借鑒者的設(shè)計作品的。所以在講授的過程中，筆者還穿插安排了一定課時去分析總結(jié)不同行業(yè)商業(yè)網(wǎng)站的特點，培養(yǎng)學(xué)生的綜合設(shè)計分析能力。

3 靈活制定理論教學(xué)內(nèi)容

網(wǎng)頁技術(shù)更新發(fā)展很快，也正是由于網(wǎng)頁技術(shù)更新快的原因，所以現(xiàn)行的大部分的教材講述內(nèi)容往往滯后于當(dāng)前技術(shù)的進步和知識的更新。網(wǎng)頁設(shè)計與制作的新技術(shù)不斷涌現(xiàn)，如果授課內(nèi)容常年保持不做更改，很容易就會出現(xiàn)知識陳舊，落后于當(dāng)前技術(shù)發(fā)展的問題。筆者通過多次課程講授經(jīng)驗總結(jié)，結(jié)合自己對最新網(wǎng)頁設(shè)計制作技術(shù)的深入研究，力求把網(wǎng)頁設(shè)計制作過程中的最新實用引入課堂知識講述中。

本著“從淺到深、從基本到綜合，技術(shù)與理論相結(jié)合”的基本教學(xué)原則，筆者對教學(xué)環(huán)節(jié)的講述內(nèi)容重新進行合理地整合和模塊的劃分。本課程的理論教學(xué)內(nèi)容規(guī)劃為以下七個知識章節(jié)，這些章節(jié)的講述內(nèi)容相對獨立，同時利于實現(xiàn)課程模塊動態(tài)組合，實施分層次教學(xué)。

章節(jié)一：靜態(tài)網(wǎng)頁設(shè)計語言；主要介紹靜態(tài)網(wǎng)頁制作的標(biāo)記語言HTML（超文本標(biāo)記語言）、網(wǎng)頁樣式定制CSS（ 級聯(lián)樣式表）以及常用的瀏覽模式器ietester的使用。

章節(jié)二：文本編輯工具Editplus。介紹文本編輯工具Editplus的安裝與使用，使用Editplus設(shè)計網(wǎng)站的步驟、創(chuàng)建網(wǎng)頁、插入文本、插入圖片、插入音頻、插入視頻、設(shè)置字體、設(shè)置顏色、使用table進行網(wǎng)頁布局、使用div進行網(wǎng)頁布局等知識。

章節(jié)三：Flash設(shè)計工具SwishMAX。主要介紹SwishMAX軟件的基本操作，以及使用SwishMAX設(shè)計圖文并茂的Flash，并插入網(wǎng)頁的操作等知識。

章節(jié)四：圖片處理工具FireWorks。主要介紹FireWorks軟件的基本操作，以及使用FireWorks更改圖片尺寸、圖片文字處理、圖片切片、圖片設(shè)置熱點，以及將圖片導(dǎo)出為網(wǎng)頁等知識。endprint

章節(jié)五：JavaScript腳本特效工具網(wǎng)頁特效精靈。主要介紹網(wǎng)頁特效精靈軟件的基本操作，包括插入基本類型特效、文字特效、圖片特效、鼠標(biāo)特效、菜單特效等知識。

章節(jié)六：FLV視頻下載工具碩鼠下載器。主要介紹碩鼠下載器的使用方法，以及使用下載器下載FLV視頻和在網(wǎng)頁中插入FLV視頻等知識。

章節(jié)七：優(yōu)秀網(wǎng)站設(shè)計作品鑒賞。引導(dǎo)學(xué)生分析總結(jié)不同行業(yè)商業(yè)網(wǎng)站的特點，培養(yǎng)學(xué)生的綜合設(shè)計分析能力。

4 教學(xué)方法的探索

在教學(xué)的過程中，任課教師正確地選擇以及不斷地改進教學(xué)方法，是教學(xué)過程中至關(guān)重要的一個環(huán)節(jié)。網(wǎng)頁設(shè)計課程是一門實踐性和技術(shù)性相結(jié)合的，并且極富創(chuàng)造性的課程。同時課程隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，課程的教學(xué)內(nèi)容和方法也需要隨之發(fā)生改變，學(xué)生只有緊跟最新網(wǎng)頁設(shè)計技術(shù)，不斷的摸索和練習(xí)，才能真正學(xué)會和掌握最新的而且是不落后于技術(shù)發(fā)展的網(wǎng)頁設(shè)計知識和技術(shù)。在筆者多次的的教學(xué)過程中，總結(jié)發(fā)現(xiàn)網(wǎng)頁設(shè)計和制作技術(shù)具有知識點分散，傳統(tǒng)教學(xué)方式無法將各種知識點整體融會貫通的難點存在?；诙啻蔚慕虒W(xué)過程經(jīng)驗，筆者總結(jié)出網(wǎng)頁設(shè)計與制作課程特別適合采用任務(wù)驅(qū)動法進行教學(xué)。

任務(wù)驅(qū)動法具體實施過程中學(xué)生在特定的任務(wù)驅(qū)動目標(biāo)下，緊跟教師的教學(xué)活動。任務(wù)的設(shè)計需要從網(wǎng)頁設(shè)計和制作的實際工作過程出發(fā)。同時任務(wù)的設(shè)計對任課教師的需要掌握的知識和技能水平提出了很高的要求，任課教師不僅要改變教學(xué)的觀念，還要對課程本身具有很深層次的理解。教師可以通過設(shè)計的相關(guān)系列案例，把需要闡述的網(wǎng)頁設(shè)計與制作課程的相關(guān)章節(jié)的知識點涵蓋進去，在課堂教學(xué)過程中不斷地運用有針對性的案例來引導(dǎo)學(xué)生學(xué)習(xí)，并按照對應(yīng)章節(jié)的教學(xué)內(nèi)容，逐步深入學(xué)習(xí)，教師通過實際操作和理論知識相結(jié)合講解涉及到的新知識。通過對相應(yīng)針對性案例的學(xué)習(xí)，學(xué)生能夠輕松掌握網(wǎng)頁設(shè)計與制作課程中相關(guān)知識點。

筆者在教學(xué)過程中設(shè)計了以下三個案例，從不同的角度引導(dǎo)學(xué)生掌握網(wǎng)頁設(shè)計所需要的相關(guān)技術(shù)知識。這三個案例分別是：

案例一，單個頁面設(shè)計制作，涵蓋章節(jié)一、章節(jié)二、章節(jié)三的練習(xí)內(nèi)容；

案例二，圖文Flash展示頁面制作，涵蓋章節(jié)四、章節(jié)五的練習(xí)內(nèi)容；

案例三，表格布局個人網(wǎng)站設(shè)計制作，綜合設(shè)計，需要練習(xí)章節(jié)一至章節(jié)七的所有內(nèi)容。

采用案例教學(xué)法，學(xué)生可以在有針對性的網(wǎng)頁任務(wù)驅(qū)動下展開學(xué)習(xí)活動，通過網(wǎng)頁設(shè)計上機練習(xí)，掌握相關(guān)章節(jié)的技術(shù)知識。筆者在具體教學(xué)中一直遵循著兩個基本原則：一是理論教學(xué)中遵循倒敘講授的原則，即首先展示設(shè)計完成后的作品，然后引導(dǎo)學(xué)生進行有針對性的分析，分析網(wǎng)站的整體布局和配色方案，分析總結(jié)網(wǎng)站各個部分流程方案，最后具體都各個部分實現(xiàn)細節(jié)。二是以提高能力為目的的原則，講授知識點的同時還應(yīng)當(dāng)同時側(cè)重于解決問題的思路和方法，同時在分析過程中鼓勵上課的學(xué)生多思考使用不同的方法解決問題的思路，更大的激發(fā)他們的學(xué)習(xí)欲望，從而培養(yǎng)學(xué)生獨立解決網(wǎng)頁設(shè)計技術(shù)問題的學(xué)習(xí)態(tài)度。

5 改革課程考核方式，正確評價學(xué)生的學(xué)習(xí)效果

網(wǎng)頁設(shè)計與制作課程需要的考核方式，不僅應(yīng)該有利于全面真實地反映參與學(xué)生的綜合學(xué)習(xí)水平，而且還應(yīng)該有利于激發(fā)學(xué)生的自主參與學(xué)習(xí)的積極性。同時，網(wǎng)頁設(shè)計與制作課程，更多傾向于培養(yǎng)學(xué)生的實際動手能力，如果考試內(nèi)容過多偏向于對記憶型知識的考查，就忽略了對課程本身性質(zhì)的思考。筆者任務(wù)本課程的考核應(yīng)該有別于傳統(tǒng)課程的考核方式，側(cè)重點在考核學(xué)生的實際動手能力和綜合設(shè)計能力?？己说闹饕繕?biāo)是學(xué)生制作的網(wǎng)頁作品，同時輔以考察學(xué)生的學(xué)習(xí)過程，力求全面反映學(xué)生的學(xué)習(xí)情況。故課程最終成績的包含了20%的課堂考勤成績和80%的網(wǎng)頁設(shè)計作品成績，網(wǎng)頁設(shè)計作品成績由三個案例設(shè)計成績綜合而來。在驗收網(wǎng)頁設(shè)計作品的過程中，由學(xué)生在通過計算機機房的教學(xué)軟件把自己的網(wǎng)頁設(shè)計作品展示出來，并且講解整個構(gòu)思、設(shè)計以及實現(xiàn)過程。實踐證明，由于考核過程側(cè)重了學(xué)生實際動手能力和基本專業(yè)素質(zhì)的培養(yǎng)，取得了比單獨進行理論教學(xué)考核方式更好的教學(xué)效果。

6 結(jié)束語

在計算機網(wǎng)絡(luò)極度普及的今天，人們可以非?？旖莸孬@得到大量的網(wǎng)頁設(shè)計與制作相關(guān)的學(xué)習(xí)資源，《網(wǎng)頁設(shè)計與制作》課程的任課教師要想獲得學(xué)生的積極參與和普遍認同，就需要不斷知識和技能的機構(gòu)上充實自我。任課教師不僅需要對緊跟網(wǎng)絡(luò)技術(shù)的發(fā)展，研究最新網(wǎng)頁設(shè)計與制作的技術(shù)和技能，還需要要不斷對課程實施的教學(xué)方法、教學(xué)手段進行創(chuàng)新。以充實的內(nèi)容吸引學(xué)生自主進行學(xué)習(xí)，以任務(wù)式教學(xué)引導(dǎo)學(xué)生主動參與學(xué)習(xí)，使得學(xué)生在課程的學(xué)習(xí)中獲得更高的成就感。實踐證明，筆者采用以上教學(xué)改革方法，調(diào)動了學(xué)生的學(xué)習(xí)積極性，在激發(fā)了學(xué)生的學(xué)習(xí)興趣的同時也改善了課程的教學(xué)效果。在今后的教學(xué)過程中，筆者將進一步實踐探索，改革創(chuàng)新，爭取得到更好的教學(xué)效果。

參考文獻：

[1] 尹玉菡，楊萬軍.非計算機專業(yè)《網(wǎng)頁設(shè)計制作》課程教學(xué)設(shè)計與實踐[J].遼寧師專學(xué)報，2010，12（01）：44-45.

[2] 呂紅，王文捷，林茂.《網(wǎng)頁設(shè)計》教學(xué)改革的探索與實踐[J].科技教育創(chuàng)新，2009（20）：226-227.

[3] 殷兆燕，崔毓娟.《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革探索與實踐[J].常州信息職業(yè)技術(shù)學(xué)院，2009，8（4）：64-66.

[4] 張麗香.高校網(wǎng)頁設(shè)計課程教學(xué)探討[J].大眾科技，2008，（5）：10-105.

[5] 祝智庭.網(wǎng)絡(luò)教育應(yīng)用教程[M].北京：北京師范大學(xué)出版社，2001.

[6] 劉顯麗.網(wǎng)頁制作課程的整合研究[J].遼寧教育行政學(xué)院學(xué)報，2005，（2）：125-126.endprint