許曉安

（廣東技術(shù)師范學(xué)院 科研處，廣東 廣州 510665）

“網(wǎng)頁制作”培訓(xùn)項目配套教學(xué)網(wǎng)站的設(shè)計與開發(fā)*

許曉安

（廣東技術(shù)師范學(xué)院 科研處，廣東 廣州 510665）

在網(wǎng)絡(luò)環(huán)境下通過相應(yīng)的配套教學(xué)網(wǎng)站可以實現(xiàn)教學(xué)輔導(dǎo)和師生課后溝通的雙重目標(biāo)。本文主要介紹了人力資源和社會保障部高職高專院?！熬W(wǎng)頁制作”培訓(xùn)項目配套教學(xué)網(wǎng)站的設(shè)計策略，并結(jié)合軟件技術(shù)實踐，闡述了如何開發(fā)一個教學(xué)配套網(wǎng)站的過程。

配套教學(xué)網(wǎng)站；ASP.NET；網(wǎng)頁制作

一、引言

應(yīng)用網(wǎng)絡(luò)輔助教學(xué)已經(jīng)成為當(dāng)代教育的一個非常重要的教學(xué)方式，成人在職培訓(xùn)教育也不例外?！熬W(wǎng)頁制作”作為人力資源和社會保障部高級職業(yè)技能培訓(xùn)系列項目中的一門，對于全國各高職高專院校中從事本課程教學(xué)的相關(guān)專業(yè)教師職業(yè)技能的提升，作用非常重大。為了使本人主持的“網(wǎng)頁制作”培訓(xùn)項目能更加有效地實施，加強教師與學(xué)員的課外交流，并使教師能及時地解決學(xué)員課后遇到的各種問題，特設(shè)計與開發(fā)了本配套教學(xué)網(wǎng)站。

二、目的與意義

“網(wǎng)頁制作”培訓(xùn)項目以提升高職高專院校本課程專業(yè)教師動態(tài)交互網(wǎng)站設(shè)計與制作高級專業(yè)技能和網(wǎng)絡(luò)教學(xué)技能為主要目標(biāo)。成人在職教育的特點決定了學(xué)員只能在一段時間內(nèi)（本項目是兩周）集中進行培訓(xùn)，之后返回各自的工作單位，因此在這種培訓(xùn)中，教師與學(xué)員之間除了集中上課這段時間外，平時很少有時間在一起。建立本配套教學(xué)網(wǎng)站的主要目的就是為了方便學(xué)員課前與課后的學(xué)習(xí)，以及加強教師與學(xué)員之間、學(xué)員與學(xué)員之間的互動交流。利用這個教學(xué)網(wǎng)站，學(xué)員可以在培訓(xùn)之前了解相關(guān)的培訓(xùn)信息，進行課程內(nèi)容的準(zhǔn)備與預(yù)習(xí)，課后遇到問題時可以在網(wǎng)站中進行提問與討論，教師則可以根據(jù)學(xué)員的要求與反饋及時發(fā)布最新消息，上傳相關(guān)教學(xué)資源，以及調(diào)整教學(xué)進度等。培訓(xùn)結(jié)束后，學(xué)員在原單位的教學(xué)中，還可以利用本網(wǎng)站繼續(xù)學(xué)習(xí)，如遇到相關(guān)問題，也可以利用此網(wǎng)站進行提問與討論。

此外，本配套教學(xué)網(wǎng)站還具有以下優(yōu)勢：

（1）使用、更新、維護簡便。學(xué)員無須特殊的平臺和軟件，只要電腦能夠正常上網(wǎng)，且能正常使用瀏覽器。教師在線備課、更新教學(xué)資源也十分方便，只需將搜集到和整理好的相應(yīng)文字、圖片、聲音、動畫和視頻等素材通過后臺管理系統(tǒng)直接上傳到數(shù)據(jù)庫即可。

（2）在線答疑重視問題與回答方式的設(shè)計，提高學(xué)員的主動參與度。高水平的問題能引發(fā)學(xué)員進行有效的思考，而論壇為學(xué)員提供了表達(dá)意見的場所，充分體現(xiàn)了教學(xué)網(wǎng)站“以學(xué)員為中心”的特點。

三、理論依據(jù)

計算機輔導(dǎo)教學(xué)軟件設(shè)計的理論，已經(jīng)從早期的行為主義學(xué)習(xí)理論和認(rèn)知學(xué)習(xí)理論，發(fā)展到現(xiàn)在的建構(gòu)主義理論。建構(gòu)主義學(xué)習(xí)理論認(rèn)為：知識是認(rèn)知主體在與客觀環(huán)境的相互作用中獲得的，而不是靠教師的傳授得到的；認(rèn)知主體的認(rèn)識發(fā)展是通過意義建構(gòu)的途徑而形成的；認(rèn)知主體的認(rèn)識發(fā)展呈螺旋式前進。學(xué)習(xí)是獲取知識的過程，建構(gòu)主義提倡在教師指導(dǎo)下的，以學(xué)員為中心的學(xué)習(xí)，學(xué)員通過一定的情景 （即社會文化背景），借助其他人（包括教師和同學(xué)）的幫助，利用必要的學(xué)習(xí)資料，通過意義建構(gòu)的方式獲得。即：情景、協(xié)作、會話、意義建構(gòu)是學(xué)習(xí)環(huán)境中的四大要素。

在學(xué)習(xí)方法上，建構(gòu)主義學(xué)習(xí)理論一方面要求發(fā)揮學(xué)員主體作用。即：要用探索法、發(fā)現(xiàn)法去建構(gòu)知識的意義；在建構(gòu)意義的過程中要求學(xué)員主動去搜集并分析有關(guān)的數(shù)據(jù)和資料，對所學(xué)習(xí)的問題要提出各種假設(shè)并努力加以驗證；要求學(xué)員把當(dāng)前學(xué)習(xí)內(nèi)容所反映的事物盡量和自己已有知識的事物相聯(lián)系，并對這種聯(lián)系加以認(rèn)真的思考。另一方面是發(fā)揮教師的主導(dǎo)作用。即：激發(fā)學(xué)員的學(xué)習(xí)興趣，幫助學(xué)員形成學(xué)習(xí)動機；通過創(chuàng)設(shè)符合教學(xué)內(nèi)容要求的情景和提示新舊知識之間聯(lián)系的線索，幫助學(xué)員建構(gòu)當(dāng)前所學(xué)知識的意義；為了使意義建構(gòu)更有效，教師應(yīng)在可能的條件下，組織協(xié)作學(xué)習(xí)，并對協(xié)作學(xué)習(xí)過程進行引導(dǎo)，使之朝著有利于意義建構(gòu)的方向發(fā)展。本配套教學(xué)網(wǎng)站的設(shè)計思路，正是基于這一理論。期望通過系統(tǒng)總體結(jié)構(gòu)和各功能模塊的設(shè)計，網(wǎng)站用于教學(xué)中，可以作為建構(gòu)主義學(xué)習(xí)環(huán)境下的理想認(rèn)知工具，能有效地促進學(xué)員認(rèn)知結(jié)構(gòu)的形成與發(fā)展。

四、網(wǎng)站設(shè)計

1.網(wǎng)站內(nèi)容設(shè)計

內(nèi)容設(shè)計是本配套教學(xué)網(wǎng)站建設(shè)中的重要一環(huán)。內(nèi)容的設(shè)計必須服從并體現(xiàn)項目的培訓(xùn)目標(biāo)。本培訓(xùn)項目的主要目標(biāo)是提升高職高專院校本課程專業(yè)教師動態(tài)交互網(wǎng)站設(shè)計與制作高級專業(yè)技能和網(wǎng)絡(luò)教學(xué)技能。因而，不管是主頁，還是其他模塊，在設(shè)計時都要圍繞這一主要目標(biāo)進行。

（1）主頁內(nèi)容設(shè)計

主頁是進入網(wǎng)站的門戶，此外圍繞以上培訓(xùn)目標(biāo)，主頁中還提供了內(nèi)容搜索、最近動態(tài)、網(wǎng)站快迅等教學(xué)輔助欄目。內(nèi)容搜索欄目提供了一個學(xué)員快速搜索站內(nèi)所有教學(xué)資源的快捷通道，最近動態(tài)欄目則將培訓(xùn)過程中的一些最新安排，例如何時考證報名、何時何地開展集中討論、何時提交作品、何時何地參加考試等信息呈現(xiàn)在學(xué)員面前，網(wǎng)站快訊欄目則主要提供網(wǎng)站資源建設(shè)的一些最近進展情況，例如，上傳新的課件和視頻等。

（2）培訓(xùn)內(nèi)容設(shè)計

如果把教學(xué)網(wǎng)站的設(shè)計與開發(fā)比作是一部專題片的構(gòu)思與制作，那么培訓(xùn)內(nèi)容模塊的設(shè)計就是一個“構(gòu)思劇本”的過程。圍繞以上培訓(xùn)目標(biāo)，本模塊主要安排了動態(tài)網(wǎng)站設(shè)計與制作高級技能、國家精品網(wǎng)絡(luò)課程設(shè)計與制作的標(biāo)準(zhǔn)與高職高專精品網(wǎng)絡(luò)課程建設(shè)、以及網(wǎng)絡(luò)技術(shù)應(yīng)用熱點問題講座等三個方面的內(nèi)容，其中，動態(tài)網(wǎng)站設(shè)計與制作高級技能是核心。

內(nèi)容上的這種設(shè)計，一方面考慮到了學(xué)員培訓(xùn)的主要目標(biāo)：掌握和提升高級技能，并通過考試獲取高級職業(yè)技能證書，另一方面，考慮到參加培訓(xùn)的都是本課程全國高職高專的相關(guān)專業(yè)教師，都有多年的教學(xué)經(jīng)驗，基本理論與技能都非常嫻熟，故還特別安排了國家精品網(wǎng)絡(luò)課程設(shè)計與制作的標(biāo)準(zhǔn)與高職高專精品網(wǎng)絡(luò)課程建設(shè)，以及網(wǎng)絡(luò)技術(shù)應(yīng)用熱點問題講座兩個方面的內(nèi)容。這兩個方面的內(nèi)容，既是學(xué)員教師技能進一步提升的需要，同時也是學(xué)員培訓(xùn)考證后回到原單位的主要工作目標(biāo)之一。

通過對比我們發(fā)現(xiàn)，內(nèi)容上的這種安排，是國內(nèi)同類其他網(wǎng)頁制作培訓(xùn)項目配套教學(xué)網(wǎng)站中所不具備的，這也是本教學(xué)網(wǎng)站的最大亮點之一。此外，動態(tài)網(wǎng)站設(shè)計與制作高級技能部分的內(nèi)容，不是書本的搬家，而是在書本內(nèi)容基礎(chǔ)上的進一步系統(tǒng)化和層次化，并且，還補充了大量書本之外的相關(guān)內(nèi)容。

（3）相關(guān)資源設(shè)計

相關(guān)資源模塊中主要提供與課程有關(guān)的其他教學(xué)資料，例如教學(xué)課件、教案、視頻課例等。所有教學(xué)資源都通過數(shù)據(jù)庫進行動態(tài)管理。

其他相關(guān)模塊的設(shè)計可參見本配套教學(xué)網(wǎng)站的系統(tǒng)結(jié)構(gòu)，如圖所示。

2.網(wǎng)站界面設(shè)計

（1）風(fēng)格

一般來說，對于教學(xué)網(wǎng)站而言，網(wǎng)站界面設(shè)計必須做到整體風(fēng)格統(tǒng)一，要在嚴(yán)謹(jǐn)、莊重的基調(diào)上，營造出生動活潑、清新亮麗、簡潔明快的氛圍，給人以美的感受，從而吸引學(xué)員的注意力，激發(fā)起學(xué)員的學(xué)習(xí)興趣和動力。

（2）色彩

基于以上風(fēng)格定位，本網(wǎng)站采用了以天藍(lán)色為主要色系，以不同深淺的藍(lán)色和白色作為基調(diào)的色彩搭配方式。藍(lán)色代表深遠(yuǎn)、永恒、沉靜、理智，是最具涼爽、清新、專業(yè)的色彩；白色代表純潔、樸素、神圣、明快，具有潔白、純真、清潔的感受；綠色代表新鮮、和平、柔和、安逸、青春，在本網(wǎng)站中作為鄰近色彩使用。采用鄰近色設(shè)計網(wǎng)頁可以使網(wǎng)頁避免色彩雜亂，易于達(dá)到頁面的和諧統(tǒng)一。而藍(lán)色和白色的混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛，再加上局部的鮮艷色彩處理，使整個網(wǎng)站彌漫著清新明朗、一目了然、自然親切的感覺，訪問者仿佛置身于自然環(huán)境中，在輕松愜意中便融入到學(xué)習(xí)過程中。

五、網(wǎng)站開發(fā)

網(wǎng)站的頁面通過Dreamweaver CS4軟件來制作，網(wǎng)站中各模塊的功能則采用當(dāng)前流行的ASP.NET+JavaScript+Acess技術(shù)平臺來實現(xiàn)。以平時測試模塊的功能實現(xiàn)為例：

本模塊采用一個獨立的數(shù)據(jù)庫系統(tǒng)，模塊要求學(xué)員先注冊，然后才能進入測試，測試完畢提交答卷后，系統(tǒng)自動核對答案并評分、記錄成績，如果不及格教師管理員可以通過后臺開放權(quán)限，允許學(xué)員重新進行測試。

1.數(shù)據(jù)庫連接

程序說明：定義一個變量db，把數(shù)據(jù)庫的相對路徑賦給它；建立一個ADO對象集：Connection對象，執(zhí)行這個語句的時候，創(chuàng)建一個數(shù)據(jù)連接對象；調(diào)用Access的ODBC驅(qū)動程序，賦給connstr，并通過Server.MapPath引用變量db的值；利用Con的Open方法來實現(xiàn)數(shù)據(jù)庫的連接。

2.判斷學(xué)員是否參加過測試

程序說明：通過SQL語句把學(xué)員的ID和測試次數(shù)testid（第幾次考試）信息提取出來，如果rsfind值不為空，說明學(xué)員已經(jīng)參加過本次測試，通過javascript腳本語言的alert函數(shù)提示測試已經(jīng)參加過這次測試，等待下一次測試。

3.判斷學(xué)員是否補考

程序說明：把總分（zfenpd（判斷題）+zfenxz（選擇題）+zfentk（填空題））寫入數(shù)據(jù)庫，如果少于應(yīng)得總分的6/10就認(rèn)為是不及格，在數(shù)據(jù)庫里以false表示。在后臺，管理員可批準(zhǔn)不及格的學(xué)員進行補考，然后記錄補考成績于數(shù)據(jù)庫。

六、結(jié)束語

本文介紹的“網(wǎng)頁制作”培訓(xùn)項目配套教學(xué)網(wǎng)站，當(dāng)前已應(yīng)用到全國高職高專骨干教師培訓(xùn)（南方）基地“網(wǎng)頁制作”高級職業(yè)技能培訓(xùn)項目的課程教學(xué)中，經(jīng)過兩輪時間的試用，培訓(xùn)學(xué)員普遍反映該網(wǎng)站教學(xué)內(nèi)容與網(wǎng)頁界面設(shè)計科學(xué)合理，網(wǎng)站使用方便高效，訪問速度較快，對于課程教學(xué)的支持效果比較理想。

[1]許曉安.《多媒體教學(xué)軟件設(shè)計》課程教學(xué)網(wǎng)站的設(shè)計與開發(fā)[J].電腦與電信,2007（2）:44-45.

[2]胡白鳴,周麗麗，李世強.教學(xué)輔導(dǎo)網(wǎng)站的制作方法與技巧[J].高等函授學(xué)報，2008（9）:21-22.

[3]劉友生.ASP.NET項目實訓(xùn)[M].北京：研究出版社,2008.4.

[4]毛溪.平面構(gòu)成[M].上海：人民美術(shù)出版社,2007.5.

（編輯：楊馥紅）

G434

A

1673-8454（2011）05-0079-04

廣東省教育廳廣東高校優(yōu)秀青年創(chuàng)新人才培育項目（育苗工程項目）（課題批準(zhǔn)號：w ym09110）資助。