高校教育技術(shù)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)改革初探

徐兆佳 徐向群 史創(chuàng)明

摘 要 針對(duì)高校開(kāi)設(shè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程培養(yǎng)的學(xué)生無(wú)法滿足事企業(yè)單位需求的問(wèn)題，文章以整個(gè)教育技術(shù)學(xué)課程體系為研究對(duì)象，研究如何將網(wǎng)頁(yè)設(shè)計(jì)與制作大方向的相關(guān)技術(shù)進(jìn)行整合，在整個(gè)學(xué)習(xí)過(guò)程中將學(xué)生分層分級(jí)，將知識(shí)分階段，進(jìn)行“教傳幫帶”的層層深入學(xué)習(xí)。

關(guān)鍵詞 教育技術(shù)專業(yè) 網(wǎng)頁(yè)設(shè)計(jì)與制作 教學(xué)改革

中圖分類號(hào)：G424 文獻(xiàn)標(biāo)識(shí)碼：A

0 引言

隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，利用互聯(lián)網(wǎng)獲取信息已成為人們生活學(xué)習(xí)不可缺少的部分，①同時(shí)作為各種教育類機(jī)構(gòu)在網(wǎng)絡(luò)信息時(shí)代的窗口，這些事企業(yè)單位急需大量的網(wǎng)頁(yè)制作人才，網(wǎng)頁(yè)設(shè)計(jì)與制作課程乃至相關(guān)的學(xué)科內(nèi)部方向，成為高校教育技術(shù)專業(yè)的核心課程。

傳統(tǒng)的教學(xué)模式培養(yǎng)的學(xué)生，往往不能適應(yīng)用人單位的要求。網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)內(nèi)容與市場(chǎng)需求相脫離，距離社會(huì)崗位要求甚遠(yuǎn)，無(wú)法勝任事企業(yè)崗位等問(wèn)題。②

1 課程改革原因分析

筆者認(rèn)為，造成高校開(kāi)設(shè)網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)與事企業(yè)單位用人需求脫節(jié)的主要原因有以下幾個(gè)方面：

（1）網(wǎng)頁(yè)設(shè)計(jì)與制作課程開(kāi)設(shè)滯后。教育技術(shù)專業(yè)全程教學(xué)計(jì)劃中，在第二學(xué)期開(kāi)設(shè)圖像制作課程；但是到第四學(xué)期才開(kāi)設(shè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程，而且學(xué)時(shí)受到壓縮，不僅學(xué)生學(xué)到的知識(shí)有限，還不能得到實(shí)際的鍛煉；而后續(xù)專業(yè)課程Flash和C#在第五學(xué)期才能開(kāi)設(shè)；社會(huì)大量需求的如Flex和Ajax以及后臺(tái)代碼編程的ASP.NET或PHP在第六學(xué)期才能開(kāi)設(shè)；而在第七學(xué)期開(kāi)始專業(yè)方向訓(xùn)練為時(shí)已晚，許多學(xué)生選擇去考研和盲目地開(kāi)始實(shí)習(xí)。

（2）相關(guān)教材編寫沒(méi)有連續(xù)性。當(dāng)前大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)與制作方向的教材都是基礎(chǔ)知識(shí)的講解，提供的案例也都相對(duì)簡(jiǎn)單且實(shí)用性不強(qiáng)。絕大多數(shù)的教材都沒(méi)有交叉性，無(wú)法體現(xiàn)出網(wǎng)頁(yè)設(shè)計(jì)與制作作為現(xiàn)今主流的B/S模式下系統(tǒng)開(kāi)發(fā)體系在跨平臺(tái)性、交互性、開(kāi)放性等方面的優(yōu)勢(shì)。使得學(xué)生們總認(rèn)為什么技術(shù)都只學(xué)個(gè)皮毛。

2 深入開(kāi)展網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)改革的探討

湖北第二師范學(xué)院計(jì)算機(jī)信息技術(shù)系，從2011年開(kāi)始，比照教育技術(shù)專業(yè)的多個(gè)大的方向，將學(xué)生分為多個(gè)課程組。提出“基礎(chǔ)知識(shí)扎實(shí)化；特長(zhǎng)教育持續(xù)化；產(chǎn)學(xué)研用③一體化”的方針，進(jìn)行了教育技術(shù)方向的“三化”教學(xué)改革。要求學(xué)生在學(xué)好本專業(yè)基礎(chǔ)課程的同時(shí)，還要掌握一種自己的特長(zhǎng)技術(shù)，為勝任畢業(yè)后工作的需求對(duì)學(xué)生進(jìn)行大學(xué)階段的全程培養(yǎng)。通過(guò)長(zhǎng)時(shí)間的學(xué)習(xí)、討論、制定，兩年來(lái)，我們對(duì)2009、2010、2011這3個(gè)年級(jí)的近100名學(xué)生進(jìn)行了分方向培養(yǎng)。網(wǎng)頁(yè)設(shè)計(jì)與制作為其教學(xué)改革的一個(gè)方向，培養(yǎng)學(xué)生人數(shù)為31人。

2.1 基礎(chǔ)知識(shí)扎實(shí)化

選擇了在網(wǎng)頁(yè)設(shè)計(jì)與制作課程方向的同學(xué)，所要求學(xué)習(xí)的知識(shí)是一個(gè)系統(tǒng)級(jí)的體系結(jié)構(gòu)，將網(wǎng)頁(yè)設(shè)計(jì)與制作的學(xué)習(xí)過(guò)程大致分為3個(gè)階段，如圖1所示：

第一階段學(xué)習(xí)色彩與構(gòu)圖、平面圖像處理等課程。在基礎(chǔ)知識(shí)學(xué)習(xí)的過(guò)程中就不斷地提供實(shí)踐案例進(jìn)行分析講解。

第二階段學(xué)習(xí)HTML、DIV+CSS、JavaScript腳本，掌握網(wǎng)頁(yè)制作的前臺(tái)基礎(chǔ)。掌握Dreamweaver軟件的使用，結(jié)合網(wǎng)頁(yè)實(shí)例掌握DIV+CSS的各種布局方式。并對(duì)學(xué)生教授前端Js腳本技術(shù)，使其后續(xù)可以進(jìn)行網(wǎng)站的交互式開(kāi)發(fā)。

第三階段分兩個(gè)方向，學(xué)生在學(xué)習(xí)完數(shù)據(jù)庫(kù)基礎(chǔ)后選擇學(xué)習(xí)富客戶端編程或網(wǎng)頁(yè)制作后臺(tái)編程。富客戶端選擇用Flash進(jìn)行教學(xué)，后續(xù)學(xué)習(xí)ActionScript的Flex編程；網(wǎng)頁(yè)制作后臺(tái)選擇用C#進(jìn)行教學(xué)，后續(xù)學(xué)習(xí)ASP.NET的編程。

所有學(xué)生在最初學(xué)習(xí)平面設(shè)計(jì)課程組的基礎(chǔ)知識(shí)。當(dāng)?shù)诙A段開(kāi)始時(shí)，正規(guī)課堂教學(xué)開(kāi)設(shè)C語(yǔ)言，小組成員可以同時(shí)學(xué)習(xí)第二階段的課程。此后正規(guī)課堂開(kāi)設(shè)了數(shù)據(jù)庫(kù)概論的課程，成員可以在鞏固第二階段的課程后開(kāi)始進(jìn)行第三階段分方向?qū)W習(xí)。整個(gè)過(guò)程在1～2年內(nèi)全部覆蓋到。

2.2 特長(zhǎng)教育持續(xù)化

要求從大一就開(kāi)始選擇方向并持續(xù)的開(kāi)展上述知識(shí)的學(xué)習(xí)。提倡“教學(xué)為輔自學(xué)為主”的教學(xué)模式，和學(xué)以致用的精神。按上述三個(gè)學(xué)習(xí)階段通過(guò)考核將學(xué)生分成多個(gè)層次，每個(gè)層次分成同級(jí)別的多個(gè)小組。

課程的學(xué)習(xí)都是在正規(guī)課堂教學(xué)以外的時(shí)間來(lái)完成。教師首先對(duì)各個(gè)小組提出學(xué)習(xí)方向和目標(biāo)，精確到每個(gè)星期，并指定教材和參考書目及相關(guān)網(wǎng)站。高層次的小組輪流安排學(xué)生為低層次的小組進(jìn)行教學(xué)輔導(dǎo)，和布置任務(wù)，檢查作業(yè)。每個(gè)星期開(kāi)會(huì)討論和總結(jié)。教師進(jìn)行大方向的干預(yù)。最高層次的小組直接進(jìn)入老師的項(xiàng)目或老師提供的項(xiàng)目，進(jìn)行以項(xiàng)目為驅(qū)動(dòng)的教學(xué)。④

2.3 產(chǎn)學(xué)研用一體化

第一，最高層次的小組成員直接進(jìn)入老師的項(xiàng)目。可以在項(xiàng)目組中進(jìn)行后臺(tái)代碼或前端富客戶端的開(kāi)發(fā)以及文檔的撰寫。第二，組織學(xué)生積極參加國(guó)內(nèi)外的各種大創(chuàng)比賽，鍛煉學(xué)生的水平、提升學(xué)生的積極性。第三，積極和事企業(yè)單位進(jìn)行合作，將這些單位的項(xiàng)目分給學(xué)生制作，老師進(jìn)行全程監(jiān)控；或者推薦學(xué)生到對(duì)方單位加入項(xiàng)目組進(jìn)行實(shí)戰(zhàn)的開(kāi)發(fā)。

3 結(jié)語(yǔ)

通過(guò)兩年多時(shí)間的實(shí)踐和探討。學(xué)生在網(wǎng)頁(yè)設(shè)計(jì)與制作方向的實(shí)踐能力取得了穩(wěn)步的提高，并形成了一套良性循環(huán)的教學(xué)模式。低級(jí)別的學(xué)生通過(guò)學(xué)習(xí)進(jìn)入高級(jí)別，高級(jí)別的同學(xué)通過(guò)給低級(jí)別的學(xué)生教學(xué)而更加鞏固了知識(shí)，學(xué)生們的實(shí)踐制作能力得到了用人單位的肯定，達(dá)到了教學(xué)改革的效果。

注釋

① 胡曉紅，王麗芬，張景峰.基于職業(yè)能力培養(yǎng)的《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)改革的研究[J].電腦知識(shí)與技術(shù)，2012.8（20）.

② 閆奇峰，張莉平.高校《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)改革與探析[J].中國(guó)校外教育，2012（8）.

③ 黃杰，劉琴，高珍，唐劍鋒，巾松.卓越軟件工程人才產(chǎn)學(xué)研用培養(yǎng)新模式的探索與實(shí)踐[J].計(jì)算機(jī)工程與科學(xué)，2011.33（z1）.

④ 羅凌.基于項(xiàng)目驅(qū)動(dòng)的"ASP.NET程序設(shè)計(jì)"課程創(chuàng)新教學(xué)法研究[J].計(jì)算機(jī)教育，2009（13）.