網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)模式研究

黃霞

摘要：該文結(jié)合網(wǎng)頁(yè)設(shè)計(jì)課程現(xiàn)狀，分析教學(xué)過(guò)程中存在的問(wèn)題，根據(jù)網(wǎng)頁(yè)設(shè)計(jì)課程的特點(diǎn)，從教學(xué)目標(biāo)、教學(xué)內(nèi)容以及教學(xué)方法和手段等方面來(lái)探討如何提高本課程教學(xué)水平，并在此基礎(chǔ)研究理論與實(shí)踐一體化教學(xué)模式，從而更好的提高學(xué)生的實(shí)踐能力和工程素質(zhì)。

關(guān)鍵詞： 網(wǎng)頁(yè)設(shè)計(jì)；教學(xué)模式；一體化

中圖分類(lèi)號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）06-0211-02

Study on the Teaching Mode of Webpage Design

HUANG Xia

（Hu bei University of Arts and Science， Xiang yang 441053，China）

Abstract： This paper discusses how to improve the teaching level of the course， based on the characteristics of the teaching objectives， teaching contents， teaching methods and means， and to improve students' practical ability and engineering quality.

Key words：webpage design； the teaching mode； Integration

隨著互聯(lián)網(wǎng)產(chǎn)業(yè)的快速發(fā)展，網(wǎng)站已成為各單位、各部門(mén)、各公司、各企業(yè)進(jìn)行商業(yè)宣傳、信息發(fā)布、網(wǎng)絡(luò)交易等不可或缺的平臺(tái)，市場(chǎng)上對(duì)網(wǎng)站開(kāi)發(fā)的人才需求量日趨增長(zhǎng)，網(wǎng)頁(yè)設(shè)計(jì)課程的目標(biāo)就是為了培養(yǎng)網(wǎng)站開(kāi)發(fā)的優(yōu)秀人才。

近年來(lái)，我校一直致力于探討人才培養(yǎng)模式，如何構(gòu)建高效課堂，培養(yǎng)應(yīng)用型本科院校學(xué)生的學(xué)習(xí)主觀能動(dòng)性，加強(qiáng)學(xué)生的自學(xué)能力，提高學(xué)生的綜合能力和工程素質(zhì)，對(duì)合格的應(yīng)用型人才的培養(yǎng)起著至關(guān)重要的作用，在實(shí)際應(yīng)用中構(gòu)建理論與實(shí)踐一體化教學(xué)模式，可以很好的解決理論與實(shí)踐相分離的問(wèn)題，從而更快地提高學(xué)生的動(dòng)手能力、合作能力和創(chuàng)新能力，進(jìn)而使學(xué)生總體素質(zhì)達(dá)到相當(dāng)水平。

1 教學(xué)現(xiàn)狀

目前，大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)課程的主要內(nèi)容為講解Dreamweaver網(wǎng)頁(yè)制作軟件的使用，對(duì)HTML代碼的講解非常少，更不用說(shuō)動(dòng)態(tài)腳本了。學(xué)生將超過(guò)一半的時(shí)間放在工具軟件的學(xué)習(xí)上，結(jié)果是學(xué)生可能熟練掌握了工具軟件的使用，卻對(duì)代碼部分知之甚少，編寫(xiě)出來(lái)的頁(yè)面無(wú)論是視覺(jué)效果還是功能效果都無(wú)法達(dá)到理想水平，設(shè)計(jì)出來(lái)的網(wǎng)站也不盡人意，從而導(dǎo)致學(xué)生不會(huì)從全局的角度開(kāi)發(fā)設(shè)計(jì)，創(chuàng)新意識(shí)得不到培養(yǎng)，綜合素質(zhì)更無(wú)從提高。況且，網(wǎng)站的前臺(tái)設(shè)計(jì)和后臺(tái)設(shè)計(jì)是緊密關(guān)聯(lián)的，這樣就要求學(xué)生必須對(duì)代碼相當(dāng)熟悉，才能設(shè)計(jì)開(kāi)發(fā)出功能完善的網(wǎng)站。

而傳統(tǒng)的教學(xué)通常都是理論教學(xué)和實(shí)踐教學(xué)相分離，老師在多媒體教室灌堂式的講解，學(xué)生在實(shí)驗(yàn)室模仿式的練習(xí)，這樣造成的后果就是無(wú)法保證知識(shí)的時(shí)效性和連貫性，學(xué)生往往學(xué)了后面忘了前面，或者似懂非懂地模仿式完成了實(shí)驗(yàn)任務(wù)，卻沒(méi)有真正地掌握相關(guān)知識(shí)，慢慢地學(xué)生就會(huì)失去學(xué)習(xí)的興趣，更不要說(shuō)提高開(kāi)發(fā)和設(shè)計(jì)水平。

2 教學(xué)目標(biāo)

網(wǎng)頁(yè)設(shè)計(jì)課程的主要目標(biāo)就是為了培養(yǎng)網(wǎng)站開(kāi)發(fā)的技術(shù)人員所必須具備的一些基本技能，為配合相關(guān)專(zhuān)業(yè)后續(xù)課程的學(xué)習(xí)，學(xué)生學(xué)習(xí)該課程后，應(yīng)當(dāng)具備表1中所描述的基本能力。因此這門(mén)課程采取了以“學(xué)生為主體，教師為主導(dǎo)，理論和實(shí)踐相融合”的一體化模式進(jìn)行教學(xué)，這種模式采用項(xiàng)目驅(qū)動(dòng)讓老師根據(jù)學(xué)生的特點(diǎn)來(lái)指導(dǎo)網(wǎng)頁(yè)設(shè)計(jì)的探索、分析、研究以及改善學(xué)生的實(shí)踐操作動(dòng)手能力。[2]所有的內(nèi)容都在實(shí)驗(yàn)室完成，保證上課時(shí)每名學(xué)生一臺(tái)電腦，需要講授的理論知識(shí)以案例的形式穿插講解，每一個(gè)重要的知識(shí)點(diǎn)在講解演示之后，立即讓學(xué)生現(xiàn)場(chǎng)操作，并以學(xué)生非常熟悉的網(wǎng)站比如淘寶網(wǎng)、搜狐網(wǎng)等為模型讓學(xué)生快速發(fā)現(xiàn)、探索和解決網(wǎng)頁(yè)中的問(wèn)題，來(lái)激發(fā)學(xué)生的好奇心和欲望，帶動(dòng)學(xué)生興趣，促進(jìn)學(xué)生的創(chuàng)新能力。

3 構(gòu)建一體化的教學(xué)模式

1） 實(shí)驗(yàn)項(xiàng)目一體化。為了更好地體現(xiàn)理論與實(shí)踐一體化的要求，必須要有一體化的實(shí)驗(yàn)項(xiàng)目，為課程教學(xué)模式改革提供有效的載體。

2） 項(xiàng)目驅(qū)動(dòng)教學(xué)。在教學(xué)的過(guò)程中，教師通過(guò)分配任務(wù)的方式，在學(xué)生實(shí)踐的過(guò)程中給予及時(shí)地指導(dǎo)與幫助，給學(xué)生創(chuàng)造較寬松的學(xué)習(xí)環(huán)境，能很好地調(diào)動(dòng)學(xué)生學(xué)習(xí)的主觀能動(dòng)性，有效地激發(fā)學(xué)生學(xué)習(xí)的興趣與創(chuàng)新意識(shí)。

3） 完善實(shí)踐教學(xué)條件。想要真正實(shí)現(xiàn)一體化的教學(xué)模式，應(yīng)大力開(kāi)展校企合作，不斷改善校內(nèi)實(shí)訓(xùn)條件，發(fā)展校外實(shí)訓(xùn)基地，讓學(xué)生真實(shí)地接觸項(xiàng)目，在實(shí)站中提高學(xué)生整體工程素質(zhì)。[3]

4 一體化教學(xué)模式在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

4.1 實(shí)施階段

在整個(gè)教學(xué)過(guò)程貫穿若干個(gè)典型的各類(lèi)項(xiàng)目，提取項(xiàng)目中的知識(shí)點(diǎn)作為每一章節(jié)的子項(xiàng)目，采用“自頂向下，逐步細(xì)化”的方法，循序漸進(jìn)地強(qiáng)化學(xué)生的實(shí)際操作能力。

筆者在網(wǎng)頁(yè)設(shè)計(jì)的教學(xué)中自編了16個(gè)實(shí)驗(yàn)項(xiàng)目，根據(jù)人才培養(yǎng)目標(biāo)和課程技能目標(biāo)的要求，將理論知識(shí)的知識(shí)點(diǎn)分解到相應(yīng)實(shí)訓(xùn)項(xiàng)目中，在實(shí)際教學(xué)過(guò)程中，將理論知識(shí)貫穿整個(gè)實(shí)訓(xùn)過(guò)程，有利于學(xué)生更好地理解理論知識(shí)。

為提高學(xué)生團(tuán)隊(duì)能力，在課程最后根據(jù)需要以及學(xué)生個(gè)人能力，將學(xué)生編制成若干個(gè)項(xiàng)目組，按照?qǐng)F(tuán)隊(duì)開(kāi)發(fā)的模式使每個(gè)小組中每個(gè)學(xué)生的能力基本達(dá)到互補(bǔ)，這樣，不僅成功地完成了項(xiàng)目，并讓學(xué)生親身感受到了項(xiàng)目實(shí)施的全過(guò)程，鍛煉了學(xué)生的實(shí)踐能力，也極大的提高了學(xué)生綜合素質(zhì)。

下面以招聘網(wǎng)站為例加以說(shuō)明。

4.2 教學(xué)效果

教學(xué)效果顯示一體化教學(xué)模式利用項(xiàng)目驅(qū)動(dòng)，將理論與實(shí)踐相穿插能夠非常有效地提升學(xué)生的理解能力和動(dòng)手能力。通過(guò)這種方式，能夠極大地改善教學(xué)脫離的環(huán)節(jié)，系統(tǒng)的培養(yǎng)學(xué)生自主學(xué)習(xí)的能力，提升學(xué)生實(shí)際操作能力和對(duì)知識(shí)的理解能力。通過(guò)團(tuán)隊(duì)合作項(xiàng)目、培養(yǎng)了學(xué)生的團(tuán)隊(duì)開(kāi)發(fā)精神。

在一體化的教學(xué)模式應(yīng)用過(guò)程中，要切記學(xué)生的主體地位，在教學(xué)過(guò)程中采用引導(dǎo)式的教學(xué)方法，讓學(xué)生在現(xiàn)場(chǎng)操作中自己發(fā)現(xiàn)問(wèn)題，帶著問(wèn)題去深廣動(dòng)手解決，提高學(xué)生學(xué)習(xí)的主動(dòng)性，強(qiáng)化發(fā)現(xiàn)問(wèn)題時(shí)自主思考問(wèn)題、解決問(wèn)題能力的培養(yǎng)。

5 結(jié)束語(yǔ)

依據(jù)人才培養(yǎng)方案，深化教學(xué)改革，提升工科類(lèi)學(xué)生工程能力，是一個(gè)需要長(zhǎng)期堅(jiān)持和完善的過(guò)程，涉及到教學(xué)方法、教學(xué)內(nèi)容、教學(xué)體系、教學(xué)模式等多個(gè)方面。

一體化教學(xué)模式將理論教學(xué)和實(shí)踐教學(xué)相融合，加強(qiáng)了師生之間的交流，有利于教師更好地了解各個(gè)學(xué)生掌握知識(shí)的實(shí)際情況，有針對(duì)性地對(duì)學(xué)生加以輔導(dǎo)，大大提高了教學(xué)質(zhì)量與效率。不僅增強(qiáng)了學(xué)生的學(xué)習(xí)主動(dòng)性與實(shí)踐操作技能，教師的業(yè)務(wù)能力也得以不斷提升，有力地提高了本門(mén)課程的教學(xué)效果和水平。

參考文獻(xiàn)：

[1] 李發(fā)榮，趙鵬.論教學(xué)做一體化教學(xué)模式在現(xiàn)代職業(yè)人培養(yǎng)中的意義和作用[J].教育與教學(xué)研究，2011（4）.

[2] 張宏升，章明珠.網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)體系的構(gòu)建與研究[J].電子制作，2015（9）.

[3] 馬英英.教學(xué)做一體化的教學(xué)模式研究—— 以網(wǎng)頁(yè)設(shè)計(jì)與制作課程為例[J]. 當(dāng)代教育實(shí)踐與教學(xué)研究， 2015（8）.