徐會杰,朱丹輝

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

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

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

通過近年的教學(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)頁設(shè)計(jì)教學(xué)中存在的問題

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

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

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

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

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

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

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

3.1 理論講解

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

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

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

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

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

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

4 課程考核評價標(biāo)準(zhǔn)

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

5 結(jié)束語

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

參考文獻(xiàn):

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

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

[3] 韓宏旺,張思金,劉好斌.非計(jì)算機(jī)專業(yè)學(xué)生的C語言教學(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é)過程中的幾個第一[J].科技信息,2009(13):116.

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