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

摘要:分析了傳統(tǒng)網(wǎng)頁設(shè)計(jì)課程教學(xué)中普遍存在的問題，并根據(jù)非計(jì)算機(jī)專業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁設(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)頁設(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)頁設(shè)計(jì)課程作為一門集實(shí)踐性、創(chuàng)造性、時(shí)代性為一體的課程，目前在我國高等教育的課程體系中廣泛開設(shè)[1]。對(duì)于不具備豐富計(jì)算機(jī)基礎(chǔ)理論知識(shí)和較強(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ā)展而動(dòng)態(tài)發(fā)展的，知識(shí)更新極快。這就需要與之實(shí)時(shí)對(duì)應(yīng)配套的教材，更需要教師不斷的學(xué)習(xí)和探索。而傳統(tǒng)的教材往往教學(xué)內(nèi)容陳舊，介紹的網(wǎng)頁工具軟件也非主流開發(fā)工具。同時(shí)，很多教師未認(rèn)識(shí)到非計(jì)算機(jī)專業(yè)網(wǎng)頁設(shè)計(jì)課程的特殊性和重要性，備課時(shí)間少，授課內(nèi)容陳舊，不太注重授課效果和教學(xué)方法的創(chuàng)新。如在教學(xué)過程中應(yīng)根據(jù)非計(jì)算機(jī)專業(yè)學(xué)生的學(xué)習(xí)特點(diǎn)，由淺入深地向?qū)W生引入主流的動(dòng)態(tài)網(wǎng)頁技術(shù)的應(yīng)用，而非年復(fù)一年地重復(fù)靜態(tài)網(wǎng)頁技術(shù)的講解。

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

對(duì)于非計(jì)算機(jī)專業(yè)的學(xué)生來說，基本上沒有任何網(wǎng)頁設(shè)計(jì)語言(如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í)興趣

興趣是最好的老師。有沒有學(xué)習(xí)興趣，是學(xué)生能否學(xué)好一門課程的重要因素。對(duì)于非計(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é)，使本對(duì)計(jì)算機(jī)知識(shí)學(xué)習(xí)比較茫然的非計(jì)算機(jī)專業(yè)學(xué)生來說更難以產(chǎn)生求知的欲望，阻礙了他們學(xué)習(xí)的主觀能動(dòng)性和創(chuàng)造性的發(fā)揮。利用多媒體作為網(wǎng)頁設(shè)計(jì)課程的輔助授課手段，可以使教學(xué)方法更加形象、直觀，使學(xué)生的注意力更多地集中在投影屏幕[2]，有效地提高了她們對(duì)網(wǎng)頁設(shè)計(jì)課程的認(rèn)識(shí)和理解。

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

3.1 理論講解

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

經(jīng)過探索實(shí)踐，我們采用情境教學(xué)法和范例法相結(jié)合的方式[4-6]。如講解HTML語言之前，我們先做如下多媒體演示:新建一個(gè)*.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)出來的。隨之教師再舉出一個(gè)具有典型結(jié)構(gòu)特征的網(wǎng)頁案例，先觀察它的實(shí)際顯示效果，再查看它的后臺(tái)源代碼，然后逐一向?qū)W生講解HTML語言中各標(biāo)記的涵義。由此可以大大激發(fā)學(xué)生們的學(xué)習(xí)興趣，為整個(gè)章節(jié)的理論講解奠定了基礎(chǔ);再如講解網(wǎng)頁設(shè)計(jì)的理念時(shí)，可以先給學(xué)生展示典型的商業(yè)網(wǎng)、政府網(wǎng)、教育網(wǎng)、個(gè)人網(wǎng)分別是什么樣的結(jié)構(gòu)布局，采用了什么樣的色調(diào)和風(fēng)格等，啟迪學(xué)生從不同的角度去觀察和研究網(wǎng)頁和網(wǎng)站，最終提高他們對(duì)網(wǎng)頁設(shè)計(jì)課程的感性認(rèn)識(shí)。

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

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

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

對(duì)非計(jì)算機(jī)專業(yè)的學(xué)生來說，經(jīng)過前面的兩個(gè)步驟的學(xué)習(xí)，學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)課程的理論和感性認(rèn)識(shí)方面都得到了很大的提高，具備了設(shè)計(jì)和制作一些基本網(wǎng)頁的能力。而練習(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í)踐中，教師采用合作的方式，通過網(wǎng)絡(luò)與學(xué)生交流、研討;學(xué)生在要求的項(xiàng)目要求下，可以結(jié)合自己的設(shè)想有所探索創(chuàng)新。實(shí)際結(jié)果表明，該方法有效地促使學(xué)生在合作交流的學(xué)習(xí)環(huán)境中分析問題、解決問題、研究與探索問題的能力。

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

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

5 結(jié)束語

非計(jì)算機(jī)專業(yè)網(wǎng)頁設(shè)計(jì)課程既是一門計(jì)算機(jī)應(yīng)用方面的基礎(chǔ)課程，也是一門包含靜態(tài)網(wǎng)頁技術(shù)、動(dòng)態(tài)網(wǎng)頁技術(shù)、數(shù)據(jù)庫技術(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)頁設(shè)計(jì)任務(wù)驅(qū)動(dòng)改革的實(shí)踐和思考[J].科技創(chuàng)新導(dǎo)報(bào)，2009(8):135-137.

[2] 袁赟.公共計(jì)算機(jī)課教學(xué)教改嘗試[J].邵陽學(xué)院學(xué)報(bào):社會(huì)科學(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é)過程中的幾個(gè)第一[J].科技信息，2009(13):116.

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