非計(jì)算機(jī)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教改探析

徐會(huì)杰,朱丹輝

摘要:分析了傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中普遍存在的問(wèn)題,并根據(jù)非計(jì)算機(jī)專業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)課程的特征,提出了“三步走”的教學(xué)方法。同時(shí)結(jié)合課程特點(diǎn),制定了完善的課程考核和評(píng)價(jià)標(biāo)準(zhǔn)。實(shí)踐表明,該方法和評(píng)價(jià)體系是有效的。

關(guān)鍵詞:非計(jì)算機(jī)專業(yè);網(wǎng)頁(yè)設(shè)計(jì);教改;理論講解;演示驗(yàn)證;練習(xí)實(shí)踐

中圖分類號(hào):G642文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1009-3044(2009)35-10039-02

The Teaching Reform of Webpage Design Curriculum for Non-Computer Majors

XU Hui-jie1, ZHU Dan-hui2

(1.Henan University of Science & Technology, College of Economics & Management, Luoyang 471003, China; 2.Henan University of Science & Technology, College of Political & Social Science, Luoyang 471003, China)

Abstract: The disadvantages of the traditional curriculum teaching for webpage design is analyzed in the paper,and in accordance with the learning characteristics of the non-computer majors students, a teaching method which named "Three-Step" is presented. Meanwhile combining the features of the curriculum, a comprehensive criteria for assessment and evaluation is made. Practice shows that the method is effective.

Key words: non-computer majors; webpage design; teaching reform; theory explanation; demonstration and verification; practice

1 引言

網(wǎng)頁(yè)設(shè)計(jì)課程作為一門集實(shí)踐性、創(chuàng)造性、時(shí)代性為一體的課程,目前在我國(guó)高等教育的課程體系中廣泛開(kāi)設(shè)[1]。對(duì)于不具備豐富計(jì)算機(jī)基礎(chǔ)理論知識(shí)和較強(qiáng)計(jì)算機(jī)編程能力的非計(jì)算機(jī)專業(yè)學(xué)生而言,傳統(tǒng)的教學(xué)手段和教學(xué)方法已難以適應(yīng)此類學(xué)生的學(xué)習(xí),如何通過(guò)此課程的學(xué)習(xí)更有效地提高其實(shí)踐創(chuàng)新能力,成為廣大教師教改工作的一項(xiàng)重要內(nèi)容。

通過(guò)近年的教學(xué)探索和實(shí)踐,我們以新的教學(xué)理念和教學(xué)理論為指導(dǎo),結(jié)合非計(jì)算機(jī)專業(yè)學(xué)生自身的情況和學(xué)習(xí)特點(diǎn),采用了理論講解—實(shí)際演示驗(yàn)證—練習(xí)實(shí)踐“三步走”的教學(xué)方法,并基于“三步走”的教學(xué)方法建立了行之有效的課程考核標(biāo)準(zhǔn),取得了較好的教學(xué)效果。

2 傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中存在的問(wèn)題

2.1 教材陳舊,教學(xué)內(nèi)容落后

計(jì)算機(jī)技術(shù)是隨著網(wǎng)絡(luò)、通信技術(shù)的發(fā)展而動(dòng)態(tài)發(fā)展的,知識(shí)更新極快。這就需要與之實(shí)時(shí)對(duì)應(yīng)配套的教材,更需要教師不斷的學(xué)習(xí)和探索。而傳統(tǒng)的教材往往教學(xué)內(nèi)容陳舊,介紹的網(wǎng)頁(yè)工具軟件也非主流開(kāi)發(fā)工具。同時(shí),很多教師未認(rèn)識(shí)到非計(jì)算機(jī)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程的特殊性和重要性,備課時(shí)間少,授課內(nèi)容陳舊,不太注重授課效果和教學(xué)方法的創(chuàng)新。如在教學(xué)過(guò)程中應(yīng)根據(jù)非計(jì)算機(jī)專業(yè)學(xué)生的學(xué)習(xí)特點(diǎn),由淺入深地向?qū)W生引入主流的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的應(yīng)用,而非年復(fù)一年地重復(fù)靜態(tài)網(wǎng)頁(yè)技術(shù)的講解。

2.2 教學(xué)計(jì)劃限制了教學(xué)水平的發(fā)揮

對(duì)于非計(jì)算機(jī)專業(yè)的學(xué)生來(lái)說(shuō),基本上沒(méi)有任何網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言(如HTML,JavaScript)的學(xué)習(xí)基礎(chǔ),更缺乏的是借助計(jì)算機(jī)進(jìn)行平面設(shè)計(jì)的能力。傳統(tǒng)的教學(xué)計(jì)劃往往注重理論講解而忽略了動(dòng)手實(shí)踐,嚴(yán)重限制了教師教學(xué)水平的發(fā)揮。因此在新的教學(xué)計(jì)劃的制定上,可以考慮增設(shè)或增加實(shí)踐課時(shí)。

2.3 教學(xué)方法單調(diào),難以激發(fā)學(xué)生學(xué)習(xí)興趣

興趣是最好的老師。有沒(méi)有學(xué)習(xí)興趣,是學(xué)生能否學(xué)好一門課程的重要因素。對(duì)于非計(jì)算機(jī)專業(yè)的學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)課程,這一因素顯得尤為重要。傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)方法往往是黑板式教學(xué)和口授言講式教學(xué),這種教學(xué)方式使教學(xué)理論和教學(xué)實(shí)踐嚴(yán)重脫節(jié),使本對(duì)計(jì)算機(jī)知識(shí)學(xué)習(xí)比較茫然的非計(jì)算機(jī)專業(yè)學(xué)生來(lái)說(shuō)更難以產(chǎn)生求知的欲望,阻礙了他們學(xué)習(xí)的主觀能動(dòng)性和創(chuàng)造性的發(fā)揮。利用多媒體作為網(wǎng)頁(yè)設(shè)計(jì)課程的輔助授課手段,可以使教學(xué)方法更加形象、直觀,使學(xué)生的注意力更多地集中在投影屏幕[2],有效地提高了她們對(duì)網(wǎng)頁(yè)設(shè)計(jì)課程的認(rèn)識(shí)和理解。

3 “三步走”網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)方法

3.1 理論講解

非計(jì)算機(jī)專業(yè)學(xué)生的計(jì)算機(jī)知識(shí)基礎(chǔ)不理想且程度參差不齊,因此做好網(wǎng)頁(yè)設(shè)計(jì)課程前期的理論講解對(duì)提高學(xué)生此方面的感性認(rèn)識(shí),增強(qiáng)學(xué)生的理論知識(shí)是必要的[3]。本階段的主要任務(wù)是讓學(xué)生理解網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)理論,領(lǐng)會(huì)網(wǎng)頁(yè)設(shè)計(jì)的基本理念,熟悉和掌握靜態(tài)、動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。

經(jīng)過(guò)探索實(shí)踐,我們采用情境教學(xué)法和范例法相結(jié)合的方式[4-6]。如講解HTML語(yǔ)言之前,我們先做如下多媒體演示:新建一個(gè)*.txt的文本文件,在文件當(dāng)中輸入網(wǎng)頁(yè)的基本架構(gòu)代碼(head,titile,body等),并在body部分寫入一串附帶一定格式的文字,保存完畢后將后綴名.txt改為html,再雙擊打開(kāi)文件,之前寫入文件中的網(wǎng)頁(yè)架構(gòu)代碼不見(jiàn)了,文件已變成了帶有標(biāo)題并且顯示格式化后的文字的網(wǎng)頁(yè)文件了。學(xué)生們一片嘩然,然后告訴大家今天我們講解的內(nèi)容是HTML語(yǔ)言,網(wǎng)絡(luò)中成千上萬(wàn)的網(wǎng)頁(yè)都是通過(guò)它們這些代碼架構(gòu)出來(lái)的。隨之教師再舉出一個(gè)具有典型結(jié)構(gòu)特征的網(wǎng)頁(yè)案例,先觀察它的實(shí)際顯示效果,再查看它的后臺(tái)源代碼,然后逐一向?qū)W生講解HTML語(yǔ)言中各標(biāo)記的涵義。由此可以大大激發(fā)學(xué)生們的學(xué)習(xí)興趣,為整個(gè)章節(jié)的理論講解奠定了基礎(chǔ);再如講解網(wǎng)頁(yè)設(shè)計(jì)的理念時(shí),可以先給學(xué)生展示典型的商業(yè)網(wǎng)、政府網(wǎng)、教育網(wǎng)、個(gè)人網(wǎng)分別是什么樣的結(jié)構(gòu)布局,采用了什么樣的色調(diào)和風(fēng)格等,啟迪學(xué)生從不同的角度去觀察和研究網(wǎng)頁(yè)和網(wǎng)站,最終提高他們對(duì)網(wǎng)頁(yè)設(shè)計(jì)課程的感性認(rèn)識(shí)。

3.2 實(shí)際演示驗(yàn)證

理論的講解是為了讓學(xué)生明確學(xué)習(xí)目標(biāo),掌握設(shè)計(jì)語(yǔ)言、設(shè)計(jì)理念和技術(shù)。實(shí)際的演示驗(yàn)證則可以充分調(diào)動(dòng)學(xué)生的求知欲。授課過(guò)程中,理論講解和實(shí)際演示驗(yàn)證是實(shí)時(shí)相互關(guān)聯(lián)互相補(bǔ)充的。理論講解是實(shí)際驗(yàn)證的基礎(chǔ),實(shí)際演示驗(yàn)證是理論講解的表現(xiàn)形式。實(shí)踐結(jié)果表明,兩者相結(jié)合,對(duì)于非計(jì)算機(jī)專業(yè)學(xué)生積極主動(dòng)探索、師生互動(dòng)協(xié)作學(xué)習(xí)起到了很好的作用。如在講解“時(shí)間軸動(dòng)畫(huà)”這節(jié)課時(shí),可以向?qū)W生理論講解日常生活中所見(jiàn)到的充滿動(dòng)感效果的網(wǎng)頁(yè)實(shí)質(zhì)是在網(wǎng)頁(yè)中快速連續(xù)播放不同幀單元的圖像來(lái)實(shí)現(xiàn)的。利用時(shí)間軸技術(shù)可以輕而易舉地制作出上述效果,而時(shí)間軸動(dòng)畫(huà)本質(zhì)上就是在特定的時(shí)間內(nèi)、在指定的動(dòng)畫(huà)運(yùn)動(dòng)軌跡上,顯示一系列有關(guān)聯(lián)特性的靜態(tài)圖像的組合[7]。在講解完利用時(shí)間軸制作層動(dòng)畫(huà)的模式和特點(diǎn)后,教師本節(jié)課理論講解的核心部分業(yè)已結(jié)束,隨后最主要的任務(wù)就是引導(dǎo)學(xué)生進(jìn)行實(shí)際的演示驗(yàn)證階段。根據(jù)前面講解的理論內(nèi)容,新建一個(gè)層并將事先準(zhǔn)備好的一圖片素材插入到層中,拖曳層到時(shí)間軸中形成一段15幀的動(dòng)畫(huà)條。選中15幀將紅色當(dāng)前幀標(biāo)記移到該幀上,最后將層從頁(yè)面左邊移到頁(yè)面右邊,此時(shí)網(wǎng)頁(yè)中出現(xiàn)一水平移動(dòng)的軌跡,時(shí)間軸動(dòng)畫(huà)制作完畢。點(diǎn)擊時(shí)間軸中的不同幀,頁(yè)面中對(duì)應(yīng)不同位置狀態(tài)的圖片。通過(guò)一系列的演示驗(yàn)證,不僅驗(yàn)證了時(shí)間軸制作層動(dòng)畫(huà)的原理、加深了學(xué)生對(duì)前面理論講解內(nèi)容的領(lǐng)悟和理解,更無(wú)形中激發(fā)了學(xué)生的學(xué)習(xí)動(dòng)機(jī)和興趣。以筆者講授非計(jì)算機(jī)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程的經(jīng)歷,采用理論講解與實(shí)時(shí)地實(shí)際演示驗(yàn)證相結(jié)合的講授方法,往往當(dāng)天節(jié)次的課程教授完畢后,大多數(shù)學(xué)生會(huì)在課下主動(dòng)上網(wǎng)查找相關(guān)資料、收集素材以自己親身制作一個(gè)自己預(yù)想效果的網(wǎng)頁(yè)來(lái)。

3.3 練習(xí)實(shí)踐

對(duì)非計(jì)算機(jī)專業(yè)的學(xué)生來(lái)說(shuō),經(jīng)過(guò)前面的兩個(gè)步驟的學(xué)習(xí),學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)課程的理論和感性認(rèn)識(shí)方面都得到了很大的提高,具備了設(shè)計(jì)和制作一些基本網(wǎng)頁(yè)的能力。而練習(xí)實(shí)踐這一階段是教師將課堂的自主權(quán)交給了學(xué)生,由學(xué)生親自實(shí)驗(yàn)操作、相互交流、資源共享等。在教改實(shí)驗(yàn)中,筆者將整個(gè)課程設(shè)計(jì)成五個(gè)涵蓋所有知識(shí)點(diǎn)和能力要求的練習(xí)實(shí)踐項(xiàng)目。練習(xí)實(shí)踐中,教師采用合作的方式,通過(guò)網(wǎng)絡(luò)與學(xué)生交流、研討;學(xué)生在要求的項(xiàng)目要求下,可以結(jié)合自己的設(shè)想有所探索創(chuàng)新。實(shí)際結(jié)果表明,該方法有效地促使學(xué)生在合作交流的學(xué)習(xí)環(huán)境中分析問(wèn)題、解決問(wèn)題、研究與探索問(wèn)題的能力。

4 課程考核評(píng)價(jià)標(biāo)準(zhǔn)

網(wǎng)頁(yè)設(shè)計(jì)課程是一門注重實(shí)踐性的課程,評(píng)價(jià)考核學(xué)生學(xué)習(xí)效果的標(biāo)準(zhǔn)是學(xué)生能否設(shè)計(jì)制作出合乎要求的網(wǎng)頁(yè)作品來(lái)。因此,筆者在教改中將課程的考核評(píng)價(jià)分為平時(shí)成績(jī)、實(shí)驗(yàn)成績(jī)、期末成績(jī)?nèi)糠?。其中平時(shí)成績(jī)與實(shí)驗(yàn)成績(jī)分別占課程總考核成績(jī)的10%和20%,期末成績(jī)的依據(jù)是學(xué)生在要求學(xué)時(shí)內(nèi)設(shè)計(jì)的網(wǎng)頁(yè)作品,衡量作品的量化欄目包括站點(diǎn)結(jié)構(gòu)、頁(yè)面風(fēng)格、技術(shù)規(guī)范、網(wǎng)頁(yè)內(nèi)容四方面,每一欄目又包括若干個(gè)子欄目并有與之對(duì)應(yīng)的分值,該部分在課程總考核成績(jī)的70%。

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

非計(jì)算機(jī)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程既是一門計(jì)算機(jī)應(yīng)用方面的基礎(chǔ)課程,也是一門包含靜態(tài)網(wǎng)頁(yè)技術(shù)、動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)、數(shù)據(jù)庫(kù)技術(shù)等方面的綜合課程。因此,它既具有一般課程的普遍特征,又具有其顯著的獨(dú)特性。只有采取針對(duì)此類學(xué)生行之有效的教學(xué)方法,才能達(dá)到預(yù)期的教學(xué)目標(biāo)。教改的實(shí)踐表明,筆者提出的“三步走”教學(xué)方法和新的注重實(shí)踐的課程評(píng)價(jià)標(biāo)準(zhǔn)能有效地激發(fā)學(xué)生的學(xué)習(xí)興趣,調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性和創(chuàng)造性。

參考文獻(xiàn):

[1] 倪寧.高職網(wǎng)頁(yè)設(shè)計(jì)任務(wù)驅(qū)動(dòng)改革的實(shí)踐和思考[J].科技創(chuàng)新導(dǎo)報(bào),2009(8):135-137.

[2] 袁赟.公共計(jì)算機(jī)課教學(xué)教改嘗試[J].邵陽(yáng)學(xué)院學(xué)報(bào):社會(huì)科學(xué)版,2008(Z1):154-155.

[3] 韓宏旺,張思金,劉好斌.非計(jì)算機(jī)專業(yè)學(xué)生的C語(yǔ)言教學(xué)模式探析[J].江西青年職業(yè)學(xué)院學(xué)報(bào),2008,18(4):82-84.

[4] 黃甫全,王本陸.現(xiàn)代教學(xué)論學(xué)程[M].北京:教育科學(xué)出版社,2003.

[5] 李秉德.教學(xué)論[M].北京:人民教育出版社,1991.

[6] 王春芹.淺析教師應(yīng)抓住教學(xué)過(guò)程中的幾個(gè)第一[J].科技信息,2009(13):116.

[7] 趙祖蔭,胡耀芳,朱麗娟,等.網(wǎng)頁(yè)設(shè)計(jì)與制作教程[M].北京:清華大學(xué)出版社,2006.