網頁設計與制作教學網站的設計與實現

摘 要： 為了提高教學效率，使優秀的教學資源和信息能夠在更大范圍、短時間內迅速傳播，采用Dreamweaver工具和ASP 技術開發了網絡教學平臺。教學網站前臺采用動態網頁設計，后臺使用SQL Server 2005數據庫以滿足大用戶量的需求。網站實現了在線答疑、討論、課件上傳下載、教學管理及用戶管理等功能，并通過了測試和試運行。該網站的實現為教師和學生提供了一個高效、方便的網絡教學環境。

關鍵詞： SQL Server； 教學平臺； Dreamweaver； ASP

中圖分類號：TP311 文獻標志碼：A 文章編號：1006-8228（2013）12-65-02

Design and implementation of teaching websites

Gao Yaxia1，2， Zou Hairong3

（1. Shaanxi University of Science Technology， Xi'an， Shaanxi 710021， China； 2. Shaanxi Commercial School； 3. Shaanxi University of Technology）

Abstract： In order to improve teaching efficiency and spread good teaching resources and information in a larger scope but a short period of time， the network teaching platform is developed using Dreamweaver tools and ASP technology. A dynamic web page is applied at the front desk in teaching website， and SQL Server 2005 is used in the backstage data base to satisfy large amount of consumer. After testing and operation of the site， the functions such as answering of the network， online discussions， assignments and learning announcements， uploading and downloading courseware， teaching management and user management are realized in this teaching website， which provides an efficient and convenient teaching environment on web.

Key words： SQL Server； teaching Website； Dreamweaver； ASP

0 引言

隨著計算機和信息技術的飛速發展，網絡教學也在快速發展和普及。教師與學生都迫切需要一種簡便高效的教學方式，網絡教學的出現正好滿足了人們的這種需要。隨著網頁技術的發展成熟，人們對網頁的要求也不再是文字、圖片的簡單堆砌和單調枯燥的內容，而是實時性、交互性和豐富性，使用動態技術的網頁越來越受歡迎[1]。本文介紹采用ASP動態網頁技術結合SQL Server 2005數據庫構建一個“網頁設計與制作”課程教學網站。學生通過訪問該網站，可以瀏覽/下載課件、在線作業、在線交流與討論等；教師可以上傳課件、在線答疑等；管理員可以修改、刪除、添加、查詢用戶信息、進行教程管理等。系統發揮了ASP技術顯示于客戶端和運行于服務器端，以及保護用戶資料的安全性等特性。

1 系統需求分析

利用互聯網技術進行網絡教學，可以跨越時空限制，最大范圍地傳播資源，具有投資少、覆蓋面廣、受益人多和互動性強等特點，使辦學單位減少了人力和物力的消耗，并為廣大學子提供了豐富的資源。可見，網絡教學為教育事業開辟了廣闊的前景。由于在網絡中易于實現資源共享，學生可以將個人問題轉化為公共問題，并借助集體智慧解決個人問題，學生在網絡中容易找到志同道合的學友，各自就共同感興趣的問題發表自己的看法，有益于培養學生的信息素養和解決問題的能力等[2]。教師可以在網絡平臺成為導師，接受或選擇學生的輔導請求，起到指導和督導作用。通過對在校大學生和教師調查發現，計算機網絡教學因其互動性強、教學效果好等優勢成為人們的新需求。網絡教學網站系統的開發，主要是為用戶設計和開發一個便于學習與交流的網絡教學平臺，以提高教學效率。

2 開發技術和方法

本網站教學平臺采用目前流行的B/S（Brower/Server）結構。整個網站可以運行于Windows 2003 Server/Windows XP平臺上，系統前臺使用流行的工具和腳本語言Dreamweaver HTML語言和ASP技術開發，后臺采用當前最流行且性能較高，數據庫維護與管理性能很強大的SQL Server 2005。B/S是隨Internent技術的興起，對C/S（Client/Server）結構的一種變化或者改進的結構，在這種結構下，用戶界面完全通過www瀏覽器實現，一部分事務邏輯在前端實現，但主要事務邏輯在服務器端實現[3]。系統充分發揮了ASP技術顯示于客戶端、運行于服務器端，以及保護用戶資料的安全性等優點。

3 “網頁設計與制作”教學網站的設計

3.1 系統功能設計

從教學用戶的角度，網頁設計與制作課程教學網站可劃分為教師、學生和管理員三大功能模塊。具體內容如表1所示。

表1 系統用戶與功能設計

[分類＼模塊＼使用者＼教師＼查看短消息＼教師＼發布學習及作業公告＼教師＼上傳課件＼教師＼網絡答疑＼教師＼討論交流＼教師＼學生

＼查看短消息＼學生＼瀏覽課件＼學生＼查看作業公告＼學生＼網絡提問＼學生＼討論交流＼學生＼管理員＼消息管理＼管理員＼教學管理＼管理員＼討論管理＼管理員＼用戶管理＼管理員＼]

3.2 數據流程

3.2.1 系統總流程

在網站首頁進行用戶賬號的登錄時，系統接收到用戶賬號后，首先與數據庫中存放的賬號進行權限分析和匹配，若賬號相匹配，則進入相應權限的用戶模塊；若賬號不匹配，則提示用戶操作錯誤，返回登錄界面。系統的總流程如圖1所示。

[用戶登錄][賬號是否正確？] [驗證權限] [具體模塊][數據庫] [N][Y][學生][教師][管理員][結束]

圖1 系統流程圖

3.2.2 后臺管理流程

管理員用戶具有對整個系統的管理權限，除接收短消息功能外主要實現管理學生和教師模塊的內容，課件管理可在一個特定的時間內刪除數據庫里的課件記錄和站點內相應的文件，這樣可節省站點的空間；用戶管理可針對目前系統的工作量適當地添加或刪除系統管理員，也可更改用戶賬號；在討論管理區內管理員可刪除一些過期的或惡意的帖子，也可針對一些話題發帖；在教學管理區內可對學生、教師、學院、專業、班級等進行編輯、修改、添加和刪除。詳細流程如圖2所示。

[管理員登錄][接收短消息][課件管理][用戶管理][討論管理][教學管理][收信息][發信息] [學生管理][教師管理][學院管理][專業管理][班級管理][課件管理][開課管理][操作完成] [數據庫]

圖2 后臺管理流程圖

4 “網頁設計與制作”教學網站的實現

4.1 數據庫設計

數據庫是網站信息管理的后臺支持，存儲著前臺頁面所需要的信息，在信息管理系統中有著很重要的地位。數據庫設計的好與壞，直接影響到網站系統的運行效率。良好的數據庫設計，可以提高數據信息的存儲效率，保證數據信息的完整性和一直性。同時，一個合理的數據庫結構有利于程序的實現。本網站系統使用數據庫SQL Server 2005建立教學（teaching）數據庫。后臺數據庫的連接采用字符串連接，其連接文件的代碼如下：

<% dim ctrConnection，conn //定義常量

ctrConnection=\"Driver={SQL Server}；server=（local）；uid=wy；

pwd=123；database=teaching；\" //連接字符串

set conn=server.createobject（\"ADODB.CONNECTION\"）

//創建連接對象

conn.open ctrConnection %> //打開數據庫

4.2 網站主要頁面實現

4.2.1 網站主頁面

課程教學網站主要是實現教師、學生在線學習與交流的良好平臺，進入系統首頁就能夠方便的選擇用于學習的資源信息等內容。資料列表模塊，顯示學生可以自主學習的所有教學資料信息；網上答疑模塊，提供師生在線交流、學習和討論的平臺。主頁運行效果如圖3所示。

圖3 網站主頁界面

4.2.2 網站管理頁面

網站后臺管理系統能夠實現教師、學生、課件與教學資源及用戶信息的管理等功能。系統管理員登錄頁面的運行效果圖4所示。

圖4 管理員登錄頁面

5 系統功能測試

為了提高網站開發和設計的效率，該教學網站使用目前流行的B/S模式[5]。整個網站可以運行于Windows 2003 Server/Windows XP平臺上，系統前臺采用先進的Dreamweaver、HTML語言工具和ASP技術開發。后臺數據庫采用當前最流行且性能較高，數據庫維護與管理性能很強大的SQL Server 2005實現。通過對網站系統的基本信息模塊，消息管理模塊、課件管理模塊、上傳下載課件模塊，發布作業公告、BBS模塊與教學管理等功能模塊（學生管理，教師管理，課程管理）進行系統測試，結果表明，所設計的功能都能實現，系統性能良好，能夠滿足用戶的實際需求。

6 結束語

本教學網站平臺的開發和應用，實現了教學資源的訪問、課件上傳下載、師生互動、學習交流和網上答疑討論等功能；使優秀的教學資源和交流信息能在大范圍、短時間內傳播。給教師和學生提供了一個方便、高效的網上教學與學習平臺，從而提高了學校教學效率與教學質量。

參考文獻：

[1] 周興華，周新偉，張軍等.ASP+SQL Server數據庫開發與實例[M].清

華大學出版社，2008.

[2] 蔣理.動態網頁設計實用教程[M].西安電子科技大學出版社，2007.

[3] 王萍萍，李曉娜，孫更新.ASP+Dreamweaver動態網站開發[M].清華

大學出版社，2008.

[4] 韓培友，董桂云，柳虹.數據庫技術[M].西北工業大學出版社，2008.

[5] 徐洪峰.Dreamweaver CS5+ASP動態網站設計實用手冊[M].電子工

業出版社，2011.