基于項目化的《網頁設計》教學改革初探

鞠杰+牛慶麗

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

關鍵詞：項目化教學；教學改革；網頁設計

中圖分類號：G642 文獻標識碼：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 背景

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

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

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

3 項目化教學模式的實施

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

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

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

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

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

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

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

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

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

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

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

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

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

4 注意事項

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

5 結束語

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

參考文獻：

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

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

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

[4] 徐朔. 項目教學法的內涵、教育追求和教學特征[J]. 職業技術教育， 2008（28）.