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

項(xiàng)目教學(xué)法在高職《網(wǎng)站設(shè)計(jì)與建設(shè)》課程中的應(yīng)用TheApplicationofProjectApproachinHigherProject"DesignandConstructionWebsite"CHENMing,LIANGChao-Xiang(LiuzhouCityVocationalCollege,Liuzhou545002,China):"WebsiteDesignandConstruction"isatechnology-basedcourses.Teachinginthesitedesign,mainlyusingcaseteachingmethod,withcasesarisingfromstudentsinterestedin,sothatstudentsinterestedinlearningthetheoryofknowledge;teachingbuildingonthesite,themainuseoftheprojectapproach,accordingtoWebsitebuildingprocess,theformationofprojectteamstocarryoutsiteplanning,design,programming,etc.;intheassessment,teachersunderthe"Websitedesignandconstructionofassessmentstandards"ontheteam-buildingassessmentofthesite.Studentsthroughthecompletionoftheconstructionsitefeaturesacomprehensivestudyofthesite-buildingtechnology,professionaltraining,abilitytoself-learningability.1引言《網(wǎng)站設(shè)計(jì)與建設(shè)》課程是為高職院校計(jì)算機(jī)軟件專業(yè)學(xué)生日后走上相關(guān)工作崗位而設(shè)置的一門技術(shù)型課程。本課程旨在通過對一個(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)用,許多老師只能意會不能言傳。本文闡述了在《網(wǎng)站設(shè)計(jì)與建設(shè)》課程教學(xué)中,依據(jù)教學(xué)目標(biāo)、課程實(shí)踐性強(qiáng)、學(xué)生的愛好和實(shí)力,主要應(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)目小組依據(jù)設(shè)定的實(shí)訓(xùn)要求完成網(wǎng)站建設(shè)任務(wù)。學(xué)生通過參加一個(gè)完整的網(wǎng)站建設(shè)過程,了解了網(wǎng)站建設(shè)的流程、駕馭了網(wǎng)站建設(shè)所需的技術(shù),培育了自己的職業(yè)實(shí)力和自學(xué)實(shí)力。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)出名的(sina)、(taobao)、本地戶外論壇野人網(wǎng)(lzyeren/bbs/index.asp)、本地老師博客網(wǎng)(doule)網(wǎng)站。閱讀網(wǎng)頁時(shí)考慮以下幾個(gè)問題:這些網(wǎng)站的內(nèi)容主題是什么?這些網(wǎng)站為閱讀者供應(yīng)了什么服務(wù)?建設(shè)一個(gè)網(wǎng)站須要那些技術(shù)?通過閱讀不同主題類型的網(wǎng)站,學(xué)生了解到不同類型網(wǎng)站供應(yī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)站供應(yīng)的功能服務(wù)、網(wǎng)站規(guī)劃書的撰寫,駕馭網(wǎng)站系統(tǒng)通用功能模塊實(shí)現(xiàn)的技術(shù)。老師首先組織學(xué)生剖析國內(nèi)出名的電子商務(wù)網(wǎng)站――站,讓學(xué)生分別以買家、賣家及網(wǎng)站管理者的身份去體驗(yàn)該網(wǎng)站供應(yīng)的各項(xiàng)功能服務(wù)。經(jīng)過體驗(yàn),學(xué)生總結(jié)出該網(wǎng)站供應(yīng)的功能有:用戶管理、商品管理、商品搜尋、用戶購物和綜合服務(wù)等。然后老師對一般網(wǎng)站建設(shè)的基本要求、基本結(jié)構(gòu)進(jìn)行總體性講解,對實(shí)現(xiàn)網(wǎng)站功能模塊的程序代碼進(jìn)行具體分析。具體教學(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é)。在了解和駕馭了以上學(xué)問后,老師向?qū)W生供應(yīng)《怎樣做網(wǎng)站建設(shè)規(guī)劃方案.doc》、《綜合門戶網(wǎng)站規(guī)劃方案.doc》、《古狗特色商品連鎖店項(xiàng)目書.doc》、《中學(xué)校內(nèi)網(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ù),培育提高學(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í)需考慮各小組成員實(shí)力均衡的問題,如每個(gè)小組都要有1個(gè)組織實(shí)力較強(qiáng)的學(xué)生作為項(xiàng)目經(jīng)理,有1~2個(gè)編程實(shí)力較強(qiáng)的學(xué)生作為程序員,女同學(xué)均分到各組中擔(dān)當(dāng)網(wǎng)頁設(shè)計(jì)師。項(xiàng)目小組各角色分工及實(shí)力要求如表1所示。項(xiàng)目小組自組成之日起,就要以一個(gè)團(tuán)隊(duì)開展工作。依據(jù)網(wǎng)站建設(shè)的工作流程,老師要求項(xiàng)目小組按以下步驟開展工作:2.3.1項(xiàng)目實(shí)施安排及學(xué)習(xí)安排制定項(xiàng)目經(jīng)理組織小組成員制定項(xiàng)目實(shí)施安排即項(xiàng)目工作總進(jìn)度表,進(jìn)度表中要求重點(diǎn)列出策劃稿、美術(shù)設(shè)計(jì)、程序設(shè)計(jì)、程序整合、網(wǎng)站系統(tǒng)測試工作的具體完成時(shí)間及小組成員分工表。小組成員要依據(jù)自己在組內(nèi)擔(dān)當(dāng)角色所須要的學(xué)問制定自學(xué)安排,由項(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)理組織小組成員對搜集到的資料進(jìn)行比較、分析,從中篩選出基本符合要求的資料,并進(jìn)行歸類存儲。完成了資料收集整理工作后,擬寫一份簡潔的網(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ì)。對網(wǎng)站的物理結(jié)構(gòu)設(shè)計(jì)要求:1)不要將全部文件都存放在網(wǎng)站的根書目下;2)按“網(wǎng)站規(guī)劃書”的欄目設(shè)置來設(shè)計(jì)網(wǎng)站的書目結(jié)構(gòu);3)書目名不要運(yùn)用中文名,每個(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)對網(wǎng)站首頁、二級欄目、功能頁面和內(nèi)容頁面進(jìn)行版面設(shè)計(jì),然后再用圖形圖像設(shè)計(jì)軟件(如Photoshop、Firework、Corldraw等)進(jìn)行界面設(shè)計(jì),建議運(yùn)用PhotoshopCS軟件網(wǎng)頁設(shè)計(jì)成PSD格式的圖片。在設(shè)計(jì)時(shí)要求風(fēng)格一樣,如有統(tǒng)一的CI形象標(biāo)示和logo、運(yùn)用的色調(diào)符合網(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還是windows2000server;采納系統(tǒng)性的解決方案(如IBM,HP等公司供應(yīng)的企業(yè)解決方案)還是自行開發(fā)系統(tǒng);網(wǎng)站平安性措施,如防黑、防病毒是用硬件設(shè)備還是用軟件。因教學(xué)條件限制,項(xiàng)目小組開發(fā)的網(wǎng)站統(tǒng)一以老師機(jī)作為服務(wù)器(老師機(jī)安裝的操作系統(tǒng)是Windows2000server)?？梢罁?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)。在整合過程中,一般會出現(xiàn)多方面不協(xié)調(diào)的問題,如后功能無法實(shí)現(xiàn)、網(wǎng)頁鏈接出錯(cuò)、網(wǎng)頁圖片被撐大、網(wǎng)頁表格超寬等。這就須要通過不斷的測試去發(fā)覺問題,修改代碼,直至最終網(wǎng)站功能的實(shí)現(xiàn)及頁面效果的實(shí)現(xiàn)。2.3.7將網(wǎng)站發(fā)布到老師機(jī)上,并將收集到的資料在客戶端上傳到服務(wù)器端在教學(xué)過程中,老師始終處于引導(dǎo)地位,起到監(jiān)督、檢查作用。老師參加探討項(xiàng)目小組的網(wǎng)站設(shè)計(jì)方案,對項(xiàng)目小組提交的規(guī)劃書進(jìn)行評審并提出修改性看法。要求每個(gè)項(xiàng)目小組按時(shí)提交本周工作總結(jié)及下周工作安排、每周工作進(jìn)度表;每天各小組將問題集中以文件形式提交給老師,老師依據(jù)具體狀況,對解決問題進(jìn)行方向性的指導(dǎo),讓學(xué)生自己查資料自學(xué)去解決問題。學(xué)生始終處于學(xué)習(xí)的主體地位。在項(xiàng)目實(shí)施階段中,由學(xué)生充分發(fā)揮自己的想象力和創(chuàng)建力,緊緊圍圍著建設(shè)網(wǎng)站去工作,自行補(bǔ)齊在網(wǎng)站建設(shè)過程中所缺的學(xué)問,遇到問題先思索,再與組員探討,努力找尋解決問題的方法,實(shí)在無法解決的問題,再向老師請教。學(xué)生通過項(xiàng)目的實(shí)施,培育了職業(yè)實(shí)力和自學(xué)實(shí)力。2.4項(xiàng)目評估階段――分組演示對項(xiàng)目小組的成果考核實(shí)行的是分組演示并答辯的方式。本人任教的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)站程序文件夾、前臺.jpg、后臺.jpg、網(wǎng)站建設(shè)說明書.doc、小組學(xué)習(xí)安排文件夾、小組團(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)理組成的評審團(tuán)的問題。