網頁設計課程案例研究
前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網頁設計課程案例研究范文，希望能給你帶來靈感和參考，敬請閱讀。
摘要：《網頁設計與制作》課程是操作性很強的創(chuàng)意型計算機相關專業(yè)課程。該課程中，采用基于項目學習的教學方法，著眼于高校學生的培養(yǎng)目標與就業(yè)方向，借助網絡環(huán)境創(chuàng)新設計教學內容和方法，包括實施計劃、教學中各個模塊比重的安排、網絡學習環(huán)境的構造和項目實施等。經過一個學期的實踐，在培養(yǎng)學生創(chuàng)新思維與提升操作技能等方面上取得了良好效果。
關鍵詞：網頁設計；項目教學；計算機
0引言
計算機與網絡應用的普及，帶動了一系列相關產業(yè)的發(fā)展，可謂是一日千里，現(xiàn)階段急需大量計算機相關專業(yè)的人才。調研發(fā)現(xiàn)，每年的計算機應用型專業(yè)人才都非常匱乏，優(yōu)秀畢業(yè)生供不應求，遠不能滿足市場對人才的需求，但相關專業(yè)的畢業(yè)生現(xiàn)狀與企業(yè)的人才需求之間有巨大的偏差。市場調研發(fā)現(xiàn)，企業(yè)需要具有實踐操作能力的綜合性人才，而學校在這方面訓練往往極少。為了培養(yǎng)高技能應用型人才，高職教育教學改革勢在必行，而項目學習能夠滿足當前改革的需求?；陧椖康膶W習（project-basedlearning，簡稱PBL）是一種教與學的模式，旨在讓學生融入到有意義的任務過程中，讓學生積極學習，自主建構知識體系，其具有以下幾個特點。從真實世界出發(fā)，通過組織學習小組扮演特定的社會角色并借助多種資源開展探究活動；強調運用學科的基本原理與概念；在一定時間內解決相關問題；結果以作品的形式或者產品展示；運用現(xiàn)代信息技術獲取、分享、展示信息?！毒W頁設計與制作》課程是一門實際操作性和創(chuàng)意性較強的計算機類相關專業(yè)課程。該課程很受學生歡迎，上課過程中，教授學生掌握基本操作沒有問題，問題在于如何讓學生完整設計并制作漂亮的網頁。這要求學生要有扎實地的學科基礎，要求有學生有一定的審美能力和新穎活躍的創(chuàng)作靈感。傳統(tǒng)網頁設計課程一一介紹網頁設計編輯軟件中的工具，不能充分調動學生學習的積極性。筆者在《網頁設計與制作》的課程教學中，創(chuàng)新了課程教學方式，以學生為中心，以任務驅動為基礎，采用項目學習教學方法，從2018年9月至2018年12月，實施了一個學期的課程教學，取到了良好的教學效果。
1.1基于項目學習的教學創(chuàng)新設計方法
項目學習的教學創(chuàng)新設計方法中，第一階段要制訂實施計劃，筆者將《網頁設計與制作》課程的創(chuàng)新實施計劃繪制成一張表，并按照表格進行細化。第二階段是討論階段，發(fā)揮學生的主觀能動性，并加大其在課堂教學中的比重。教師所選案例必須考慮學生的實際情況，學生的培養(yǎng)與就業(yè)方向，加大時間比重讓學生自主討論，加強互動，使學生勇于表達自己的想法與理念。通過一個學期的教學實踐證明，這種方法不僅使學生的想法得到了釋放，筆者也在這個過程中收獲良多，真正達到了教學相長的效果。第三階段是發(fā)揮教師的指導作用，涉及到的課程知識要點在動手操作的課程中，通過電子教室的廣播教學，講解每一個工具的使用方法，使學生的創(chuàng)意思維演變?yōu)檎鎸嵉淖髌?。前三個階段全部在課堂上完成，第四個階段則是根據實際情況，給予教師和學生更多的時間反復檢查問題。
1.2基于項目的教學方法在《網頁設計與制作》課程中的實施
1.2.1選擇合適的案例，激發(fā)學習者的興趣
針對性選擇案例，可以不斷激發(fā)學習者的學習興趣，培養(yǎng)學生的創(chuàng)新意識與靈感。網頁設計制作中，對技術和工具的掌握固然很重要，但要制作出優(yōu)秀的作品除了過硬的技術外，關鍵在于創(chuàng)意與設計。電商和大型商業(yè)門戶的網站設計屬于社會階層中相對先進的網站設計水平，無論是行業(yè)性質還是就業(yè)人員的素質，在潮流和時尚方面都有著敏銳的嗅覺。課程教學中，選取相關信息類的網站，分析經典的網站創(chuàng)意設計與最新時尚設計的網站，不但能激發(fā)學生的學習興趣，還能讓學生從中汲取未來職業(yè)行業(yè)中最新穎、時尚的設計創(chuàng)意和色彩搭配，豐富學習者的創(chuàng)作思路，讓學習者獲得成就感，達到事半功倍的效果[1]。
1.2.2結合案例講解步驟與原理
教師需要擺脫傳統(tǒng)的工具講解模式，要以案例的形式解讀技術。傳統(tǒng)的網頁設計教材都是以技術模塊區(qū)分章節(jié)，在技術講解后搭配簡單的操作。在網頁技術日新月異的環(huán)境下，這種方式已經不再適合教學。單一的技術講解內容略顯枯燥，制作出來的網頁在觀賞性方面有限，不能引起學習者的學習興趣，還影響教學效果。通過組織課堂互動，讓學生在接受課堂知識的同時表達自己的想法與創(chuàng)意，不僅使學生能夠理解案例本身的理念，而且能結合個人觀點，內化為自己的知識，能到達到最優(yōu)的效果。在這個過程中，教師需要具有耐心，分配更多的討論時間。筆者在課堂展示和講解技術模塊，通過網頁制作的過程與討論，結果圖片的對比，激發(fā)學習者積極的學習興趣。此外，將難點不斷細化，將每個章節(jié)的技術難點融入到每個項目案例中，并在之后的課程中通過不同項目實例繼續(xù)強化操作，鞏固知識點[2]。
1.2.3貼近生活，契合時下需求
筆者布置練習任務時，有意貼近現(xiàn)實，選取當下行業(yè)網站信息為題材，鼓勵學習者在生活中尋找素材，通過網上搜索素材或者手機照片處理等方式運用到項目中，促使學生時刻關注行業(yè)技術前沿，通過練習與觀察提高創(chuàng)新能力。筆者在課程教學過程中采用團隊協(xié)作的學習模式，學習者自由組合，每小組人數(shù)在5人以內，教學進行到后期時布置大型作業(yè)，制作一個具有某種功能的綜合性網站，分別以某寶門戶網站、學校網站、政府機關網站和汽車廣告網站為主題，由此鍛煉學生的團隊合作能力，讓學生在合作中交流心得，在協(xié)作中提升技術水平。
1.2.4借助互聯(lián)網交流工具創(chuàng)建網絡學習環(huán)境和交互學習環(huán)境
基于項目的學習理論，需要創(chuàng)建一個學習者能交流的學習環(huán)境。一般的網絡學習環(huán)境和交互學習環(huán)境以電子布告牌實現(xiàn)，筆者嘗試采用當下最流行的騰訊軟件微信與QQ這一明顯帶有90后色彩的聊天工具，創(chuàng)建網絡學習和交互學習的環(huán)境，取的了不錯的效果?；ヂ?lián)網能實現(xiàn)異步交互的效果，交互式學習可以幫助學習者建立良好的師生與生生關系，讓學習無處不在，溝通無處不在。另外，學習者能夠獲得來自教師和同學的幫助，很大程度上提高了學習效果。微信群與QQ群中的幾大功能，可以很全面運用到教學過程中。群聊功能可以實時公開集體討論，開放的交流使學習者能夠從別人的觀點中得到靈感；群共享功能實現(xiàn)資料的上傳和下載，方便教師和學習者管理學習資源；郵件功能促使學習者可以通過電子郵件的方式實現(xiàn)非實時交流，提交作品，教師也可以通過郵件功能布置作業(yè)；討論組功能指在學期末，教師采用分組教學的方式，每個小組可以實時建立討論小組，在不受其他小組討論影響的前提下，高效進行學習討論。
2基于項目學習的《網頁設計》課程實施效果
為了了解課程實施情況，筆者從學習者的學習態(tài)度、作品成績、學生對教師的評價和學生對課程的評價四個維度統(tǒng)計課程實施效果。
2.1學習者的學習態(tài)度調查
課程結束后，給每位同學做了一個問卷調查，4個班級的206名學習者的有效問卷共197份。統(tǒng)計“您對本課程采用的項目教學方法的接受程度如何？后，88%的學生表示接受這種教學方法，并且認為通過課程學習達到了自己想要的學習效果。顯而易見，相比傳統(tǒng)教學模式，他們更喜歡這一種學習方法。網絡環(huán)境下的教學可以增加師生、生生之間的互動，有利于激發(fā)學習興趣。有10%的學生表示，希望教師在講解過程中放慢操作演示的速度，講解單一項目中涉及到的新技術模塊時可以適當延長時間。
2.2學生作業(yè)成績
筆者評估學生成績采取平時成績、期末作品成績分別占40%、60%的計算方法，平時成績包括平時考勤、平時作業(yè)、群內討論參與度。評分指標分為“優(yōu)、良、中、差”四個評價登記，100～90為優(yōu)秀，89～80為良好，79～60為合格，59以下為差。通過整個學期的學習情況來說，全班均沒有“差”等級現(xiàn)象，80%的學生處于良好或以上水平。
2.3學生對教師的評價，學生對課程的評價
學生對教師的評價和對課程的評價是一個開放性問題，大部分學生表示喜歡這種授課方式，希望其他的課程可以借鑒。廣州華立科技職業(yè)學院每個學期都會通過正方教務系統(tǒng)進行匿名的教學質量評價，筆者在四個班級的總和教學評價中滿意度為90.17%，基于項目的教學創(chuàng)新設計反映良好，達到了預期的效果。
3結語
筆者通過《網頁設計與制作》課程的教學創(chuàng)新設計，結合廣州華立科技職業(yè)學院學生的認知水平和培養(yǎng)方向，提出了個人見解，在教學中取得了較好的效果，得到了學生的好評。另外，不足之處歡迎大家指導，且當拋磚引玉，希望能獲得寶貴意見，推動高等職業(yè)院校教學模式的改革，培養(yǎng)能真正適應社會發(fā)展，應用能力強的綜合性人才。
參考文獻
[1]鄭大偉,柯清超.信息技術的項目學習[M].北京:人民教育出版社,2010:5.
[2]王勃然.基于大學英語項目學習模式的學生學習成就滿意度調查[J].東北大學學報,2012,14(5):461-466.
作者：周艷 單位：廣州華立科技職業(yè)學院計算機信息工程學院