《計(jì)算機(jī)輔助教學(xué)技術(shù)》課程學(xué)習(xí)網(wǎng)站設(shè)計(jì)與制作

任燕 孫英才

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

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

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

1系統(tǒng)開發(fā)技術(shù)簡介

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

2需求分析

2.1功能需求分析

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

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

此系統(tǒng)打破傳統(tǒng)教學(xué)模式的地域限制、時間限制，充分發(fā)揮網(wǎng)站教學(xué)的及時性和便捷性，能夠提高教學(xué)效率。用戶能及時的獲取教學(xué)資源，管理員能對網(wǎng)站進(jìn)行維護(hù)，對網(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)，將其分為前臺和后臺兩大部分。前臺主要實(shí)現(xiàn)信息瀏覽、資源下載、在線論壇和留言等功能，后臺主要是管理員對網(wǎng)站前臺信息、論壇及留言進(jìn)行管理。

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

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

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

各模塊功能分別為：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

圖2網(wǎng)站主頁

4.2師生論壇模塊

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

4.3課程描述

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

4.4教師隊(duì)伍

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

5結(jié)束語

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

參考文獻(xiàn)：

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

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

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