綜合性精品課程網站的設計

王麗芬

（吉林農業科技學院，吉林 吉林132101）

綜合性精品課程網站的設計

王麗芬

（吉林農業科技學院，吉林 吉林132101）

首先對精品課程網站做了詳細的需求分析，然后給出了精品課程網站所需的功能，重點探討了精品課程網站的設計方案，最后對精品課程網站進行了較詳細的設計，并給出了具體實現步驟，通過測試分析，該系統的運行穩定可靠，實用價值高。

精品課程；網站；數據庫；教育；資源

在現代的學習生活中，多數精品課網站都是針對某一門課程設計的，對于這一現象，我們設計一個專業（電子信息科學與技術）的綜合性的精品課網站。

電子信息科學與技術專業精品課程網站計的開發是基于B/S結構，采用ASP.net程序設計語言SQL數據庫進行開發。本系統需達到以下目標：系統注冊中判斷用戶名是否可用，提高注冊效率；首頁集合精品課程，并按照精品課程級別進行分類；后臺可以控制各精品課程頁面Banner、Title、keywords、description等；通過Office Word可以直接粘貼到后臺進行發布，并保持格式統一；系統最大程度實現易維護和易操作性；系統運行穩定、安全可靠。

1 系統功能模塊設計

通過調查分析，結合實際需求，劃分出了精品課程網站的模塊，此系統主要包括課程管理模塊，資料管理模塊和其他管理模塊，如圖1所示：

圖1 系統模塊圖

具體來講本系統有以下模塊：用戶管理：添加用戶，修改密碼，刪除用戶；課程管理：添加課程，刪除課程，修改課程；資料管理：添加、刪除、編輯前臺顯示信息。

2 基本欄目內容

精品課程網站主要是為學生提供自主學習的平臺，為學校展示課程改革成果的交流平臺，所以精品課程網站應包含申報資料、成果獎勵等展示型欄目，還要包括教學錄像、習題試卷等學生自主學習欄目，組成部分如圖2所示：

圖2 系統欄目圖

3 數據庫的建立

數據庫是模塊建設中的關鍵部分，是精品課程網站設計的核心，數據庫功能實現的好壞，直接決定了系統功能的實現程度，以及系統實際運行的安全性。基于網絡數據庫SQLServer 2005建立如下結構的數據庫。（User、Lessons、Images、Course）以Course為例：

表1 Course

4 系統功能的實現

4.1 系統主頁面的設計

系統主頁面采用綠色為主，由于此精品課程網站以電子信息科學與技術專業集群性質設計的，所以頁面右側導航設置分為校級精品，省級精品和國家級精品，分類簡約而明了。

此導航采用了JavaScript腳本配合div+css實現，動態顯示，華麗而美觀，其中經典的JavaScript代碼（部分）如下：

$（function（）｛

$（".xjjpkc"）.css（"display"，"none"）

$（".sjjpkc"）.css（"display"，"none"）

$（".gjjjpkc"）.css（"display"，"none"）

$（".xj"）.click（function （） ｛ $（".gjjjpkc"）. css（"display"，"none"）；$（".sjjpkc"）.css（"display"，"none"）；$（".xjjpkc"）.css（"opacity"，"0.0"）.fadeIn（"slow"）. fadeTo（"slow"， 0.7）；｝）；

$（".xj"）.click（function xjjpkccx（）｛var marquee3=new Marquee（"marqueedivcontrol1"）；

…………

4.2 教學錄像頁面

教學錄像為學生提供了更簡便快速的學習途徑，學生可以根據自身情況，對自己的薄弱處進行反復學習，教學錄像是以一種真人授課的方式展現在學生面前，學生可以進行自主學習和交流，滿足個性化學習的需要。

代碼（部分）如下：

4.3 登錄功能實現

登陸頁面用于系統管理員進入管理界面，對該網站進行管理。核查登陸信息頁面用于處理登陸頁面提交的數據，查找是否有相應的用戶并進行密碼校檢。

4.4 課程主界面

管理員登錄后，直接進入管理界面，該界面能顯示出精品課程網站的所有信息以及管理信息。該界面是用Dreamwaver 8.0設計而成，主菜單是div+css實現，效果與Flash類似，但卻減少了許多繁瑣的代碼，而且利于搜索引擎優化，利用背景圖片變換達到效果，增強了用戶體驗設計，使導航清晰明了。

此頁面用的div+css進行布局，比傳統的table布局更加精簡，易于搜索引擎優化。

4.5 課程管理系統實現

（1） 課程管理

這個頁面是課程管理頁面，通過這個頁面，可以對精品課程進行添加、編輯、刪除等操作。

（2）添加編輯課程頁面

這個頁面可以點擊編輯或者添加后進入的頁面，在這個頁面中，我們可以對精品課程進行添加或者編輯，包括名稱、級別、顯示順序、首頁圖片和banner的編輯：

4.6 詳細資料編輯頁面

這個頁面是為管理提供編輯發布的頁面，可以選擇要編輯的課程，之后選擇要編輯的分頁，進入編輯頁面，在這個頁面中，我們可以對標題、先是順序、關鍵字、描述、章節、內容等進行編輯。此頁面采用了強大的后臺編輯處理系統，使得編輯文字、圖片，排版等應用自如。

5 結束語

設計一個好網站，讓無數的瀏覽者欣賞一個網站，它的風格是軀體，內容是靈魂。鮮明的主體風格可以吸引瀏覽者的眼球；精彩紛呈的內容可以激起瀏覽者的興趣。兩者合一，就是一個成功的網站。本系統在界面設計上使用Dreamweaver8.0，為了能夠設計出更為美觀的界面，后臺采用ASP.NET，由于兩者能夠很好的兼容，所以整個設計得心應手、系統運行流暢穩定。

［1］晏愈光.基于ASP.net的教學網站設計［D］.中國優秀碩士學位論文全文數據庫，2007，（5）.

［2］徐亞.淺談網頁設計中Flash與ASP.net技術的結合［J］.電腦知識與技術，2009，（3）.

［3］盛偉翔，王昊.淺談利用ASP.net技術構建網絡教學系統［J］.科技廣場，2008，（12）：237-238.

［4］楊芮鈞.論ASP技術在遠程教育系統中的應用［J］.現代經濟信息，2008，（10）：153-154.

［5］趙燕燕.ASP技術在Web數據庫開發中的使用［J］.河南職工醫學院學報，2009，（1）：93-94

［6］龔赤兵.《精通ASP.NET 2.0電子商務網站開發》.2008年1月，第1版，人民郵電出版社.

TP311

A

1671-3818（2016）10-0176-02

王麗芬（1976- ），女，滿族，吉林通化人。吉林農業科技學院教務處科長，講師，碩士，主要從事計算機領域的教學與研究工作。