《網頁設計與制作》專題學習網站的設計

摘要:信息技術的發展促進了教育信息化，而網絡環境下教育資源的建設是教育信息化的重要內容，專題學習網站則是教育資源建設的重要表現方式。該文以茂名學院高州師范分院《網頁設計與制作》學科專題為例，介紹專題學習網站的設計，主要闡述了專題學習網站的需求分析、系統設計和功能設計三大方面。

關鍵詞:專題學習網站;網頁設計與制作;設計

中圖分類號:TP393 文獻標識碼:A 文章編號:1009-3044(2009)15-4089-02

The Design of Subject Learning Webside: Web Design and Making

HUANG Yi-bao

(Gaozhou Normal Subcollege of Maoming University，Gaozhou 525200，China)

Abstract: The development of Information technology improves Educational Informatization. So under the network condition， the buiding of educational resources are the important parts of Educational Informatization. Subject Learning Website represents the importance of the buiding of educational resources. This paper takes the course Web Design and Making ( Gaozhou Normal School of Maoming College) as an example， presenting the design of Subject Learning Webside， and mostly expatiating three aspects: demanding analysis， system design and function design.

Key words: subject learning Webside; Web design and making; design

1 專題學習網站的概述

專題學習網站是指在互聯網絡的環境下，圍繞某門課程或多門課程密切相關的某一項或多項學習知識點，有機地結合起來形成專題，讓學習者進行廣泛深入研究的資源型學習網站。它可以用來存儲傳遞加工和處理教學信息，能讓學生進行自主學習和協作學習，并對學生的學習情況提供在線反饋。根據這些理論，專題學習網站主要包括專題結構化知識庫、專題資源庫、專題協作學習工具和專題學習評價四大部分內容[1]。

2 專題學習網站的需求分析

《網頁設計與制作》在本校是大專學生比較感興趣的學科，并且本學科具備操作性強、個性突出、資源廣泛等特點，有利于引導學生的學習主導性和協作性。

2.1 專題功能需求分析

根據專題學習網站的總體要求和本學科的特點，本專題學習網站主要實現以下功能:

1) 資源管理功能。按專題學習網站的理論要求和教學需要，資源管理功能必須能對資源進行查詢、修改、刪除、分類、整合等資源處理功能，同時還要提供資源的搜索和資源下載功能。2) 交流討論功能。向用戶提供一個交流討論的空間，可以對學習內容的交流討論，也可以上傳與學習相關知識或問題或作品進行交流討論。3) 評價展示功能。包括作業批改、作品展示、自我測試、競賽投票等在線評價。4) 用戶管理功能。包括專題學習網站的資源管理用戶、學習留言用戶和專題論壇用戶。根據不同的需要設置不同的權限，以使師生共同使用和合作管理。

2.2 專題角色需求分析

功能的需求主要來源于角色，不同的角色有著不同的需求。本專題學習網站的角色主要有兩類:學習者和管理者。各類用戶有自己相應的權限，登錄后只能訪問自己權限內的功能模塊。

1) 學習者的功能需求。學習者主要是利用專題網站進行學習活動，包括查看專題知識與相關資源、交流心得與討論問題、提交作品與上傳資源、測評反饋與投票評價。2) 管理者的功能需求。管理者主要是利用專題網站向學習者提供學習的資源與協作的場景，包括資源管理、討論管理、評價管理和用戶管理。

3 專題學習網站的系統結構設計

3.1 專題學習網站系統框架設計

根據需求分析中的專題網站功能分析，可以把專題網站分為網頁基礎、動態技術、數據庫、輔助工具、作品展示、專題論壇等模塊，網站的框架結構設計如下 :

1) 專題結構化知識:網頁基礎、動態技術、數據庫、輔助軟件。2) 專題資源庫:拓展資源、相關鏈接、強化訓練、素材集錦。3) 專題協作學習工具:學習留言、專題論壇。4) 專題學習評價:作業批改、自我測驗、作品展示、競賽投票。

3.2 專題學習網站系統程序流程設計

根據需求分析中的專題網站角色分析，可以把專題網站分為前臺應用和后臺管理兩個模塊，網站的程序流程圖(如圖1所示)如下。

3.3 專題學習網站體系結構設計

專題學習網站作為管理信息系統又稱MIS(Management Information System)的一種，根據功能需要，主要包括前端應用程序以及后臺數據庫的建立和維護的后臺管理。要把前端應用程序與后端的數據庫聯系起來，即給用戶提供數據庫相應信息和將用戶相應信息存入數據庫等，本專題學習網站基于面向互聯網和用戶機要求不高的基礎上，采用的體系結構為B/S。B/S是Brower/Server的縮寫，客戶機上只要安裝一個瀏覽器(Browser)，服務器安裝數據庫。瀏覽器通過Web Server 同數據庫進行數據交互。那樣通過用戶的登錄，以及相應的權限，就可以實現在遠端對系統的瀏覽、查詢和修改。基于B/S的體系結構得出專題網站運行模式包括有客戶機、應用程序服務器、數據庫服務器三部分[2]，其各部分運行工作如下:

1) 客戶機:屬于表示層，用于界面的入導，接受用戶輸入，然后向應用服務器部分發送服務請求，最后顯示處理結果。2) 應用程序服務器:屬于業務邏輯層，執行業務邏輯，向數據庫服務器發送請求。3) 數據庫服務器:屬于數據存儲層，執行數據邏輯，運行SQL式存儲過程。

4 專題學習網站的功能設計

專題知識資源的輸出應用，即前臺顯示主要是依托動態技術和數據庫技術的結合，根據用戶需求提供一定的參數，動態地從數據庫提取數據，并自動整合為網頁形式輸出。而作為專題學習網站的管理部分，即后臺管理則是通過管理平臺與數據庫聯合起來實現的。

4.1 專題學習網站資源的形成

為了達到為師生提供結構化的專題知識的需要，必定要將學習內容相關的文本、圖形、動畫、視頻等資源按一定的教學策略進行分類、組織、入庫，以此達到知識結構化重組，形成了以網頁形式的專題網絡教學課件[3]。并且提供上傳、下載、維護、搜索等資源管理與應用功能，以此形成專題資源庫。除了設計組在初期完成的教師教學資料和收集的資源外，網站的管理員或授權的教師甚至學生根據教學的需要和使用的反饋信息，能不斷地對專題知識或專題資源庫更新、調整。這是一個不斷循環、動態調節的資源生產過程。根據數據庫設置的角色，用戶可以擁有相應的添加、修改、刪除、重組資源等權限。并且還設置了審核權，這個權限要賦予教學的專業教師負責，以確保資源的正確與有學習意義的發布。

4.2 專題知識的結構化重組

使用專題網站教學，既要學習專題知識，又要學習有關聯且經過整合的拓展知識;既可以根據個人愛好或能力自主選取相應的其它知識學習，還可以進行相應專題的實踐訓練。基于這些目的，專題網站必須能夠提供有針對性的自主探究學習，才能調動學生的主導性和能動性。由于本專題學習網站采取了網頁設計的動態技術和數據庫技術，所以除了對專題知識的查詢、添加、修改等外，還可以對已有的資源進行重組整合。例如，在教學網頁圖片的應用時，給學生提供了Fireworks軟件的拓展學習資源，那樣除了可以根據教學進程發布Fireworks的教程外，在學習完Fireworks后，可以將發布的所有Fireworks教程，重組成一個資源。只需要將所有Fireworks教程根據教學順序，將其超鏈接集合成一個新的資源發布到專題知識欄目，如此可以方便學生的學習。同樣可以對各章節或各年級學習遇到的問題或教師一個階段的教學心得等，進行結構化重組，有利于不同程度的或不同級別的學生學習和教師對教學的改進。

4.3 專題協作學習工具

專題學習網站為師生提供協作學習的空間，既利于學生之間的交流，共同學習相應內容，也利于學生對相應學習內容反饋問題和教師根據反饋進行調整或解決問題。同時，對學生以外的網頁愛好者開放，更利于學生與互聯網上的網頁愛好者交流，以使知識面更廣和交流更深刻。在本專題學習網站，專題協作學習工具主要包括有學習留言和專題論壇。學習留言主要是專題知識后的留言板，在每一個資源后都給學生提供留下學習心得或需求信息的空間，以便于其他學生的便捷認識或教師掌握教學程度。教師對學習留言擁有整理和回復權，以確保信息的有意義和回復相關問題。專題論壇主要為學習者之間或教與學之間進行討論、問答、交流而進行的協作、探討學習的交流工具。根據《網頁設計與制作》學科特點，將論壇分為新手上路、CSS美化、圖片加工、動畫制作、數據庫、動態技術、素材源碼等欄目，可以讓師生分享教程和學習心得，探討相關問題。除專任教師要管理論壇外，還可以在各欄目設置學生版主，這樣既讓問題得到及時解決，也讓資源得到及時更新，還可以加強資源審核。

4.4 專題學習評價

包括學生提交作品、教師評改作業、學生互評、學生自我測試、競賽投票等功能，根據評價內容不同，有打分數等級的評價，也有詳細評析的評價，也有公開投票的評價。主要是要實現到師生能進行評價、能看到評價、能交流評價、能反饋評價，只有這樣才能達到評價的最終目的。首先，通過收集與學習專題相關的思考性問題和總結性考察的評測資料，學生完成相應專題或階段或知識點后，可以進行自我測試，以檢測個人掌握程度;其次，學生在此提交作業，教師對作業打分或評析;再次，學生通過網絡提交作業或競賽作品，教師對作業或競賽作品進行展示，也給學生之間提供了比較和交流，從而進行他人評價和自我評價。

5 結束語

專題學習網站實際上就是一本拓展的課本和一個開放的課堂，有著多元的內容和多樣的評價，既使師生學習的空間得到了拓展，也滿足了學生因材施教的發展。但正因為如此，專題學習網站不能成為純粹的資源收集網站，更應該達到鼓勵和引導自主學習、協作學習、創新學習的目的。因為不管是教師在教的過程，還是學生在學的過程，都不僅是一種利用資源的過程，更是一種創新資源的過程。因此，專題學習網站的設計要遵循整合性、自主

性、交互性、開放性等原則。在設計中注重把主動權交給用戶，不要把學習的模式或內容固定，讓用戶在教與的基礎上，既能學習基礎知識和拓展知識，又能討論交流和相互評價，更能夠在教學過程中創造資源。

參考文獻:

[1] 謝幼如，余紅，尹睿.基于專題網站的開發性學習模式的效果分析[J].中國電化教育，2004，1.

[2] 趙志升，李桂權.一種基于B/S結構與C/S結構結合的新體系結構[J].電子技術應用，2004，(8).

[3] 朱新建.專題學習網站的設計與開發[J].教育信息技術，2007，(12).