項目教學法在高職《網站設計與建設》課程中的應用

摘要:《網站設計與建設》是一門技術型課程。在網站設計教學中，主要采用案例教學法，用案例引起學生興趣，讓學生在興趣中學習理論知識;在網站建設教學中，主要采用項目教學法，根據網站建設工作流程，組建項目小組進行網站策劃、美術設計、程序設計等工作;在考核時，教師根據“網站設計與建設考核標準”對各小組建設的網站進行考核。學生通過完成綜合性功能網站建設，學習了網站建設技術，培養職業能力、自學能力等能力。

關鍵詞:高職;項目教學;能力培養

中圖分類號:G642 文獻標識碼:A文章編號:1009-3044(2009)14-3758-03

The Application of Project Approach in Higher Project \"Design and Construction Web site\"

CHEN Ming， LIANG Chao-Xiang

(Liuzhou City Vocational College， Liuzhou 545002， China)

Abstract: \"Website Design and Construction\" is a technology-based courses. Teaching in the site design， mainly using case teaching method， with cases arising from students interested in， so that students interested in learning the theory of knowledge; teaching building on the site， the main use of the project approach， according to Web site building process， the formation of project teams to carry out site planning， design， programming， etc.; in the assessment， teachers under the \"Web site design and construction of assessment standards\" on the team-building assessment of the site. Students through the completion of the construction site features a comprehensive study of the site-building technology， professional training， ability to self-learning ability.

Key words: Higher vocational education; Project teaching; Capacity-building

1 引言

《網站設計與建設》課程是為高職院校計算機軟件專業學生日后走上相關工作崗位而設置的一門技術型課程。本課程旨在通過對一個網站的設計和建設，使學生從整體上了解網站建設的全過程，掌握網站通用模塊的設計和應用。

目前，在計算機專業的職業教育中常用教學方法有案例教學法、項目教學法、興趣小組教學法等。這些教學方法在教學中如何結合課程特點進行具體應用，很多教師只能意會不能言傳。本文闡述了在《網站設計與建設》課程教學中，根據教學目標、課程實踐性強、學生的興趣和能力，主要應用項目教學法，結合案例教學法及興趣小組學習法將學生組建成6個項目小組，各項目小組成員完成網站設計、建設全過程。在這個過程中，教師需根據網站建設的工作流程，先設計好網站建設的各個實訓環節，細化實訓環節的各項要求，然后組織、監督、引導、管理學生項目小組按照設定的實訓要求完成網站建設任務。學生通過參與一個完整的網站建設過程，了解了網站建設的流程、掌握了網站建設所需的技術，培養了自己的職業能力和自學能力。

2 本課程將理論與實踐教學分以下幾個階段進行

2.1 了解階段——綜合分析網站實例

本階段的教學目的是讓學生了解網站的內容結構及網站建設的流程。教師讓學生瀏覽國內有名的新浪網(http://www.sina.com.cn)、淘寶網(http://www.taobao.com)、本地戶外論壇野人網(http://www.lzyeren.com/bbs/index.asp)、本地教師博客網(http://www.doule.cn)網站。瀏覽網頁時考慮以下幾個問題:這些網站的內容主題是什么?這些網站為瀏覽者提供了什么服務?建設一個網站需要那些技術?通過瀏覽不同主題類型的網站，學生了解到不同類型網站提供的內容服務不同，功能也不同;一般網站建設工作涉及到網站的結構內容、網站的美術、網站的技術和網站的安全技術等設計;通過參閱教材，學生了解網站建設工作的流程如圖1。

2.2 技術學習階段——全面引入項目實例

本階段的教學目的是讓學生了解典型網站提供的功能服務、網站規劃書的撰寫，掌握網站系統通用功能模塊實現的技術。

教師首先組織學生剖析國內有名的電子商務網站——淘寶網站，讓學生分別以買家、賣家及網站管理者的身份去體驗該網站提供的各項功能服務。經過體驗，學生總結出該網站提供的功能有:用戶管理、商品管理、商品搜索、用戶購物和綜合服務等。然后教師對一般網站建設的基本要求、基本結構進行總體性講解，對實現網站功能模塊的程序代碼進行詳細分析。具體教學中都是先用課件演示程序代碼實現的效果引起學生的學習興趣;然后教師重點分析關鍵性代碼;最后是實訓環節中，教師給學生一些結構性的程序代碼，要求學生補充程序實現課件演示效果。在此階段中，重點講述了數據訪問通用模塊、用戶登錄與管理模塊、技術論壇通用模塊、新聞管理通用模塊的關健性代碼的設計，其他的功能模塊如打印通用模塊、E-mail管理通用模塊等由學生在后面的網站項目建設過程中根據需要進行自學。

在了解和掌握了以上知識后，教師向學生提供《怎樣做網站建設規劃方案.doc》、《綜合門戶網站規劃方案.doc》、《古狗特色商品連鎖店項目書.doc》、《中學校園網站設計方案.doc》等范文，讓學生自學網站規劃書的撰寫格式與方法。

2.3 項目實施階段——分組進行網站設計、建設

本階段進行的是實踐教學，其教學目的是通過成立項目小組完成一個綜合網站的設計與建設，學習、鞏固網站建設所需的各項技術，培養提高學生的職業技能。

在網站建設項目實施前，教師先根據網站建設所需的技術進行角色分工，然后再根據班上學生的技術特點和興趣愛好組建項目小組。組建項目小組時需考慮各小組成員能力均衡的問題，如每個小組都要有1個組織能力較強的學生作為項目經理，有1~2個編程能力較強的學生作為程序員，女同學均分到各組中擔任網頁設計師。

項目小組各角色分工及能力要求如表1所示。

項目小組自組成之日起，就要以一個團隊開展工作。根據網站建設的工作流程，教師要求項目小組按以下步驟開展工作:

2.3.1 項目實施計劃及學習計劃制定

項目經理組織小組成員制定項目實施計劃即項目工作總進度表，進度表中要求重點列出策劃稿、美術設計、程序設計、程序整合、網站系統測試工作的具體完成時間及小組成員分工表。

小組成員要根據自己在組內擔任角色所需要的知識制定自學計劃，由項目經理和教師負責監督檢查各成員的學習進度及學習效果。

2.3.2 網站規劃書討論、撰寫

根據小組成員的興趣愛好，討論本小組要建設網站的主題。確定了網站主題后，各成員通過Internet訪問相關主題的網站，具體了解這些網站的內容、功能以及結構。收集相關資料，將這些資料存放在項目經理在教師機中建立的組文件夾中。項目經理組織小組成員對搜集到的資料進行比較、分析，從中篩選出基本符合要求的資料，并進行歸類存儲。完成了資料收集整理工作后，擬寫一份簡單的網站規劃書，規劃書中要求包括以下內容:網站建設目標(包括網站目標、網站設計原則、網站解決方案)、網站作品分析與建議、網站整體結構、主要欄目及網站管理功能說明、網站建設進度及實施過程(包括項目合作與成員、項目實施時間表)。

2.3.3 網站結構設計

網站結構設計包括網站物理結構設計和網站邏輯結構設計。對網站的物理結構設計要求:1)不要將所有文件都存放在網站的根目錄下;2)按“網站規劃書”的欄目設置來設計網站的目錄結構;3)目錄名不要使用中文名，每個目錄下都建立一個獨立的images子目錄;4)可執行文件和不可執行文件分開放置，網站的數據庫文件單獨放置;5)目錄的層次不要太多，不要超過3 層。網站的邏輯結構即網站的鏈接結構設計根據網站內容的豐富程度有以下三種基本方式:線型結構、層次結構、網絡結構。

2.3.4 網站界面設計

根據網站規劃書中策劃的網站整體結構對網站首頁、二級欄目、功能頁面和內容頁面進行版面設計，然后再用圖形圖像設計軟件(如Photoshop、Firework、Corldraw等)進行界面設計，建議使用Photoshop CS軟件網頁設計成PSD格式的圖片。在設計時要求風格一致，如有統一的CI形象標示和logo、使用的色彩符合網站主題等。

2.3.5 網站技術選型

此步驟與第四步同步進行，是網站建設的核心步驟。

網站的技術解決方案涉及到如下幾個方面內容:如果是為其他客戶建設網站，需根據網站的功能和客戶的經濟情況確定采用自建服務器還是租用虛擬主機;選擇操作系統，是用unix，linux還是windows2000 server;采用系統性的解決方案(如IBM，HP等公司提供的企業解決方案)還是自行開發系統;網站安全性措施，如防黑、防病毒是用硬件設備還是用軟件。

因教學條件限制，項目小組開發的網站統一以教師機作為服務器(教師機安裝的操作系統是Windows2000 server)。可根據網站功能需要在網上下載有關模塊(不一定要完全自己開發，網上的開源代碼能用則用，如論壇、博客系統)，然后再根據實際需要進行關程序開發(如網頁程序ASP、JSP、CGI、數據庫程序)和代碼修改。

2.3.6 網站系統調試

網站系統的功能模塊開發好后需與美工設計的網站效果圖進行整合，然后將各個模塊整合成一個系統。在整合過程中，一般會出現多方面不協調的問題，如后功能無法實現、網頁鏈接出錯、網頁圖片被撐大、網頁表格超寬等。這就需要通過不斷的測試去發現問題，修改代碼，直至最后網站功能的實現及頁面效果的實現。

2.3.7 將網站發布到教師機上，并將收集到的資料在客戶端上傳到服務器端

以教師機作為服務器，將開發好的系統上傳到教師機中。在客戶端即學生機上用編輯用戶登陸系統將之前收集整理好的各欄目資料，發布到教師機上。

在教學過程中，教師始終處于引導地位，起到監督、檢查作用。教師參與討論項目小組的網站設計方案，對項目小組提交的規劃書進行評審并提出修改性意見。要求每個項目小組按時提交本周工作總結及下周工作計劃、每周工作進度表;每天各小組將問題集中以文件形式提交給教師，教師根據具體情況，對解決問題進行方向性的指導，讓學生自己查資料自學去解決問題。

學生始終處于學習的主體地位。在項目實施階段中，由學生充分發揮自己的想象力和創造力，緊緊圍繞著建設網站去工作，自行補齊在網站建設過程中所缺的知識，遇到問題先思考，再與組員討論，努力尋找解決問題的辦法，實在無法解決的問題，再向教師請教。學生通過項目的實施，培養了職業能力和自學能力。

2.4 項目評估階段——分組演示

對項目小組的成績考核采取的是分組演示并答辯的方式。本人任教的07高職軟件4班30人中，分成了六個項目小組，完成了NBA新聞網、百腦匯網站、自由天空、享受吧、心晴音樂網、玄易小說網六個網站，每個項目小組都按要求分階段地提交了如下資料:網站設計規劃.doc、網站程序文件夾、前臺.jpg、后臺.jpg、網站建設說明書.doc、小組學習計劃文件夾、小組團隊工作總結.doc、小組各成員的工作總結與搜集資料的文件夾、小組人員考勤表.doc。

學生按項目小組配置好網站的運行環境，在多媒體教室的大屏幕上，向教師和其他組的同學演示本組的設計成果，講述小組的設計過程，設計特點和團隊合作體驗，回答教師和由各項目經理組成的評審團的問題。

教師根據小組的技術和合作實際表現，按標準給出合理的成績。具體考核標準見表2。

3 結論

項目教學法要求教師具有較深的專業理論知識以及實戰經驗，這樣才能較好的為學生設計好各個實訓環節，此外還要求教師具有較豐富的知識面，才能對學生遇到的各類問題提出方向性意見。

通過項目教學的實施，不僅使學生獲得了必需的專業理論知識，增強了學生對專業技能的掌握，而且使學生在綜合從業能力，尤其是方法能力和社會能力得到了充分的鍛煉，并使學生對將來從事的職業崗位獲得了充分的認識，積累了一定的工作經驗。

參考文獻:

[1] 周新會，傅立宏. ASP通用模塊及典型系統開發實例導航[M]. 北京:人民郵電出版社，2006.

[2] 馬聘. 網頁美術設計[M]. 北京:高等教育出版社，2005.

[3] 張景昆，呂繼迪，劉欣，等. ASP項目開發全程實錄[M]. 北京:清華大學出版社，2008.

[4] 周學毛，周炎濤，蔡立軍. 網站建設與管理維護[M]. 北京:電子工業出版社，2001.

[5] 王春紅，徐洪祥. 網站規劃建設與管理維護教程與實訓[M]. 北京:北京大學出版社，2006.

[6] 吳宇海. 以項目式教學法實現網絡技術實訓的優化與整合[OL]. http://site.lyvec.net/sm/ktyjdata/ShowArticle.asp?ArticleID=32，2007.02.

[7] 太陽的blog. 靈活運用項目教學法構建民主式教學環境[M].http://211.86.64.70/zcjy/u/24/archives/2007/2085.html，2007-11-7.

[8] 佚名. 試論項目教學法的課程開發[M]. http://kjxx.hfcas.ac.cn/jxgl/ShowArticle.asp?ArticleID=1018，2007-12-3.