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

許曉安

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

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

許曉安

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

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

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

一、引言

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

二、目的與意義

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

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

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

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

三、理論依據(jù)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（1）風(fēng)格

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

（2）色彩

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

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

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

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

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

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

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

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

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

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

六、結(jié)束語(yǔ)

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

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

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

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

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

（編輯：楊馥紅）

G434

A

1673-8454（2011）05-0079-04

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