非計算機專業“網頁程序設計”課程教學探討

黃 蔚 王朝暉

摘要:本文針對當前中小學已開設信息技術課程的現狀,提出了在非計算機專業開設“網頁程序設計”課程,部分替代與中小學課程內容重復的“計算機應用基礎”的新思路,給出了“網頁程序設計”課程的教學內容設置,并對在非計算機專業中如何因材施教及有效地組織教學進行了探討。

關鍵詞:ASP;網頁程序設計;計算機文化;教學改革

中圖分類號:G642 文獻標識碼:B

1概述

當前,我國非常重視信息技術的教育,從小學三年級直至高中二年級均開設信息技術課程。盡管各年級學習的內容有所重復,但深度逐年遞增,主要的學習方式是“任務驅動”,通過一個個簡單的、生動有趣的案例來學習信息技術的基本知識。表1所示為各年級的主要學習內容。

進入大學后,信息技術依然非常受重視,相當多高校開設了大學信息技術課程。然而,大學信息技術課程仍以信息技術基礎和硬件、軟件、網絡等基本概念及Word、Excel、PowerPoint和FrontPage等常用軟件為主,如表2所示。

由表1和表2可以看出,教學內容不僅在常用軟件的操作上大量重復,而且基本理論,如軟、硬件和網絡及多媒體知識都有相當部分的重復,這就導致大學生往往不重視信息技術課程的學習。

隨著Internet越來越普及,WWW成為Internet最重要的一種服務,它將數以萬計的信息以超文本形式存放在網頁,即Web中,通過圖形界面給網絡用戶提供了快速查找信息的服務,成為Internet上最受歡迎、最為流行的信息檢索服務系統。網頁設計不僅僅是對靜態頁面的設計,還常常使用動態網頁設計技術,跟數據庫等后臺技術結合起來,發揮Web的強大功能,因此,社會上對網站開發人才需求量很大。以往,建立功能完備的網站只有計算機專業的專門人才才能勝任,現在很多中小企業的網站建設常常由業務人員兼任,因此,許多非計算機專業也要求學生掌握一定的網絡編程技術。因此我們認為,在非計算機專業開設“網頁程序設計”課程是一種新的趨勢。

作為江蘇省省屬重點綜合性大學和國家“211工程”重點建設高校,蘇州大學已經在二級獨立學院文正學院嘗試開設“網頁程序設計”課程,分成文科生和理科生兩大類別,取得了不錯的效果。其中在文科生中開設的是選修課,主要為了拓展學生的思維視野,培養他們的綜合素質,并在一定程度上提高他們的就業競爭力;而在理科生中開設的課程可以是必修課,用以替換原來的計算機應用基礎。

2課程設置

盡管網頁程序設計與通常的程序設計有較大區別,但動態網頁中經常用到的腳本語言與一般的程序設計語言有很多相似之處,并且不需要很復雜的算法,學生可以通過對這些腳本語言的掌握初步了解程序設計的一般方法,加深對算法設計的理解。

網頁程序設計時通常要用到數據庫,雖然“計算機應用基礎”包括了數據庫及軟件開發部分,但學生無法真正理解它們的應用。學習動態網頁設計之后,通過簡單的網站設計,學生可以真正體會到如何進行軟件開發和數據庫設計。

Web是Internet的主要構成部分,通過對網頁的設計,學生可以進一步理解HTTP、FTP、C/S、B/S等諸多網絡知識。因此,網頁程序設計課程將有助于學生理解計算機文化中的網絡。

綜上所述,用網頁程序設計課程替換“計算機文化”,不僅可以加深學生對計算機軟硬件、網絡和Internet、多媒體等概念的理解,也有助于提高他們在系統開發方面的實踐能力。根據學生的基礎及企業信息化建設的實際需求,在設置網頁程序設計課程的教學內容時,我們主要安排了如下內容,如表3所示。

Web基礎部分主要讓學生了解Internet以及WWW的工作原理,以便繼續后續內容的學習。該部分重點要掌握HTML和CSS,因為網頁是用HTML來表示的,而為了將精力更多地投入到內容,而非外觀的設計,也需要有CSS的協助。

VBScript基礎重點講授腳本語言有VBScript,目的是學習通過在HTML中嵌入腳本來控制網頁中運行在客戶端的代碼部分。通過編寫過程化的代碼(包括子程序或函數),能夠實現在網頁上控制顯示內容,而文檔對象模型DOM是VBScript的擴展部分,提供了大量的對象,如Window、Screen、Frames、History、Navigator、Location、Scripts、Document、Link、Anchors、Forms等,通過對這些對象的屬性設置或調用提供的方法,可以實現更為強大的功能。由于時間關系,教師不可能對每個對象進行全部介紹,只能有重點地選取最常用的Window和Document對象講解面向對象技術,掌握了對象的概念后,學生在將來的實際應用中可以查閱相關資料,實現更多功能。

ASP初步及ASP內置對象與組件主要包括運行在服務器端的ASP程序,即ASP的基本概念、運行環境以及ASP代碼的語法特點等。而ASP的強大功能主要是由內置的6個對象和一些組件來實現的,通過這些對象的學習,結合一些簡單實例,如聊天室、網站計數器等,學生可以掌握有效地利用ASP進行網頁編程。

Web數據庫應用技術包括數據庫的基本概念、在桌面型數據庫Access中建表、查詢以及SQL語句。Web數據庫程序設計重點介紹在ASP中利用ADO組件操作數據庫,包括用Connection對象連接數據庫的方法、用Command對象執行數據操作、用RecordSet控制數據等。

通過對該門課程的學習,學生不僅進一步加深了對信息技術相關概念及原理的理解,同時在網頁程序設計和網站建設的過程中,增強了實踐動手能力,提高了學習興趣。

3教學方法

在教學過程中,由于對文科生和理科生的教學目的不同,所以教學的側重點也不同。文科生選修網頁程序設計的多是新聞、廣告、外語、漢語、城建等專業的學生,這些學生有不同的興趣愛好,比如廣告專業一般都喜歡藝術,因此在教學時可以多使用圖文并茂的網頁,甚至可以在上機實驗時指導學生利用Photoshop、Fireworks以及Flash等工具制作出美觀的圖片和動畫,提高他們在廣告設計方面的才能;而新聞和漢語言專業都比較重視文字,教師可以在布置上機實驗作業時要求學生建立一個新聞頻道,內容可以是關于學校或院系發生的事情。總之,對文科生的不同專業學生授課時,盡量結合他們的專業特點,兼顧他們的興趣,強調擴充他們在計算機信息技術領域的知識面以及掌握實用工具的能力,使他們初步具備設計簡單網頁的能力。

另外,由于選修課的課時較少,教學內容又較多,教師無法對每一個知識點作詳細闡述,因此多采用案例教程的方式,盡量使用一個個小例子教會學生建立網站。在講授中,淡化腳本語言的語法,不拘泥于算法,更強調學生的自學能力,要求他們利用Internet等現代工具,從網上獲取已有的源代碼,提高代碼的復用性,通過分析這些代碼建立自己的網站。圖1是某文科生設計的同學錄主頁界面。

對理工科的學生,要強調知識的理解和綜合運用能力,可以適當地加強對語法的要求,使他們掌握一些常用的算法。但需要注意的是,不能把網頁程序設計等同于普通的程序設計課程,過分強調了算法的要求,而應該把重點放在綜合運用腳本控制客戶端或服務器端的程序運行上。由于ASP是運行在服務器端的一種文件,因此教師重點講授的內容是ASP內置的6大對象,對數據庫只作簡單介紹,僅僅要求學生能自行設計并建立數據庫,能夠利用ADO組件連接數據庫并操縱數據庫。

以下給出了一個注冊用戶的后臺處理程序register.asp的例子。這段代碼利用request對象,從表單中獲取各項注冊信息,然后連接并打開數據庫,查找數據庫中是否已經存在該用戶名,如果已存在,給出已經存在該用戶的提示信息,否則把獲取的信息寫入數據庫中,最后關閉該連接。

該例子很好地說明了ADO編程模型的基本步驟:①連接數據庫;②設置SQL命令;③執行SQL命令;④控制數據。方法簡單,淺顯易行。

<%

'*****從表單中獲取來自客戶端的注冊信息*****

username1=trim(request.form("username"))

password1=trim(request.form("password"))

realname1=trim(request.form("realname"))

sex1=trim(request.form("sex"))

email1=trim(request.form("email"))

tele1=trim(request.form("tele"))

work1=trim(request.form("work"))

address1=trim(request.form("address"))

postcode1=trim(request.form("postcode"))

qq1=trim(request.form("qq"))

other1=trim(request.form("other"))

'***********創建ADO連接對象**********

Set Cnn=Server.CreateObject("ADODB.Connection")

StrCnn="Dbq=" & Server.Mappath("dbdbc.mdb")

StrCnn=StrCnn & ";Driver={Microsoft Access Driver (*.mdb)}"

Cnn.Open StrCnn ' 打開數據庫

'**********設置查詢用戶名的SQL語句************

sqlstr="select * from user where username='" & username1 & "'"

Set rs=Cnn.Execute(sqlstr) ' 執行SQL語句

if not rs.eof then ' 查找結果不為空

response.write "對不起!你所注冊的用戶已經存在!"

response.write "請返回上一頁重新注冊!"

else

'*********設置插入用戶信息的SQL語句***********

ins="insert into user"

ins=ins & "(username,password,realname,sex,email,tele,work,address,"

ins=ins & "postcode,qq,other)"

ins=ins & " values('" & username1 & "','" & password1 & "','" & realname1 & "','"

ins=ins & sex1 & "','" & email1 & "','" & tele1 & "','" & work1 & "','" & address1 & "','"

ins=ins & postcode1 & "','" & qq1 & "','" & other1 & "')"

set rs=Cnn.execute(ins) ' 執行SQL語句

response.write "注冊成功!請返回首頁登錄!" ' 顯示提示信息

end if

Cnn.close ' 關閉數據庫

%>

學習網頁設計的最終目的是能夠建立自己的網站。作為本課程的大型作業,學生要提交一個完整的同學錄網站,該網站具有基本功能,如用戶注冊、用戶登錄、用戶信息維護、好友列表、留言板、聊天室等,除此之外,學生也可以自由發揮想象,或者參考5460等網站,設計出更為完善的同學錄。

4結束語

本文探索了在中小學已經開設信息技術的背景下,大學非計算機專業開設信息技術課程的教學理念,提出用網頁程序設計課程來部分替代計算機文化基礎的新思路,并進一步闡述了課程內容的安排和講授方法等,力爭做到因材施教。然而,具體實施中仍存在不少問題,如文科學生的邏輯思維能力較弱,用腳本編程時無法理解一些算法;整個課程需要掌握的內容較多,學生在編程和數據庫應用方面要具有較強的綜合應用能力;由于教學時間短暫,學生無法很深入地掌握網絡編程的精髓,這些都是今后教學中需要繼續解決的問題。

參考文獻:

[1] 苗逢春.信息技術[M].河北:河北大學出版社,2005.

[2] James F.Kurose,Keith W.Ross.計算機網絡——自頂向下方法與Internet特色[M].北京:清華大學出版社,2003.

[3] 徐進華,崔建忠.Web程序設計教程——ASP[M].蘇州:蘇州大學出版社,2005.

[4] 趙妮,熊高君.激活課堂氣氛,提升學習情趣——談C語言課堂教學方法[J].計算機教育,2008(12):41-43.