《網(wǎng)頁設(shè)計》課程教學(xué)研究與探討

隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)頁設(shè)計已經(jīng)成為一門比較熱門的技術(shù)，它應(yīng)用范圍非常廣、實踐性要求非常強、包含內(nèi)容非常豐富，是高職院校計算機專業(yè)領(lǐng)域普遍開設(shè)的一門課程。教育行業(yè)對該課程的教學(xué)方法也進行了大量的研究與探討。本文中，筆者根據(jù)自己在學(xué)校的教學(xué)經(jīng)驗，對《網(wǎng)頁設(shè)計》的教學(xué)體系和教學(xué)方法進行探討和研究。

一、課程教學(xué)現(xiàn)狀

目前，在福建工程學(xué)院軟件學(xué)院，《網(wǎng)頁設(shè)計》是作為一門認證課程，所有學(xué)生都參與ADOBE Dreamweaver認證。在以往的該課程的教學(xué)中，多采用傳統(tǒng)教學(xué)方法，教師往往花很多精力介紹工具軟件的使用方法，忽視了在整個知識體系下配套教學(xué)和實踐能力鍛煉;其結(jié)果是很多學(xué)生只會機械的操作工具軟件，但無法獨立進行網(wǎng)站規(guī)劃和頁面設(shè)計。這顯然無法滿足企業(yè)的專業(yè)人才需求，也與我們的教學(xué)宗旨相違背。為此我們試圖找出一條解決傳統(tǒng)教學(xué)方法中的弊端、能更好實現(xiàn)就業(yè)導(dǎo)向型高職院校的教學(xué)宗旨的教學(xué)方法。

二、教學(xué)體系研究

《網(wǎng)頁設(shè)計》是一門實踐性較強的課程，與其他課程關(guān)聯(lián)密切;因此本課程教學(xué)應(yīng)該在課程教學(xué)體系下進行。教學(xué)體系主要包含以下幾點:根據(jù)就業(yè)導(dǎo)向型的教學(xué)宗旨制定專業(yè)培養(yǎng)計劃;研究行之有效的教學(xué)手段;制定激勵機制，激發(fā)學(xué)生主動學(xué)習(xí)的熱情;改進課程考核方法;建立教學(xué)質(zhì)量保障體系。具體如圖1所示。

1.課程體系分析

《網(wǎng)頁設(shè)計》所涉及的范圍很廣，它包含工具軟件的使用，如Dreamweaver頁面布局軟件、Photoshop圖像處理軟件、FLASH動畫設(shè)計、客戶端腳本、動態(tài)編程、色彩構(gòu)成和平面構(gòu)成等相關(guān)知識，如圖2所示。《Dreamweaver網(wǎng)頁設(shè)計》是整個課程體系的中心。教學(xué)中應(yīng)在充分了解課程體系的前提下制定專業(yè)培養(yǎng)計劃，把本課程的教學(xué)置于培養(yǎng)計劃中，在制定培養(yǎng)計劃的時候還應(yīng)注意各知識點之間的相互關(guān)系開課順序。另外針對不同的專業(yè)講解應(yīng)有所偏重，如圖形圖像和多媒體專業(yè)，主要以設(shè)計靜態(tài)頁面為主，所以教學(xué)的內(nèi)容偏重網(wǎng)頁設(shè)計與圖像處理和動畫制作的結(jié)合;Web專業(yè)則要兼顧動態(tài)編程知識。

2.教學(xué)方法研究

針對該課程的教學(xué)方法，目前教育界已經(jīng)做了很多探討，如案例教學(xué)法、項目驅(qū)動教學(xué)法、問題教學(xué)法、興趣教學(xué)法等。在實際教學(xué)中，我們認為采用案例教學(xué)法教學(xué)能讓學(xué)生更容易理解教學(xué)內(nèi)容，起到觸類旁通的效果。因此以案例貫穿整個教學(xué)過程，根據(jù)教學(xué)目標(biāo)和教學(xué)內(nèi)容選用典型案例，通過對案例的講解分析，講授案例中所用到的理論知識，融會枯燥的理論學(xué)習(xí)于生動的案例中。這樣有助于培養(yǎng)學(xué)生分析問題、解決問題的能力。

(1)案例設(shè)計。在《網(wǎng)頁設(shè)計》教學(xué)過程中，案例的選取是至關(guān)重要的，它直接影響教學(xué)效果，在案例設(shè)計上要注意以下幾個問題:

一是依據(jù)專業(yè)培養(yǎng)目標(biāo)、教學(xué)目的選取既能融合相關(guān)網(wǎng)頁知識，又提高學(xué)生感性認識、提高其分析問題、解決問題能力的網(wǎng)頁案例。

二是網(wǎng)頁制作所涉及的范圍很廣，而案例的選取應(yīng)該結(jié)合各個專業(yè)的培養(yǎng)計劃和教學(xué)進度，如圖形圖像和多媒體專業(yè)的學(xué)生主要定位在網(wǎng)頁美工方面，網(wǎng)頁美工重點在于頁面設(shè)計、網(wǎng)頁布局及CSS應(yīng)用，所以應(yīng)該把photoshop和Illustrator兩門課程結(jié)合起來，因此案例的選取必須以能夠提高學(xué)生網(wǎng)頁布局和頁面設(shè)計來進行。

三是選擇的案例須從簡單到難，循序漸進的原則，不能過于簡單也不能過于難，要保證80%以上的學(xué)生能夠順利完成，另外選擇的網(wǎng)頁要以社會上普遍存在的為代表，如學(xué)校，公司，個人等，例如筆者選擇了“個人網(wǎng)頁”、“中國電信”、“溫州新星學(xué)校”三個案例來進行。

(2)案例教學(xué)。選好案例后就是要讓案例成功的進行。所以一開始要將案例化整為零，從最基礎(chǔ)的部分開始，但是每一次課所講的內(nèi)容都得圍繞著整體案例進行拓展，上課前先展示案例，告訴學(xué)生今天我們所要學(xué)的是案例的哪一部分內(nèi)容，這樣使課程結(jié)束后學(xué)生能夠獨立完成案例的內(nèi)容，并能夠以案例為基礎(chǔ)完成其他網(wǎng)頁制作。

同時要善于利用案例引導(dǎo)學(xué)生的學(xué)習(xí)，提出一些啟發(fā)性的問題，讓學(xué)生自己去思考、上網(wǎng)查資料、或自己買書，使學(xué)生掌握基本知識的基礎(chǔ)上進一步引申到相關(guān)的問題上，同時也提高了學(xué)生的自學(xué)能力。

2.調(diào)動學(xué)生積極性，提高學(xué)生實踐技能

教學(xué)中我們發(fā)現(xiàn)經(jīng)常是上理論課學(xué)生都聽得懂，上試驗課不知從何入手，課程上完后只能做一個十分簡單的網(wǎng)頁，無法投入實用。為提高學(xué)生的實際動手能力，就要加強學(xué)生的作品、課程設(shè)計。這就要多鼓勵學(xué)生，提高他們的積極性和興趣，如參加各級部門舉辦的各種比賽。

(1)加大平時成績比例，提高學(xué)生積極主動性。對于在校的學(xué)生來講，成績與榮譽是他們十分看重的。因此提高平時成績比例，學(xué)生就有按時完成作業(yè)的積極性和壓迫性。同時還可以經(jīng)常表揚做得好的同學(xué)，激發(fā)他們的學(xué)習(xí)熱情，并鼓勵他們組成團隊帶動班級學(xué)習(xí)氣氛、幫助其他同學(xué)一起進步。

(2)布置任務(wù)，創(chuàng)造場景，調(diào)動學(xué)生學(xué)習(xí)熱情。完成課堂試驗僅能幫助學(xué)生鞏固上節(jié)課知識點，無法讓學(xué)生融會貫通整個知識體系，通過布置“期中課程設(shè)計”和“期末課程設(shè)計”能幫助學(xué)生做到這點。它類似于大三學(xué)生的實訓(xùn)，這是檢驗學(xué)生學(xué)習(xí)成果的方法，而這兩次設(shè)計也是占平時成績比例子也是最高的，告訴學(xué)生這兩次課程設(shè)計可以直接影響到期末成績。還有這兩次的作品完成后，每位學(xué)生都必須上臺演示作品，這既是學(xué)生自我展示的過程，也是清楚自己的技術(shù)水平。同學(xué)間相互進行點評，這樣能相互啟發(fā)，取長補短，加深對課程知識的理解。實踐證明這往往比教師授課更能激發(fā)學(xué)生的學(xué)習(xí)欲望。

(3)鼓勵參各種比賽，提高學(xué)生動手技能。學(xué)生參與各種比賽既能為集體爭取榮譽，也能極大提升自己的動手技能。因此應(yīng)該鼓勵對網(wǎng)頁制作感興趣的同學(xué)多參加由各種級別的比賽，如國家、省、市和學(xué)校舉辦的各種比賽。這樣他們才能充分表現(xiàn)自己， 鍛煉自己的思想方法、分析問題和解決問題的能力。通過學(xué)生組成團比賽能起到互補的作用，同時也加強他們團隊精神。如由于圖形圖像和多媒體專業(yè)學(xué)生對“網(wǎng)頁編程”技術(shù)欠缺，可以鼓勵圖形圖像和多媒體學(xué)生與web和數(shù)據(jù)專業(yè)的學(xué)生組成團隊。為提高學(xué)生參賽積極性，可以設(shè)立相應(yīng)的獎勵措施。例如，參賽作平可以當(dāng)其中作品和期末作品;另參賽獲一等獎的學(xué)生，平時分加10分，二等將加8分，三等獎加6分，參賽者加2分等。

(4)改進課程考核方法。網(wǎng)頁設(shè)計是一門實踐性課程，因此不僅要考核學(xué)生的理論水平，還要考核學(xué)生動手技能和網(wǎng)頁設(shè)計的理念，因此不能簡單的依靠卷面考核方式，應(yīng)該建立一套行之有效的考核體系。在教學(xué)實踐中，我們采用如下方案:課程期末成績應(yīng)由卷面成績(A)、課程實訓(xùn)成績(B)、平實出勤成績(C)、獎勵成績(D)組成，具體比例構(gòu)成如圖3。

總之，《網(wǎng)頁設(shè)計》是涵蓋知識面較廣的一門課程。我們必須明確高職院校學(xué)生的培養(yǎng)目標(biāo)，在整個知識體系的下進行設(shè)置合理的培養(yǎng)計劃，使學(xué)生能夠真正學(xué)以致用。在課程教學(xué)中運用案例教學(xué)法等多種教學(xué)方法，充分激發(fā)學(xué)生的學(xué)習(xí)熱情，只有這樣才能真正提高課堂教學(xué)效果，提高教學(xué)質(zhì)量，培養(yǎng)符合時代發(fā)展要求的新型高素質(zhì)應(yīng)用型人才。

(作者單位:福建工程學(xué)院軟件學(xué)院，湖南大學(xué)軟件學(xué)院)