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

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

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

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

0引言

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

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

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

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

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

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

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

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

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

1.2.3貼近生活，契合時(shí)下需求

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

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

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

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

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

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

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

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

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

2.3學(xué)生對(duì)教師的評(píng)價(jià)，學(xué)生對(duì)課程的評(píng)價(jià)

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

3結(jié)語(yǔ)

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

參考文獻(xiàn)

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

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

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