任燕 孫英才

摘要：為了提高學(xué)生的學(xué)習(xí)主動(dòng)性、提高課程信息傳達(dá)的及時(shí)性，該文以《計(jì)算機(jī)輔助教學(xué)技術(shù)》課程為例，論述了學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與制作過(guò)程，實(shí)現(xiàn)了課程多種資源的展示與交流，使之成為教師與學(xué)生課后交流的良好平臺(tái)。

關(guān)鍵詞：網(wǎng)站設(shè)計(jì)；網(wǎng)站制作；計(jì)算機(jī)輔助教學(xué)技術(shù)

中圖分類(lèi)號(hào)：G642文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-3044(2012)16-3818-03

Learning Website Design and Establishment of the“Computer Aided Instruction Technology”Course

REN Yan, SUN Ying-cai

(Department of Computer Science, Zunyi Normal College, Zunyi 563002, China)

Abstract: In order to improve the students learning initiative and course message timeliness,This aticle discusses learning website design and establishment process of the "CAI " course. The learning website realizes the display and communication of many resources, and be comes good communication platform of the teachers and students after class.

Key words: website design；website establishment；CAI technology

隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)快速的發(fā)展和互聯(lián)網(wǎng)密集型延伸以及人們生活工作的需要，使用因特網(wǎng)技術(shù)進(jìn)行網(wǎng)上教學(xué)已開(kāi)始成為一種全新的教學(xué)模式。網(wǎng)上教學(xué)具有及時(shí)性、共享性、便捷性、交互性和獨(dú)特化等幾大特點(diǎn)，它有著傳統(tǒng)教學(xué)模式所無(wú)法比擬和替代的優(yōu)點(diǎn)。因此，教學(xué)網(wǎng)站的開(kāi)發(fā)制作成為廣大教育工作者迫切要了解和深入探究的重要環(huán)節(jié)，從而更好的發(fā)展網(wǎng)上教學(xué)，推動(dòng)教學(xué)課程水平的逐步提高?！队?jì)算機(jī)輔助教學(xué)技術(shù)》課程學(xué)習(xí)網(wǎng)站預(yù)期實(shí)現(xiàn)以下目標(biāo)：1）信息發(fā)布方便、快捷、為用戶(hù)提供全新的服務(wù)。2）支持各種資源下載技術(shù)。3）提供用戶(hù)在線論壇、在線留言，增強(qiáng)網(wǎng)站的互動(dòng)性。4）網(wǎng)站維護(hù)簡(jiǎn)單、方便。5）具有較好的網(wǎng)站安全性。

1系統(tǒng)開(kāi)發(fā)技術(shù)簡(jiǎn)介

通過(guò)對(duì)本系統(tǒng)功能應(yīng)用及各方面的綜合評(píng)價(jià)分析，此網(wǎng)站采用Dreamweaver CS4作為前臺(tái)的主體設(shè)計(jì)工具，主要是運(yùn)用表格、Div+CSS進(jìn)行布局排版編輯，網(wǎng)站的修飾添加常用的動(dòng)畫(huà)制作軟件Flash CS4、圖形處理軟件Photoshop CS3等進(jìn)行輔助設(shè)計(jì)，制作完成課程的多媒體教學(xué)資料。后臺(tái)設(shè)計(jì)部分運(yùn)用ASP技術(shù)添加動(dòng)態(tài)資源，Microsoft Access 2003數(shù)據(jù)庫(kù)作為動(dòng)態(tài)數(shù)據(jù)整理工具，通過(guò)ADO對(duì)象訪問(wèn)數(shù)據(jù)庫(kù)，建設(shè)成一個(gè)兼容性、安全性、可擴(kuò)展性良好滿(mǎn)足用戶(hù)瀏覽信息、交流互動(dòng)的教學(xué)網(wǎng)站[1]。

2需求分析

2.1功能需求分析

本教學(xué)網(wǎng)站的功能是可以替代傳統(tǒng)教學(xué)模式，能夠快速的更新跟蹤最前沿的教學(xué)資訊，靈活生動(dòng)的把教科書(shū)的知識(shí)展現(xiàn)出來(lái)。用戶(hù)通過(guò)訪問(wèn)網(wǎng)站不僅能在線學(xué)習(xí)，同時(shí)，用戶(hù)可以尋找下載想要的相關(guān)試題和課件，更可以注冊(cè)會(huì)員在論壇上討論交流。而對(duì)于系統(tǒng)管理員，登陸系統(tǒng)后臺(tái)，不僅要對(duì)網(wǎng)站進(jìn)行系統(tǒng)維護(hù)，還要對(duì)所有網(wǎng)站信息、數(shù)據(jù)進(jìn)行統(tǒng)計(jì)整理；管理論壇的貼子與留言板的信息刪除，備份，回饋；管理員也要能實(shí)時(shí)更新網(wǎng)站內(nèi)容，發(fā)布最新信息。

2.2系統(tǒng)需求分析

此系統(tǒng)打破傳統(tǒng)教學(xué)模式的地域限制、時(shí)間限制，充分發(fā)揮網(wǎng)站教學(xué)的及時(shí)性和便捷性，能夠提高教學(xué)效率。用戶(hù)能及時(shí)的獲取教學(xué)資源，管理員能對(duì)網(wǎng)站進(jìn)行維護(hù)，對(duì)網(wǎng)站資料內(nèi)容更新和數(shù)據(jù)的整理權(quán)限操作。

3系統(tǒng)概要設(shè)計(jì)

3.1系統(tǒng)結(jié)構(gòu)設(shè)計(jì)

根據(jù)本教學(xué)網(wǎng)站的特點(diǎn)，將其分為前臺(tái)和后臺(tái)兩大部分。前臺(tái)主要實(shí)現(xiàn)信息瀏覽、資源下載、在線論壇和留言等功能，后臺(tái)主要是管理員對(duì)網(wǎng)站前臺(tái)信息、論壇及留言進(jìn)行管理。

該教學(xué)網(wǎng)站設(shè)計(jì)為八大模塊，分別是課程描述、教師隊(duì)伍、課程建設(shè)、下載頻道、在線學(xué)習(xí)、師生論壇、用戶(hù)系統(tǒng)和留言板。

整個(gè)學(xué)習(xí)網(wǎng)站的系統(tǒng)結(jié)構(gòu)如圖1所示。

圖1網(wǎng)站系統(tǒng)結(jié)構(gòu)圖

各模塊功能分別為：

1)課程描述模塊介紹了計(jì)算機(jī)輔助教學(xué)技術(shù)的歷史沿革、研究?jī)?nèi)容、基本構(gòu)成、應(yīng)用環(huán)境等相關(guān)的課程描述。2)教師隊(duì)伍模塊介紹了課程主要負(fù)責(zé)人及其他任課教師的教學(xué)與科研情況。

3)課程建設(shè)模塊包括我院計(jì)算機(jī)輔助教學(xué)技術(shù)課程特色和今后此門(mén)課程的發(fā)展趨勢(shì)。4)在線學(xué)習(xí)包括在線課件、在線自測(cè)。

5)下載頻道幫助學(xué)生下載課件、Word文檔、實(shí)驗(yàn)軟件等課程資源。6)論壇主要用于讓學(xué)生和老師進(jìn)行一些教學(xué)答疑或是學(xué)術(shù)探討。

7)留言板主要收集一些用戶(hù)對(duì)于網(wǎng)站的意見(jiàn)或建議，以便對(duì)網(wǎng)站進(jìn)行改善。8)后臺(tái)管理系統(tǒng)對(duì)留言板、論壇的數(shù)據(jù)信息進(jìn)行管理。

3.2數(shù)據(jù)庫(kù)設(shè)計(jì)

3.2.1數(shù)據(jù)庫(kù)分析

針對(duì)網(wǎng)站功能結(jié)構(gòu)分析，本教學(xué)網(wǎng)站涉及到的數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu)如下：1)用戶(hù)基本信息。包括的數(shù)據(jù)項(xiàng)有用戶(hù)名、用戶(hù)密碼、E-mail等基本信息。2)管理員基本信息。包括的數(shù)據(jù)項(xiàng)有管理員名稱(chēng)、管理員密碼等基本信息。

3)論壇文章基本信息。包括的數(shù)據(jù)項(xiàng)有文章標(biāo)題、文章內(nèi)容、工作區(qū)域名稱(chēng)、發(fā)表時(shí)間等信息。4)用戶(hù)留言基本信息。包括的數(shù)據(jù)項(xiàng)有留言?xún)?nèi)容、留言者姓名、留言者QQ等信息。

為了保證數(shù)據(jù)庫(kù)的安全性，做了以下工作：需要用戶(hù)注冊(cè)登錄后才能進(jìn)入論壇或留言系統(tǒng)。

3.2.2數(shù)據(jù)庫(kù)中表的設(shè)計(jì)

數(shù)據(jù)庫(kù)的內(nèi)容以及表的設(shè)計(jì)直接影響到系統(tǒng)的質(zhì)量，好的數(shù)據(jù)庫(kù)設(shè)計(jì)能很好有序的管理數(shù)據(jù)，并且可以達(dá)到方便易用的功能。

根據(jù)系統(tǒng)的要求，采用的數(shù)據(jù)庫(kù)是Microsoft Access，系統(tǒng)創(chuàng)建三個(gè)數(shù)據(jù)庫(kù)文件即師生論壇數(shù)據(jù)庫(kù)Luntan.mdb、留言板數(shù)據(jù)庫(kù)Li uyan.mdb和管理員數(shù)據(jù)庫(kù)DB.mdb。其中Luntan.mdb數(shù)據(jù)庫(kù)中包含的表有用戶(hù)表user、發(fā)表文章表article、回復(fù)文章表reply和工作域表area；DB.mdb包含的表是表administrator。

4系統(tǒng)詳細(xì)設(shè)計(jì)

4.1網(wǎng)站主頁(yè)的設(shè)計(jì)

網(wǎng)站主頁(yè)是用戶(hù)登錄后首先看到的頁(yè)面，所以主頁(yè)的設(shè)計(jì)至關(guān)重要，應(yīng)該亮麗美觀、盡可能表現(xiàn)出計(jì)算機(jī)輔助教學(xué)技術(shù)網(wǎng)站的風(fēng)格、內(nèi)容，吸引用戶(hù)的注意力，否則很難給用戶(hù)留下深刻的印象。

4.1.1主頁(yè)的風(fēng)格、色彩和布局設(shè)計(jì)

根據(jù)課程提供的材料和網(wǎng)站本身的互動(dòng)性質(zhì)，經(jīng)過(guò)仔細(xì)的分析、策劃，選用藍(lán)色作為網(wǎng)站的主色調(diào)，同時(shí)輔助以白色，本網(wǎng)站建設(shè)的目的是為了方便學(xué)生學(xué)習(xí)，主頁(yè)要簡(jiǎn)潔、大方，莊重。盡可能表現(xiàn)出計(jì)算機(jī)輔助教學(xué)技術(shù)課程的特色。本網(wǎng)站主頁(yè)設(shè)計(jì)的特色之一是小圖標(biāo)的運(yùn)用，這些小圖標(biāo)不僅給整個(gè)網(wǎng)頁(yè)增加了不少趣味，也使網(wǎng)頁(yè)更加清新、活潑，同時(shí)也表達(dá)了網(wǎng)站的性質(zhì)。

布局上，主頁(yè)上部插入學(xué)校的標(biāo)志，后面輸入課程名稱(chēng)，以體現(xiàn)課程網(wǎng)站主頁(yè)的風(fēng)格。主頁(yè)左側(cè)設(shè)計(jì)導(dǎo)航欄，列舉本站提供的五個(gè)相關(guān)的課程模塊，即課程描述、教師隊(duì)伍、課程建設(shè)、在線學(xué)習(xí)、學(xué)生空間。主頁(yè)中上部輸入課程簡(jiǎn)介，以便沒(méi)有接觸計(jì)算機(jī)輔助教學(xué)的訪問(wèn)者能對(duì)本站所描述的課程有個(gè)初步認(rèn)識(shí)。“課程簡(jiǎn)介”位置下面設(shè)計(jì)方便學(xué)生及時(shí)得到課程相關(guān)資源的快速通道，即“下載頻道”。學(xué)生在此可以下載到課程的作業(yè)、教學(xué)課件、課程相關(guān)軟件等課程資源。主頁(yè)右側(cè)設(shè)置會(huì)員登錄框及方便學(xué)生瀏覽其他相關(guān)網(wǎng)站的“友情鏈接”，下面設(shè)置一個(gè)進(jìn)入師生論壇的標(biāo)志圖片和一個(gè)進(jìn)入后臺(tái)登陸的圖標(biāo)。主頁(yè)最下部輸入本網(wǎng)站的版權(quán)信息。

4.1.2主頁(yè)導(dǎo)航的設(shè)計(jì)

本教學(xué)網(wǎng)站規(guī)模不是太大，主頁(yè)采用簡(jiǎn)單的集合導(dǎo)航模式，即把具有邏輯關(guān)系的超鏈接放置在一起，用戶(hù)可以方便地訪問(wèn)某一類(lèi)信息。主頁(yè)效果如圖2所示。

圖2網(wǎng)站主頁(yè)

4.2師生論壇模塊

設(shè)計(jì)師生論壇提供了一個(gè)用戶(hù)自由探討課程相關(guān)話題的場(chǎng)所，在這里教師可以及時(shí)地給學(xué)生解惑答疑，教師之間也可以探討教學(xué)中所遇到的問(wèn)題等。為方便管理，本功能對(duì)訪問(wèn)權(quán)限加了限制，用戶(hù)要進(jìn)入論壇必須先登錄，對(duì)于新用戶(hù)，要先注冊(cè)成為會(huì)員后才能登錄進(jìn)入論壇系統(tǒng)。用戶(hù)可以選擇性的進(jìn)入不同的工作域，使用搜索項(xiàng)目執(zhí)行查看帖子內(nèi)容，發(fā)表帖子或回復(fù)帖子，管理員后臺(tái)對(duì)帖子進(jìn)行查看、刪除。師生論壇模塊包括用戶(hù)登錄、新用戶(hù)注冊(cè)、發(fā)表帖子、瀏覽帖子、回復(fù)帖子及論壇后臺(tái)管理。

4.3課程描述

為了保持網(wǎng)站風(fēng)格的一致性，子頁(yè)面采用與主頁(yè)一樣的色調(diào)，統(tǒng)一藍(lán)色為主色調(diào)，同時(shí)輔助以紫色、白色，網(wǎng)頁(yè)上部和底部與主頁(yè)一樣，不用進(jìn)行改變。不同之處就是導(dǎo)航欄增加了一欄。即在網(wǎng)頁(yè)標(biāo)志下邊列舉了和主頁(yè)里一樣的導(dǎo)航內(nèi)容，使得在每一個(gè)網(wǎng)頁(yè)上都可以進(jìn)入主要的功能模塊，同時(shí)在網(wǎng)頁(yè)左邊也列舉了對(duì)應(yīng)模塊的子導(dǎo)航內(nèi)容。這樣，用戶(hù)無(wú)論在哪一個(gè)位置都不會(huì)迷失方向，要到另一個(gè)功能模塊也沒(méi)有必要撤回主頁(yè)了。實(shí)現(xiàn)了瀏覽的方便快捷更人性化。課程描述模塊包括課程的歷史沿革、研究?jī)?nèi)容、基本構(gòu)成以及應(yīng)用環(huán)境。

4.4教師隊(duì)伍

與課程描述模塊設(shè)計(jì)的方法相同，教師隊(duì)伍模塊包含課程負(fù)責(zé)人及其他任課教師介紹，后續(xù)欄目可以自行添加。課程負(fù)責(zé)人介紹可以讓用戶(hù)了解本課程負(fù)責(zé)老師的情況，如姓名、性別、學(xué)歷、職稱(chēng)、教學(xué)情況、學(xué)術(shù)研究情況、所獲獎(jiǎng)勵(lì)等信息。其他任課教師介紹是對(duì)擔(dān)任該門(mén)課程的其他教師情況進(jìn)行介紹。

5結(jié)束語(yǔ)

實(shí)踐證明，學(xué)生通過(guò)《計(jì)算機(jī)輔助教學(xué)技術(shù)》課程學(xué)習(xí)網(wǎng)站的使用，增加了對(duì)此課程的學(xué)習(xí)興趣，提高了學(xué)生的自主學(xué)習(xí)性，對(duì)學(xué)習(xí)的可延續(xù)性也起到了一定的作用。

參考文獻(xiàn)：

[1]吳俊海.Dreamweaver 8網(wǎng)頁(yè)制作與網(wǎng)站開(kāi)發(fā)[M].北京:清華大學(xué)出版社,2006:3-5.

[2]賽奎春,王國(guó)輝.ASP信息系統(tǒng)開(kāi)發(fā)實(shí)例精選[M].北京:機(jī)械工業(yè)出版社,2005:223-248.

[3]邵麗萍,張后揚(yáng),郭春芳.網(wǎng)站編程技術(shù)實(shí)用教程[M].北京:清華大學(xué)出版社,2004:254-269.