網(wǎng)頁設(shè)計課程案例研究

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁設(shè)計課程案例研究范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：《網(wǎng)頁設(shè)計與制作》課程是操作性很強的創(chuàng)意型計算機相關(guān)專業(yè)課程。該課程中，采用基于項目學(xué)習(xí)的教學(xué)方法，著眼于高校學(xué)生的培養(yǎng)目標(biāo)與就業(yè)方向，借助網(wǎng)絡(luò)環(huán)境創(chuàng)新設(shè)計教學(xué)內(nèi)容和方法，包括實施計劃、教學(xué)中各個模塊比重的安排、網(wǎng)絡(luò)學(xué)習(xí)環(huán)境的構(gòu)造和項目實施等。經(jīng)過一個學(xué)期的實踐，在培養(yǎng)學(xué)生創(chuàng)新思維與提升操作技能等方面上取得了良好效果。

關(guān)鍵詞：網(wǎng)頁設(shè)計；項目教學(xué)；計算機

0引言

計算機與網(wǎng)絡(luò)應(yīng)用的普及，帶動了一系列相關(guān)產(chǎn)業(yè)的發(fā)展，可謂是一日千里，現(xiàn)階段急需大量計算機相關(guān)專業(yè)的人才。調(diào)研發(fā)現(xiàn)，每年的計算機應(yīng)用型專業(yè)人才都非常匱乏，優(yōu)秀畢業(yè)生供不應(yīng)求，遠(yuǎn)不能滿足市場對人才的需求，但相關(guān)專業(yè)的畢業(yè)生現(xiàn)狀與企業(yè)的人才需求之間有巨大的偏差。市場調(diào)研發(fā)現(xiàn)，企業(yè)需要具有實踐操作能力的綜合性人才，而學(xué)校在這方面訓(xùn)練往往極少。為了培養(yǎng)高技能應(yīng)用型人才，高職教育教學(xué)改革勢在必行，而項目學(xué)習(xí)能夠滿足當(dāng)前改革的需求。基于項目的學(xué)習(xí)（project-basedlearning，簡稱PBL）是一種教與學(xué)的模式，旨在讓學(xué)生融入到有意義的任務(wù)過程中，讓學(xué)生積極學(xué)習(xí)，自主建構(gòu)知識體系，其具有以下幾個特點。從真實世界出發(fā)，通過組織學(xué)習(xí)小組扮演特定的社會角色并借助多種資源開展探究活動；強調(diào)運用學(xué)科的基本原理與概念；在一定時間內(nèi)解決相關(guān)問題；結(jié)果以作品的形式或者產(chǎn)品展示；運用現(xiàn)代信息技術(shù)獲取、分享、展示信息。《網(wǎng)頁設(shè)計與制作》課程是一門實際操作性和創(chuàng)意性較強的計算機類相關(guān)專業(yè)課程。該課程很受學(xué)生歡迎，上課過程中，教授學(xué)生掌握基本操作沒有問題，問題在于如何讓學(xué)生完整設(shè)計并制作漂亮的網(wǎng)頁。這要求學(xué)生要有扎實地的學(xué)科基礎(chǔ)，要求有學(xué)生有一定的審美能力和新穎活躍的創(chuàng)作靈感。傳統(tǒng)網(wǎng)頁設(shè)計課程一一介紹網(wǎng)頁設(shè)計編輯軟件中的工具，不能充分調(diào)動學(xué)生學(xué)習(xí)的積極性。筆者在《網(wǎng)頁設(shè)計與制作》的課程教學(xué)中，創(chuàng)新了課程教學(xué)方式，以學(xué)生為中心，以任務(wù)驅(qū)動為基礎(chǔ)，采用項目學(xué)習(xí)教學(xué)方法，從2018年9月至2018年12月，實施了一個學(xué)期的課程教學(xué)，取到了良好的教學(xué)效果。

1基于項目學(xué)習(xí)的《網(wǎng)頁設(shè)計》課程案例研究實施

1.1基于項目學(xué)習(xí)的教學(xué)創(chuàng)新設(shè)計方法

項目學(xué)習(xí)的教學(xué)創(chuàng)新設(shè)計方法中，第一階段要制訂實施計劃，筆者將《網(wǎng)頁設(shè)計與制作》課程的創(chuàng)新實施計劃繪制成一張表，并按照表格進(jìn)行細(xì)化。第二階段是討論階段，發(fā)揮學(xué)生的主觀能動性，并加大其在課堂教學(xué)中的比重。教師所選案例必須考慮學(xué)生的實際情況，學(xué)生的培養(yǎng)與就業(yè)方向，加大時間比重讓學(xué)生自主討論，加強互動，使學(xué)生勇于表達(dá)自己的想法與理念。通過一個學(xué)期的教學(xué)實踐證明，這種方法不僅使學(xué)生的想法得到了釋放，筆者也在這個過程中收獲良多，真正達(dá)到了教學(xué)相長的效果。第三階段是發(fā)揮教師的指導(dǎo)作用，涉及到的課程知識要點在動手操作的課程中，通過電子教室的廣播教學(xué)，講解每一個工具的使用方法，使學(xué)生的創(chuàng)意思維演變?yōu)檎鎸嵉淖髌贰Ｇ叭齻€階段全部在課堂上完成，第四個階段則是根據(jù)實際情況，給予教師和學(xué)生更多的時間反復(fù)檢查問題。

1.2基于項目的教學(xué)方法在《網(wǎng)頁設(shè)計與制作》課程中的實施

1.2.1選擇合適的案例，激發(fā)學(xué)習(xí)者的興趣

針對性選擇案例，可以不斷激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣，培養(yǎng)學(xué)生的創(chuàng)新意識與靈感。網(wǎng)頁設(shè)計制作中，對技術(shù)和工具的掌握固然很重要，但要制作出優(yōu)秀的作品除了過硬的技術(shù)外，關(guān)鍵在于創(chuàng)意與設(shè)計。電商和大型商業(yè)門戶的網(wǎng)站設(shè)計屬于社會階層中相對先進(jìn)的網(wǎng)站設(shè)計水平，無論是行業(yè)性質(zhì)還是就業(yè)人員的素質(zhì)，在潮流和時尚方面都有著敏銳的嗅覺。課程教學(xué)中，選取相關(guān)信息類的網(wǎng)站，分析經(jīng)典的網(wǎng)站創(chuàng)意設(shè)計與最新時尚設(shè)計的網(wǎng)站，不但能激發(fā)學(xué)生的學(xué)習(xí)興趣，還能讓學(xué)生從中汲取未來職業(yè)行業(yè)中最新穎、時尚的設(shè)計創(chuàng)意和色彩搭配，豐富學(xué)習(xí)者的創(chuàng)作思路，讓學(xué)習(xí)者獲得成就感，達(dá)到事半功倍的效果[1]。

1.2.2結(jié)合案例講解步驟與原理

教師需要擺脫傳統(tǒng)的工具講解模式，要以案例的形式解讀技術(shù)。傳統(tǒng)的網(wǎng)頁設(shè)計教材都是以技術(shù)模塊區(qū)分章節(jié)，在技術(shù)講解后搭配簡單的操作。在網(wǎng)頁技術(shù)日新月異的環(huán)境下，這種方式已經(jīng)不再適合教學(xué)。單一的技術(shù)講解內(nèi)容略顯枯燥，制作出來的網(wǎng)頁在觀賞性方面有限，不能引起學(xué)習(xí)者的學(xué)習(xí)興趣，還影響教學(xué)效果。通過組織課堂互動，讓學(xué)生在接受課堂知識的同時表達(dá)自己的想法與創(chuàng)意，不僅使學(xué)生能夠理解案例本身的理念，而且能結(jié)合個人觀點，內(nèi)化為自己的知識，能到達(dá)到最優(yōu)的效果。在這個過程中，教師需要具有耐心，分配更多的討論時間。筆者在課堂展示和講解技術(shù)模塊，通過網(wǎng)頁制作的過程與討論，結(jié)果圖片的對比，激發(fā)學(xué)習(xí)者積極的學(xué)習(xí)興趣。此外，將難點不斷細(xì)化，將每個章節(jié)的技術(shù)難點融入到每個項目案例中，并在之后的課程中通過不同項目實例繼續(xù)強化操作，鞏固知識點[2]。

1.2.3貼近生活，契合時下需求

筆者布置練習(xí)任務(wù)時，有意貼近現(xiàn)實，選取當(dāng)下行業(yè)網(wǎng)站信息為題材，鼓勵學(xué)習(xí)者在生活中尋找素材，通過網(wǎng)上搜索素材或者手機照片處理等方式運用到項目中，促使學(xué)生時刻關(guān)注行業(yè)技術(shù)前沿，通過練習(xí)與觀察提高創(chuàng)新能力。筆者在課程教學(xué)過程中采用團(tuán)隊協(xié)作的學(xué)習(xí)模式，學(xué)習(xí)者自由組合，每小組人數(shù)在5人以內(nèi)，教學(xué)進(jìn)行到后期時布置大型作業(yè)，制作一個具有某種功能的綜合性網(wǎng)站，分別以某寶門戶網(wǎng)站、學(xué)校網(wǎng)站、政府機關(guān)網(wǎng)站和汽車廣告網(wǎng)站為主題，由此鍛煉學(xué)生的團(tuán)隊合作能力，讓學(xué)生在合作中交流心得，在協(xié)作中提升技術(shù)水平。

1.2.4借助互聯(lián)網(wǎng)交流工具創(chuàng)建網(wǎng)絡(luò)學(xué)習(xí)環(huán)境和交互學(xué)習(xí)環(huán)境

基于項目的學(xué)習(xí)理論，需要創(chuàng)建一個學(xué)習(xí)者能交流的學(xué)習(xí)環(huán)境。一般的網(wǎng)絡(luò)學(xué)習(xí)環(huán)境和交互學(xué)習(xí)環(huán)境以電子布告牌實現(xiàn)，筆者嘗試采用當(dāng)下最流行的騰訊軟件微信與QQ這一明顯帶有90后色彩的聊天工具，創(chuàng)建網(wǎng)絡(luò)學(xué)習(xí)和交互學(xué)習(xí)的環(huán)境，取的了不錯的效果。互聯(lián)網(wǎng)能實現(xiàn)異步交互的效果，交互式學(xué)習(xí)可以幫助學(xué)習(xí)者建立良好的師生與生生關(guān)系，讓學(xué)習(xí)無處不在，溝通無處不在。另外，學(xué)習(xí)者能夠獲得來自教師和同學(xué)的幫助，很大程度上提高了學(xué)習(xí)效果。微信群與QQ群中的幾大功能，可以很全面運用到教學(xué)過程中。群聊功能可以實時公開集體討論，開放的交流使學(xué)習(xí)者能夠從別人的觀點中得到靈感；群共享功能實現(xiàn)資料的上傳和下載，方便教師和學(xué)習(xí)者管理學(xué)習(xí)資源；郵件功能促使學(xué)習(xí)者可以通過電子郵件的方式實現(xiàn)非實時交流，提交作品，教師也可以通過郵件功能布置作業(yè)；討論組功能指在學(xué)期末，教師采用分組教學(xué)的方式，每個小組可以實時建立討論小組，在不受其他小組討論影響的前提下，高效進(jìn)行學(xué)習(xí)討論。

2基于項目學(xué)習(xí)的《網(wǎng)頁設(shè)計》課程實施效果

為了了解課程實施情況，筆者從學(xué)習(xí)者的學(xué)習(xí)態(tài)度、作品成績、學(xué)生對教師的評價和學(xué)生對課程的評價四個維度統(tǒng)計課程實施效果。

2.1學(xué)習(xí)者的學(xué)習(xí)態(tài)度調(diào)查

課程結(jié)束后，給每位同學(xué)做了一個問卷調(diào)查，4個班級的206名學(xué)習(xí)者的有效問卷共197份。統(tǒng)計“您對本課程采用的項目教學(xué)方法的接受程度如何？后，88%的學(xué)生表示接受這種教學(xué)方法，并且認(rèn)為通過課程學(xué)習(xí)達(dá)到了自己想要的學(xué)習(xí)效果。顯而易見，相比傳統(tǒng)教學(xué)模式，他們更喜歡這一種學(xué)習(xí)方法。網(wǎng)絡(luò)環(huán)境下的教學(xué)可以增加師生、生生之間的互動，有利于激發(fā)學(xué)習(xí)興趣。有10%的學(xué)生表示，希望教師在講解過程中放慢操作演示的速度，講解單一項目中涉及到的新技術(shù)模塊時可以適當(dāng)延長時間。

2.2學(xué)生作業(yè)成績

筆者評估學(xué)生成績采取平時成績、期末作品成績分別占40%、60%的計算方法，平時成績包括平時考勤、平時作業(yè)、群內(nèi)討論參與度。評分指標(biāo)分為“優(yōu)、良、中、差”四個評價登記，100～90為優(yōu)秀，89～80為良好，79～60為合格，59以下為差。通過整個學(xué)期的學(xué)習(xí)情況來說，全班均沒有“差”等級現(xiàn)象，80%的學(xué)生處于良好或以上水平。

2.3學(xué)生對教師的評價，學(xué)生對課程的評價

學(xué)生對教師的評價和對課程的評價是一個開放性問題，大部分學(xué)生表示喜歡這種授課方式，希望其他的課程可以借鑒。廣州華立科技職業(yè)學(xué)院每個學(xué)期都會通過正方教務(wù)系統(tǒng)進(jìn)行匿名的教學(xué)質(zhì)量評價，筆者在四個班級的總和教學(xué)評價中滿意度為90.17%，基于項目的教學(xué)創(chuàng)新設(shè)計反映良好，達(dá)到了預(yù)期的效果。

3結(jié)語

筆者通過《網(wǎng)頁設(shè)計與制作》課程的教學(xué)創(chuàng)新設(shè)計，結(jié)合廣州華立科技職業(yè)學(xué)院學(xué)生的認(rèn)知水平和培養(yǎng)方向，提出了個人見解，在教學(xué)中取得了較好的效果，得到了學(xué)生的好評。另外，不足之處歡迎大家指導(dǎo)，且當(dāng)拋磚引玉，希望能獲得寶貴意見，推動高等職業(yè)院校教學(xué)模式的改革，培養(yǎng)能真正適應(yīng)社會發(fā)展，應(yīng)用能力強的綜合性人才。

參考文獻(xiàn)

[1]鄭大偉,柯清超.信息技術(shù)的項目學(xué)習(xí)[M].北京:人民教育出版社,2010:5.

[2]王勃然.基于大學(xué)英語項目學(xué)習(xí)模式的學(xué)生學(xué)習(xí)成就滿意度調(diào)查[J].東北大學(xué)學(xué)報,2012,14(5):461-466.

作者：周艷 單位：廣州華立科技職業(yè)學(xué)院計算機信息工程學(xué)院