項(xiàng)目教學(xué)法在高職《網(wǎng)站設(shè)計(jì)與建設(shè)》課程中的應(yīng)用

摘要:《網(wǎng)站設(shè)計(jì)與建設(shè)》是一門技術(shù)型課程。在網(wǎng)站設(shè)計(jì)教學(xué)中，主要采用案例教學(xué)法，用案例引起學(xué)生興趣，讓學(xué)生在興趣中學(xué)習(xí)理論知識(shí);在網(wǎng)站建設(shè)教學(xué)中，主要采用項(xiàng)目教學(xué)法，根據(jù)網(wǎng)站建設(shè)工作流程，組建項(xiàng)目小組進(jìn)行網(wǎng)站策劃、美術(shù)設(shè)計(jì)、程序設(shè)計(jì)等工作;在考核時(shí)，教師根據(jù)“網(wǎng)站設(shè)計(jì)與建設(shè)考核標(biāo)準(zhǔn)”對(duì)各小組建設(shè)的網(wǎng)站進(jìn)行考核。學(xué)生通過完成綜合性功能網(wǎng)站建設(shè)，學(xué)習(xí)了網(wǎng)站建設(shè)技術(shù)，培養(yǎng)職業(yè)能力、自學(xué)能力等能力。

關(guān)鍵詞:高職;項(xiàng)目教學(xué);能力培養(yǎng)

中圖分類號(hào):G642 文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):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 引言

《網(wǎng)站設(shè)計(jì)與建設(shè)》課程是為高職院校計(jì)算機(jī)軟件專業(yè)學(xué)生日后走上相關(guān)工作崗位而設(shè)置的一門技術(shù)型課程。本課程旨在通過對(duì)一個(gè)網(wǎng)站的設(shè)計(jì)和建設(shè)，使學(xué)生從整體上了解網(wǎng)站建設(shè)的全過程，掌握網(wǎng)站通用模塊的設(shè)計(jì)和應(yīng)用。

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

2 本課程將理論與實(shí)踐教學(xué)分以下幾個(gè)階段進(jìn)行

2.1 了解階段——綜合分析網(wǎng)站實(shí)例

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

2.2 技術(shù)學(xué)習(xí)階段——全面引入項(xiàng)目實(shí)例

本階段的教學(xué)目的是讓學(xué)生了解典型網(wǎng)站提供的功能服務(wù)、網(wǎng)站規(guī)劃書的撰寫，掌握網(wǎng)站系統(tǒng)通用功能模塊實(shí)現(xiàn)的技術(shù)。

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

在了解和掌握了以上知識(shí)后，教師向?qū)W生提供《怎樣做網(wǎng)站建設(shè)規(guī)劃方案.doc》、《綜合門戶網(wǎng)站規(guī)劃方案.doc》、《古狗特色商品連鎖店項(xiàng)目書.doc》、《中學(xué)校園網(wǎng)站設(shè)計(jì)方案.doc》等范文，讓學(xué)生自學(xué)網(wǎng)站規(guī)劃書的撰寫格式與方法。

2.3 項(xiàng)目實(shí)施階段——分組進(jìn)行網(wǎng)站設(shè)計(jì)、建設(shè)

本階段進(jìn)行的是實(shí)踐教學(xué)，其教學(xué)目的是通過成立項(xiàng)目小組完成一個(gè)綜合網(wǎng)站的設(shè)計(jì)與建設(shè)，學(xué)習(xí)、鞏固網(wǎng)站建設(shè)所需的各項(xiàng)技術(shù)，培養(yǎng)提高學(xué)生的職業(yè)技能。

在網(wǎng)站建設(shè)項(xiàng)目實(shí)施前，教師先根據(jù)網(wǎng)站建設(shè)所需的技術(shù)進(jìn)行角色分工，然后再根據(jù)班上學(xué)生的技術(shù)特點(diǎn)和興趣愛好組建項(xiàng)目小組。組建項(xiàng)目小組時(shí)需考慮各小組成員能力均衡的問題，如每個(gè)小組都要有1個(gè)組織能力較強(qiáng)的學(xué)生作為項(xiàng)目經(jīng)理，有1~2個(gè)編程能力較強(qiáng)的學(xué)生作為程序員，女同學(xué)均分到各組中擔(dān)任網(wǎng)頁設(shè)計(jì)師。

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

項(xiàng)目小組自組成之日起，就要以一個(gè)團(tuán)隊(duì)開展工作。根據(jù)網(wǎng)站建設(shè)的工作流程，教師要求項(xiàng)目小組按以下步驟開展工作:

2.3.1 項(xiàng)目實(shí)施計(jì)劃及學(xué)習(xí)計(jì)劃制定

項(xiàng)目經(jīng)理組織小組成員制定項(xiàng)目實(shí)施計(jì)劃即項(xiàng)目工作總進(jìn)度表，進(jìn)度表中要求重點(diǎn)列出策劃稿、美術(shù)設(shè)計(jì)、程序設(shè)計(jì)、程序整合、網(wǎng)站系統(tǒng)測(cè)試工作的具體完成時(shí)間及小組成員分工表。

小組成員要根據(jù)自己在組內(nèi)擔(dān)任角色所需要的知識(shí)制定自學(xué)計(jì)劃，由項(xiàng)目經(jīng)理和教師負(fù)責(zé)監(jiān)督檢查各成員的學(xué)習(xí)進(jìn)度及學(xué)習(xí)效果。

2.3.2 網(wǎng)站規(guī)劃書討論、撰寫

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

2.3.3 網(wǎng)站結(jié)構(gòu)設(shè)計(jì)

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

2.3.4 網(wǎng)站界面設(shè)計(jì)

根據(jù)網(wǎng)站規(guī)劃書中策劃的網(wǎng)站整體結(jié)構(gòu)對(duì)網(wǎng)站首頁、二級(jí)欄目、功能頁面和內(nèi)容頁面進(jìn)行版面設(shè)計(jì)，然后再用圖形圖像設(shè)計(jì)軟件(如Photoshop、Firework、Corldraw等)進(jìn)行界面設(shè)計(jì)，建議使用Photoshop CS軟件網(wǎng)頁設(shè)計(jì)成PSD格式的圖片。在設(shè)計(jì)時(shí)要求風(fēng)格一致，如有統(tǒng)一的CI形象標(biāo)示和logo、使用的色彩符合網(wǎng)站主題等。

2.3.5 網(wǎng)站技術(shù)選型

此步驟與第四步同步進(jìn)行，是網(wǎng)站建設(shè)的核心步驟。

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

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

2.3.6 網(wǎng)站系統(tǒng)調(diào)試

網(wǎng)站系統(tǒng)的功能模塊開發(fā)好后需與美工設(shè)計(jì)的網(wǎng)站效果圖進(jìn)行整合，然后將各個(gè)模塊整合成一個(gè)系統(tǒng)。在整合過程中，一般會(huì)出現(xiàn)多方面不協(xié)調(diào)的問題，如后功能無法實(shí)現(xiàn)、網(wǎng)頁鏈接出錯(cuò)、網(wǎng)頁圖片被撐大、網(wǎng)頁表格超寬等。這就需要通過不斷的測(cè)試去發(fā)現(xiàn)問題，修改代碼，直至最后網(wǎng)站功能的實(shí)現(xiàn)及頁面效果的實(shí)現(xiàn)。

2.3.7 將網(wǎng)站發(fā)布到教師機(jī)上，并將收集到的資料在客戶端上傳到服務(wù)器端

以教師機(jī)作為服務(wù)器，將開發(fā)好的系統(tǒng)上傳到教師機(jī)中。在客戶端即學(xué)生機(jī)上用編輯用戶登陸系統(tǒng)將之前收集整理好的各欄目資料，發(fā)布到教師機(jī)上。

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

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

2.4 項(xiàng)目評(píng)估階段——分組演示

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

學(xué)生按項(xiàng)目小組配置好網(wǎng)站的運(yùn)行環(huán)境，在多媒體教室的大屏幕上，向教師和其他組的同學(xué)演示本組的設(shè)計(jì)成果，講述小組的設(shè)計(jì)過程，設(shè)計(jì)特點(diǎn)和團(tuán)隊(duì)合作體驗(yàn)，回答教師和由各項(xiàng)目經(jīng)理組成的評(píng)審團(tuán)的問題。

教師根據(jù)小組的技術(shù)和合作實(shí)際表現(xiàn)，按標(biāo)準(zhǔn)給出合理的成績。具體考核標(biāo)準(zhǔn)見表2。

3 結(jié)論

項(xiàng)目教學(xué)法要求教師具有較深的專業(yè)理論知識(shí)以及實(shí)戰(zhàn)經(jīng)驗(yàn)，這樣才能較好的為學(xué)生設(shè)計(jì)好各個(gè)實(shí)訓(xùn)環(huán)節(jié)，此外還要求教師具有較豐富的知識(shí)面，才能對(duì)學(xué)生遇到的各類問題提出方向性意見。

通過項(xiàng)目教學(xué)的實(shí)施，不僅使學(xué)生獲得了必需的專業(yè)理論知識(shí)，增強(qiáng)了學(xué)生對(duì)專業(yè)技能的掌握，而且使學(xué)生在綜合從業(yè)能力，尤其是方法能力和社會(huì)能力得到了充分的鍛煉，并使學(xué)生對(duì)將來從事的職業(yè)崗位獲得了充分的認(rèn)識(shí)，積累了一定的工作經(jīng)驗(yàn)。

參考文獻(xiàn):

[1] 周新會(huì)，傅立宏. ASP通用模塊及典型系統(tǒng)開發(fā)實(shí)例導(dǎo)航[M]. 北京:人民郵電出版社，2006.

[2] 馬聘. 網(wǎng)頁美術(shù)設(shè)計(jì)[M]. 北京:高等教育出版社，2005.

[3] 張景昆，呂繼迪，劉欣，等. ASP項(xiàng)目開發(fā)全程實(shí)錄[M]. 北京:清華大學(xué)出版社，2008.

[4] 周學(xué)毛，周炎濤，蔡立軍. 網(wǎng)站建設(shè)與管理維護(hù)[M]. 北京:電子工業(yè)出版社，2001.

[5] 王春紅，徐洪祥. 網(wǎng)站規(guī)劃建設(shè)與管理維護(hù)教程與實(shí)訓(xùn)[M]. 北京:北京大學(xué)出版社，2006.

[6] 吳宇海. 以項(xiàng)目式教學(xué)法實(shí)現(xiàn)網(wǎng)絡(luò)技術(shù)實(shí)訓(xùn)的優(yōu)化與整合[OL]. http://site.lyvec.net/sm/ktyjdata/ShowArticle.asp?ArticleID=32，2007.02.

[7] 太陽的blog. 靈活運(yùn)用項(xiàng)目教學(xué)法構(gòu)建民主式教學(xué)環(huán)境[M].http://211.86.64.70/zcjy/u/24/archives/2007/2085.html，2007-11-7.

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