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

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

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

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

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

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

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

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

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

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

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

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

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

3.1 理論講解

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

經(jīng)過探索實踐，我們采用情境教學(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)頁案例，先觀察它的實際顯示效果，再查看它的后臺源代碼，然后逐一向?qū)W生講解HTML語言中各標(biāo)記的涵義。由此可以大大激發(fā)學(xué)生們的學(xué)習(xí)興趣，為整個章節(jié)的理論講解奠定了基礎(chǔ);再如講解網(wǎng)頁設(shè)計的理念時，可以先給學(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è)計課程的感性認識。

3.2 實際演示驗證

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

3.3 練習(xí)實踐

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

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

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

5 結(jié)束語

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

參考文獻:

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

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

[3] 韓宏旺，張思金，劉好斌.非計算機專業(yè)學(xué)生的C語言教學(xué)模式探析[J].江西青年職業(yè)學(xué)院學(xué)報，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è)計與制作教程[M].北京:清華大學(xué)出版社，2006.