基于項目化的《網(wǎng)頁設(shè)計》教學(xué)改革初探

鞠杰+牛慶麗

摘要：《網(wǎng)頁設(shè)計》是一門實踐性很強的課程，根據(jù)實際教學(xué)中遇到的問題，將項目化教學(xué)模式引入進來，通過特定項目的分析、設(shè)計及測試，培養(yǎng)了學(xué)生們的研討、溝通及成員之間的分工合作能力，開拓了學(xué)生的項目思維能力。

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

中圖分類號：G642 文獻標(biāo)識碼：A 文章編號：1009-3044（2016）08-0121-02

Abstract： Web Design is a practical course， according to the problems encountered in the actual teaching， project teaching mode is introduced， in the process of the project can improve the students' cooperative communication， discussion， such as organization and presentation on basic skills.

Key words： higher； the teaching reform； Web Design

1 背景

《網(wǎng)頁設(shè)計》是綜合應(yīng)用信息技術(shù)的課程，它主要有：網(wǎng)站建設(shè)dreamweaver、圖像處理fireworks、網(wǎng)頁動畫flash等。為后續(xù)的《網(wǎng)頁程序設(shè)計》、《交互式網(wǎng)頁動畫設(shè)計》等編程課程的順利進行做好鋪墊。針對這門課程使用項目化教學(xué)法可以將比較零碎的知識內(nèi)容變?yōu)樵S多個項目塊，然后再根據(jù)項目來展開具體的教學(xué)，這樣整個項目過程學(xué)生們都可以參與其中了.這種教法就是以學(xué)生為中心，教師只是起到一個協(xié)助的作用，以設(shè)計的項目為支點、知識內(nèi)容為依據(jù)來完成整個學(xué)期網(wǎng)頁設(shè)計的教學(xué)過程。采用這種實踐方法可以讓學(xué)生更深切的理解課本中的理論知識，培養(yǎng)了學(xué)生在實際項目中解決問題的能力，有利于開拓學(xué)生的思維。

2 項目化教學(xué)模式實施的必要性分析

《網(wǎng)頁設(shè)計》包含的內(nèi)容很多，涉及圖形圖像的處理技術(shù)、程序設(shè)計基礎(chǔ)、動畫設(shè)計、網(wǎng)頁制作技術(shù)等，其目的是讓學(xué)生能熟練圖像文字及媒體的鏈接、表格的布局、互動表單的制作等網(wǎng)頁制作的操作技能。首先，這些內(nèi)容在規(guī)定的學(xué)時內(nèi)依據(jù)課程的章節(jié)按順序講完是非常困難的。其次，即使能講完學(xué)生也只能簡單復(fù)制不會自己發(fā)揮創(chuàng)造，這樣主觀能動性根本不能發(fā)揮出來，違背學(xué)生普遍的認(rèn)知規(guī)律，最后導(dǎo)致學(xué)生感到枯燥，打擊他們學(xué)習(xí)的積極性。將《網(wǎng)頁設(shè)計》的具體教學(xué)內(nèi)容和教學(xué)任務(wù)分別進行項目化組織和實施。根據(jù)這種項目教學(xué)模式可以將規(guī)劃網(wǎng)站和網(wǎng)站整體設(shè)計的知識與個人能力融合起來，可在一定程度上解決教學(xué)時數(shù)與教學(xué)內(nèi)容以及教學(xué)中學(xué)生職業(yè)技能的綜合培養(yǎng)難以系統(tǒng)協(xié)同的問題。使專業(yè)人才培養(yǎng)的能力目標(biāo)得以實現(xiàn)。

3 項目化教學(xué)模式的實施

首先，我選取dreamweaver、fireworks 和flash這三個軟件來完成整個網(wǎng)頁設(shè)計的圖片處理、動畫設(shè)計及網(wǎng)站規(guī)劃。以制作網(wǎng)頁為主線，涉及哪個知識點再有針對性的講授，這樣知識要點也掌握了，同時學(xué)生更清楚自己的需求及該知識的運用。

為了更好地將理論知識應(yīng)用到實踐中來，這門課程的知識講解及實驗都應(yīng)安排在機房完成，在機房環(huán)境下可以比較真實的模擬網(wǎng)站項目的運作情況，通過具體的上機實踐將講授內(nèi)容直接應(yīng)用到項目之中。項目化實施模式可以分為基礎(chǔ)知識講解、項目的設(shè)計、項目小組任務(wù)分配、項目小組的實現(xiàn)和評價四個階段。

對于沒有任何編程基礎(chǔ)的學(xué)生來說，我采取循序漸進的方法來安排我的項目化教學(xué)。在項目設(shè)計之前，先講述圖形圖片的處理及動畫的制作的原理，并以最直觀的上網(wǎng)瀏覽的方式逐步講解。這種方式在實踐過程時，學(xué)生的興致普遍很高，主動學(xué)習(xí)的欲望明顯增高。

在學(xué)生了解并掌握基本網(wǎng)頁知識之后開始我們的項目的分析與設(shè)計。它也是進行項目教學(xué)實施最為關(guān)鍵的一步。我們在課堂教學(xué)中設(shè)定的項目要符合教學(xué)大綱要求，既要緊密結(jié)合教材內(nèi)容，也要給學(xué)生留有想象的空間，以供他們可以利用所學(xué)知識來發(fā)揮創(chuàng)造。設(shè)計項目不能過大，盡量在較短時間內(nèi)完成整個項目，最終形成的成果應(yīng)該是一個比較完整的作品。這樣，既可以保證學(xué)生在完成項目的過程中努力學(xué)習(xí)，又讓學(xué)生體會到成功的喜悅。

根據(jù)學(xué)生的興趣愛好和門戶網(wǎng)站的主流趨勢，我們設(shè)計了這樣幾個項目：門戶網(wǎng)站的欣賞、鄭州科技學(xué)院校友錄（學(xué)生參與度較高的一個子網(wǎng)站）、個人網(wǎng)站（模擬QQ空間或個人博客）、淘寶網(wǎng)個人網(wǎng)店板塊及優(yōu)秀企業(yè)網(wǎng)站。

門戶網(wǎng)站的欣賞：讓學(xué)生瀏覽搜狐、新浪、百度、雅虎等大的門戶網(wǎng)站，通過瀏覽這些主流網(wǎng)站可以讓學(xué)生對網(wǎng)站布局、圖文排版、色彩背景搭配等等進行初步了解，同時也會產(chǎn)生學(xué)好網(wǎng)頁設(shè)計這門課程的想法。另外通過學(xué)生平時上個人QQ空間、個人微博等積累的個人網(wǎng)站知識，都會對自己制作網(wǎng)頁有一定的影響。

鄭州科技學(xué)院校友錄：這是一個具有我們學(xué)校特色的網(wǎng)站，可以作為與學(xué)校往屆師兄師姐交流的一個子網(wǎng)站。通過使用表格布局或DIV+CSS設(shè)計布局，可以讓學(xué)生掌握幾種網(wǎng)頁布局的方法。制作導(dǎo)航板塊時需要自己動手制作漂亮的導(dǎo)航條，這樣就激發(fā)了學(xué)生使用fireworks制作想要的圖片，借機可以讓學(xué)生學(xué)習(xí)如何處理圖片的知識和技巧。利用這種方式學(xué)生比較容易接受，可以達到較好的效果。在展示歷屆學(xué)長照片時采用“marquee”標(biāo)記來制作滾動圖片時，采用先欣賞引導(dǎo)再講述嘗試制作的模式，讓每一個學(xué)生都產(chǎn)生較大的興趣，自然會事半功倍。

個人網(wǎng)站：為了更好的展示自己，學(xué)生們可以自己積攢生活或?qū)W習(xí)的素材用網(wǎng)頁的形式展現(xiàn)出來，供更多的人認(rèn)識自己。因此設(shè)計個人網(wǎng)站項目可以調(diào)動學(xué)生們學(xué)習(xí)的積極性與主動性。很多學(xué)生每天會逛一逛QQ空間，對這里的布局非常熟悉，讓他們動手模擬這類網(wǎng)站也很有興趣。通過制作這類個人網(wǎng)站可以掌握網(wǎng)站素材的制作技能，也就是圖片的處理，以及使用不同的布局方法來制作網(wǎng)站的技巧與方法。

淘寶網(wǎng)個人網(wǎng)店板塊：隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，便捷的網(wǎng)絡(luò)購物已經(jīng)成為購物的主流方式。這個項目需要老師提供需求和技術(shù)支持，學(xué)生分組完成項目實施過程。目前淘寶網(wǎng)站是非常成熟的購物類網(wǎng)站，其中的個人網(wǎng)店板塊的需求分析師非常明確的。使用需求分析之后，可以根據(jù)小組的討論結(jié)果商定一個合適的LOGO和色彩搭配進行主題的設(shè)計。這就要求小組成員之間的分工和合作、討論和商議，無形之中就將課本知識的內(nèi)容應(yīng)用到整個項目過程中了，不僅如此還鍛煉學(xué)生們之間協(xié)作溝通能力、研討、組織等基本能力。

優(yōu)秀企業(yè)網(wǎng)站：在目前的互聯(lián)網(wǎng)飛速發(fā)展的大背景下，不論企業(yè)規(guī)模的大小，都想擁有自己的網(wǎng)站來展示自己的企業(yè)，因此設(shè)計該這個項目特別符合社會的需求。班級項目小組應(yīng)在老師的引導(dǎo)下，完成從網(wǎng)站的分析、設(shè)計和實現(xiàn)的全過程，在項目中可以規(guī)劃出該企業(yè)的主頁、新聞動態(tài)板塊、人力資源板塊、企業(yè)文化板塊、服務(wù)與支持板塊等。學(xué)生們通過制作這樣一個完整的企業(yè)項目為以后進入社會接手這種類型的項目打好堅實的基礎(chǔ)。

其實每個項目的實現(xiàn)需要分配出項目任務(wù)，在課堂上組織的每個項目我們都會分成若干個子任務(wù)，根據(jù)項目的具體操作步驟分配項目小組，每個小組由4-6人組成，可以分別擔(dān)任各種角色，包括客戶、經(jīng)理、分析員、程序員、測試員、驗收人員等等。這些項目的角色要輪流擔(dān)當(dāng)，互換角色，讓每一個角色都能親自體驗。通過這種分工合作讓學(xué)生們的智慧得到最大程度的應(yīng)用。

接下來就是項目實現(xiàn)，在這一過程中，各個小組結(jié)合其自身的項目計劃來實施項目。具體來說，每一個小組成員都必須做到下面的兩個要求：一方面，必須保證具備團結(jié)協(xié)作意識，提升工作效率；另一方面，每一個小組成員都必須詳細記錄具體的項目操作流程。在項目實施的過程中，教師不應(yīng)該放任自流，而必須進行適當(dāng)?shù)囊龑?dǎo)。考慮到每一個小組成員在進行主頁的設(shè)計過程中，存在著分工的差異，負(fù)責(zé)圖片處理工作的學(xué)生和負(fù)責(zé)版式布局的設(shè)計的學(xué)生一般并非同一個人，這就導(dǎo)致處理得到的圖片可能會和布局規(guī)格不吻合。這就要求教師引導(dǎo)學(xué)生根據(jù)設(shè)計圖來科學(xué)合理地設(shè)計網(wǎng)頁。在具體實踐的過程中，學(xué)生可能不能夠達到計劃書中的部分預(yù)期的設(shè)計效果，比如，不能夠準(zhǔn)確地定位內(nèi)容等等，教師有必要加以引導(dǎo)和幫助，以便保證項目的順利完成。

最后是項目評價，包括自我評價和教師評價兩種。 首先小組成員自我評估，然后教師會根據(jù)項目分工情況進行整體和細節(jié)審查與評價。根據(jù)提出的意見，每個項目小組成員之間再進行整改，不會的技術(shù)問題有老師和學(xué)生們共同討論，最終找到解決的辦法。

4 注意事項

我們進行的項目化教學(xué)在其實施的過程中，學(xué)習(xí)的主體是學(xué)生，充當(dāng)引導(dǎo)者角色的是教師。因此在選擇教學(xué)項目時不但要結(jié)合實際更要有典型性，在課堂上實踐的項目既能用到課本的基礎(chǔ)知識，又能通過該項目使學(xué)生觸類旁通。另外就是教師的角色問題，老師本人要徹底改變傳統(tǒng)的在講臺講授模式，要從單一課堂的講授角色轉(zhuǎn)變?yōu)轫椖啃〗M的技術(shù)顧問角色。因為每個學(xué)生的基礎(chǔ)和理解接受能力的不同，所以來時也要兼顧項目小組成員的個性差異，做到不同能力的學(xué)生可以完成不同的項目，能力較強的學(xué)生引導(dǎo)更深層的學(xué)習(xí)。

5 結(jié)束語

通過引入項目化教學(xué)方法超越了傳統(tǒng)式的教學(xué)模式，同時也充分地調(diào)動了學(xué)生們的學(xué)習(xí)《網(wǎng)頁設(shè)計》這門課的積極性，更拓寬了學(xué)生的思維模式、發(fā)揮了潛能、培養(yǎng)了個性和團隊精神，更提高了學(xué)生的自信心和成就感。使用這種教學(xué)模式讓課堂教學(xué)不再是單純的老師教學(xué)生學(xué)，而變?yōu)閷W(xué)生為主線從始至終參與到項目的全過程之中。學(xué)習(xí)知識不再是盲目地學(xué)習(xí)，而是主動的積極的學(xué)習(xí)，實現(xiàn)了學(xué)生和教師的“雙贏”。

參考文獻：

[1] 吳建. 項目化教學(xué)在VB程序設(shè)計教學(xué)中的探索與實踐[J]. 文教資料， 2006（30）：108-109.

[2] 孫景民. 項目教學(xué)在Excel教學(xué)中的實踐與探索[J]. 職業(yè)教育研究， 2006（9）：42.

[3] 李錦元， 趙軼. 高職院校教師在項目教學(xué)中的作用[J]. 山西財政稅務(wù)專科學(xué)校學(xué)報，2008（2）：69-72.

[4] 徐朔. 項目教學(xué)法的內(nèi)涵、教育追求和教學(xué)特征[J]. 職業(yè)技術(shù)教育， 2008（28）.