《網(wǎng)頁制作與網(wǎng)站設計》課程介紹

?網(wǎng)頁制作與網(wǎng)站設計?課程設計錄像對應文字材料淮安信息職業(yè)技術(shù)學院二〇一〇年三月?網(wǎng)頁制作與網(wǎng)站設計?課程設計錄像對應文字材料各位專家：大家好！我是淮安信息職業(yè)技術(shù)學院的教師張洪斌，下面，我向大家介紹我院?網(wǎng)頁制作與網(wǎng)站設計?課程設計的整體情況。我主要介紹7個問題：1、課程定位2、課程設計3、教學內(nèi)容的選取與組織4、教學方法與手段5、實踐條件6、教學效果和成果7、課程特色下面就按順序進行介紹。一、課程定位?網(wǎng)頁制作與網(wǎng)站設計?是軟件技術(shù)專業(yè)的專業(yè)核心課程，也是網(wǎng)絡技術(shù)等專業(yè)的必修課。目前，軟件技術(shù)專業(yè)已構(gòu)建了以“Web軟件開發(fā)工程師〞為核心目標崗位的課程體系。軟件專業(yè)的專業(yè)根底課程包括數(shù)據(jù)結(jié)構(gòu)、操作系統(tǒng)、網(wǎng)絡根底、程序設計根底等，在核心課程的設置上，?網(wǎng)頁制作與網(wǎng)站設計?課程分別為.NET方向和Java方向的重要支撐課程。?網(wǎng)頁制作與網(wǎng)站設計?這門課程通過感性、直觀的實踐操作，指導學生完成網(wǎng)站作品，從而激發(fā)學生開發(fā)軟件工程的熱情，帶動學生對JSP、ASP.NET、軟件工程化實訓等其他專業(yè)核心課程的學習積極性。本課程的教學目標是，使學生具備網(wǎng)站籌劃、效果圖設計與制作、網(wǎng)站后期編輯、HTML代碼編寫等方面的技能，提高學生的團隊協(xié)作能力、溝通能力、分析解決問題能力和工程實施能力，注重學生在學習和實踐過程中職業(yè)素質(zhì)的養(yǎng)成。二、課程設計?網(wǎng)頁制作與網(wǎng)站設計?課程以培養(yǎng)網(wǎng)站開發(fā)及Web應用程序開發(fā)相關(guān)崗位的職業(yè)能力和職業(yè)素養(yǎng)為核心，在課程設計理念上具有以下四個根本點：第一、以教學仿真工程和企業(yè)實際工程為載體重構(gòu)和序化教學內(nèi)容，而不是按照傳統(tǒng)的原理、實驗、實訓的內(nèi)容進行教學；第二、通過校企融合、工學結(jié)合，在課程教學過程中開放性地引入企業(yè)元素，與企業(yè)人員共同開發(fā)課程，將企業(yè)工作流程、行業(yè)標準和企業(yè)主流技術(shù)引入課程教學，在課程設計和實施過程中，課程組始終與企業(yè)進行了密切的合作；第三、將網(wǎng)頁制作相關(guān)職業(yè)崗位的典型工作過程作為組織教學內(nèi)容的根底，通過行動領(lǐng)域分析、學習領(lǐng)域分析和教學情境設計，構(gòu)建教學內(nèi)容中的單元和任務；第四、以啟發(fā)學生主觀能動性和培養(yǎng)學生的自主學習能力作為課程教學的著力點。通過對高職學生在校學習情況和畢業(yè)后工作情況的分析來看，局部高職學生因為在校期間自信心不強、自主性不夠、自學能力缺乏，導致了在學習和成長道路上走了一些彎路，所以，在?網(wǎng)頁制作與網(wǎng)站設計?課程教學中，我們始終將培養(yǎng)學生的自信心、自主性和自學能力作為課程的主要著力點，這樣才能真正實現(xiàn)“以學生為主體、以教師為主導〞的教育理念。以上四點在課程設計中相互關(guān)聯(lián)、缺一不可，其共同的目標是培養(yǎng)學生的職業(yè)能力。在課程設計思路上，也緊緊以職業(yè)能力培養(yǎng)為核心。借鑒先進的職業(yè)教育理念，通過長期的研究與實踐，形成了一個比擬成熟的課程設計和實施的流程。課程設計思路如下：1〕企業(yè)崗位需求調(diào)研〔含畢業(yè)生跟蹤調(diào)查〕；2〕職業(yè)能力分析；3〕學習者分析；4〕確定以培養(yǎng)職業(yè)能力為核心的教學目標；5〕確定學習情境，以工作過程導向組織教學內(nèi)容；6〕工學交替、采用多種教學模式，與企業(yè)聯(lián)合培養(yǎng)學生；7〕持續(xù)關(guān)注學生在企業(yè)的開展，定期回訪學生；8〕在回訪學生的同時再次進行企業(yè)調(diào)查，動態(tài)更新學習情境。在上述過程中，課程的實踐性、開放性和職業(yè)性得到充分表達：首先，看課程的實踐性，教學內(nèi)容是基于真實工程而構(gòu)建的，學生在課外主動進行了大量的實踐活動；在教學方法上采用工程化教學和理論實踐一體化教學；在學生考核和教師教學效果評價上都將學生實施工程的能力作為主要依據(jù)。其次，再看課程的開放性，主要表達在以下幾個方面：在學生培養(yǎng)上，學生的學習和實踐場所、學習時間具有開放性，在師資隊伍建設上，專職教師和企業(yè)兼職教師共同組成教學團隊；在教學內(nèi)容選取上，以真實工程為載體，緊跟當前主流技術(shù)動態(tài)，不拘泥于具體書本；在教學資源建設上，開發(fā)了多種數(shù)字化教學資源，用以支持學生網(wǎng)上學習和課后自學。再次，在職業(yè)性方面，用于教學考核的工程就是為客戶開發(fā)的實際工程，這導致學生必須注重界面美觀和用戶體驗，必須按時完成工程開發(fā)任務，必須讓自己的設計理念符合用戶要求，從而讓學生體驗實際工程的設計與實施過程，潛移默化地提高學生的職業(yè)素養(yǎng)。三、教學內(nèi)容的選取與組織在明確課程設計流程后，如何選取課程教學內(nèi)容呢？選取的原那么為：1〕根據(jù)行業(yè)企業(yè)開展需要和完成職業(yè)崗位實際工作任務所需要的知識、能力、素質(zhì)要求來確定教學內(nèi)容；2〕反復強化在實踐過程中常用的知識和技能，弱化實際應用不多而又有較大難度的知識和技能。在進行專業(yè)調(diào)研和崗位分析的根底上，確定了本課程的行動領(lǐng)域為：網(wǎng)站籌劃、界面設計、網(wǎng)站編輯、靜態(tài)網(wǎng)站開發(fā)、動態(tài)網(wǎng)站開發(fā)、網(wǎng)站實施與維護。以行動領(lǐng)域為依據(jù)，確定的學習領(lǐng)域包括：網(wǎng)站的需求分析、效果圖的設計制作、網(wǎng)站的編輯、網(wǎng)站的布局方式、動畫的制作、內(nèi)容管理系統(tǒng)的應用、網(wǎng)站的管理與維護。在確定學習領(lǐng)域后，以此為依據(jù)確定學習情境，經(jīng)過反復分析和研究，選取了5個來源于真實工程的教學情境，它們是：教學成果申報網(wǎng)、書法家莊輝個人網(wǎng)、英語等級考試輔導網(wǎng)、精品課程網(wǎng)站、班級通訊錄。在確定學習情境時，不是簡單地羅列了5個情境，而是遵循學生的職業(yè)成長規(guī)律，將網(wǎng)站欣賞、網(wǎng)站規(guī)化、網(wǎng)頁效果圖設計、網(wǎng)頁色彩與布局設計等14個教學模塊進行了重構(gòu)與序化，形成了5個教學情境，這5個教學情境由易到難，層層遞進，在不斷補充新知識、新技能的同時，對課程的重點和難點進行了反復強化。下面以情境二為例進行具體地說明。情境二包括以下五個子情境：1.網(wǎng)站工程籌劃；2.網(wǎng)站效果圖的設計；3.網(wǎng)站切片與動畫制作；4.網(wǎng)頁制作；5.網(wǎng)站發(fā)布。這五個子情境分寫通過相應的工作任務鍛煉了學生的職業(yè)素質(zhì)及職業(yè)能力，其中網(wǎng)站工程籌劃子情境，通過網(wǎng)站需求調(diào)研與籌劃書的書寫，鍛煉了學生的溝通能力、籌劃能力、文檔能力；網(wǎng)站效果圖的設計子情境，通過使用圖像處理軟件，設計與制作網(wǎng)站效果圖，鍛煉了學生的藝術(shù)素養(yǎng)、Photoshop設計能力；網(wǎng)站切片與動畫制作子情境，通過使用Fireworks、Flash等軟件，鍛煉了學生的動畫制作能力、創(chuàng)新創(chuàng)意能力；網(wǎng)頁制作子情境，通過協(xié)作完成HTML代碼和網(wǎng)站布局，鍛煉了學生的Dreamweaver使用技能和團隊協(xié)作能力；網(wǎng)站發(fā)布子情境，通過域名申請工作，內(nèi)容管理系統(tǒng)的使用和用戶培訓，鍛煉了學生的工程實施能力和現(xiàn)場分析問題、解決問題的能力。其他教學情境也采用類似的方法進行設計。在教學組織與實施環(huán)節(jié)，秉承工學結(jié)合的教學理念，由校企合作共同制定課程標準，在課堂教學設計中，注重工作流程模塊化、模塊內(nèi)容案例化、工程考核過程化，課堂教學采用理論實踐一體化方法。在課程考核時，既注重過程又注重結(jié)果，既注重理論又注重實踐。在過程考評中，分為素質(zhì)考評、工單考評和實操考評，在結(jié)果考評中，分為理論考評和真實工程考評等。四、教學方法與手段4.1教學模式構(gòu)建“多模式〞的職業(yè)技能訓練模式，將可以利用的校內(nèi)和企業(yè)資源進行綜合運用。這幾種模式分別為：〔1〕優(yōu)秀作品賞析通過賞析優(yōu)秀作品提高對網(wǎng)站布局和色彩搭配的審美能力，激發(fā)學生的學習興趣；〔2〕模仿操作訓練模仿教師的演示步驟，訓練學生的動手能力和模仿技能，提高課堂教學的實踐性；〔3〕拓展訓練通過課外興趣小組集體活動等形式，提高學生的人文素養(yǎng)；〔4〕階段測試訓練通過過程考核，提高學生學習的緊迫感，穩(wěn)固學生的階段性學習成果；〔5〕工程實戰(zhàn)訓練學生通過與企業(yè)用戶直接溝通與交流，在開發(fā)實際工程過程中提高職業(yè)能力，培養(yǎng)工程意識；〔6〕現(xiàn)場開發(fā)訓練通過讓學生到用戶現(xiàn)場解決網(wǎng)站運行中的實際問題，提高學生的被認同感和成就感；〔7〕工程外包開發(fā)創(chuàng)造時機讓學生獨立承接、開發(fā)和實施工程，實現(xiàn)自我價值，為以后的就業(yè)和創(chuàng)業(yè)積累經(jīng)驗，奠定良好根底。4.2教學方法在實際課程教學實施過程中，多種教學方法得到了綜合運用。在課程教學中，主要采用案例教學和學生作品展示兩種方法，案例教學以教師演示、學生模仿為主，學生作品展示那么以學生展示作品、教師和其他學生點評為主，這兩種方法是理論實踐一體化教學方法在本課程中的具體應用。學生的課內(nèi)學習時間是有限的，課外學習和實踐的時間更多，能否利用好學生的課外時間將決定學生掌握技能的程度如何。為了實現(xiàn)課內(nèi)課外相一致，充分利用課外時間，教師將學生納入教科研工程和橫向工程的開發(fā)團隊，讓學生有時機在教師指導下參與各類工程的開發(fā)與實施工作。在工程開發(fā)過程中，教師和被指導學生之間具有相對固定的對應關(guān)系，師生之間的專業(yè)愛好相似，感情深厚，除了專業(yè)知識和技能方面指導外，師生的聯(lián)系更加緊密，既是師生關(guān)系，又是朋友關(guān)系，而良好的師生關(guān)系更加有助于學生學習新技術(shù)、參與開發(fā)工程等。本課程的教學方法已轉(zhuǎn)化為江蘇省教育科學“十一五〞規(guī)劃課題成果,并獲重點資助。4.3教學手段本課程充分利用現(xiàn)代教育技術(shù)和虛擬仿真環(huán)境，主要采用了下面的教學手段：〔1〕模仿企業(yè)的網(wǎng)站開發(fā)環(huán)境，構(gòu)建真實的工作環(huán)境〔2〕充分利用現(xiàn)代教育技術(shù)手段，促進教學活動開展〔3〕網(wǎng)絡教學資源建設初具規(guī)模，構(gòu)建了全方位、立體化的課程教學資源〔4〕與企業(yè)聯(lián)合開發(fā)并公開出版了立體化的教材，配套資源齊全。五、實踐條件我院已建成了較完備的校內(nèi)外實訓基地，其中，具有教育部批準的國家級計算機應用與軟件技術(shù)實訓基地，還有江蘇省經(jīng)濟和信息化委員會批準的江蘇省軟件效勞外包人才培訓基地。具有完備的計算機實驗實訓室15個，計算機700多臺。另外，2023年起，由學院投資，與企業(yè)合作共同成立了學生工作室，依托企業(yè)工程，在課程組教師指導下，開發(fā)各類工程200多項，工程總經(jīng)費超過200萬元，學生工作室已經(jīng)成為重要的校內(nèi)實訓基地，并實現(xiàn)了學生的自我管理。在校外實訓基地建設方面，我們先后與江蘇微軟、江蘇金智、南京擎天、南京霆泰、淮安遠景、淮安優(yōu)拓等十幾家單位合作，為學生提供了充足的實習時機。六、教學效果和成果6.1教學效果本課程得到校內(nèi)外的一致好評，也得到學生的好評。省內(nèi)外教育專家通過實地考察和網(wǎng)站瀏覽后，對本課程給予高度的評價。企業(yè)客戶對師生共同開發(fā)的網(wǎng)站也十分滿意，他們認為我院學生的網(wǎng)站設計能力已經(jīng)到達了職業(yè)化水準，與專業(yè)性網(wǎng)站開發(fā)公司作品具有同等質(zhì)量，且性價比高。通過到用人單位進行調(diào)研，許多公司對我院學生的網(wǎng)站開發(fā)能力和職業(yè)素質(zhì)給予高度評價。通過進行畢業(yè)生訪談，許多學生對本課程的教學內(nèi)容和教學方法印象深刻，認為在校期間的課程培養(yǎng)和公司工作流程要求根本一致，對本課程任課教師付出的辛勤勞動表示衷心感謝。6.2教學成果經(jīng)過十年的努力，本課程已經(jīng)取得了豐碩的建設工作成果，具有“開發(fā)出版教材多〞、“實際開發(fā)工程多〞、“學生獲獎次數(shù)多〞、“課程綜合資源多〞的優(yōu)勢，其中，主編教材3部；完成各類工程200多項；在國家、省市級競賽中獲獎56項。本課程已經(jīng)建成了豐富的立體化教學資源，包括了網(wǎng)絡教學平臺、工程展示網(wǎng)站、