項目教學法在網頁設計技術教學中的應用探析

田玉昆

(廣東培正學院數據科學與計算機學院，廣東 廣州 510830)

0 引言

網頁設計技術課程主要學習DreamWeaver 的安裝與使用、網頁的組成、網頁各元素的添加、表格與表單的創建與使用、網頁整體布局、超鏈接、模板、CSS樣式等內容，讓學生學校與上機實操同步進行[1]。它是一門開闊視野、增長知識、提高實際工作能力的計算機課程，也是PHP、JSP與Java Web等動態Web應用程序設計的基礎課程。通過本課程的學習，使學生能夠學會基本的網頁制作，熟悉網頁的基本布局，掌握開發靜態網頁的過程。本課程的設計性比較強，主要側重于從代碼方面讓學生掌握基本的網頁設計方法，比較適合案例驅動的項目教學法，以用帶學，把知識點應用于具體網頁設計項目過程中，既訓練了學生的實際動手與應用能力，又加深了理論知識的掌握程度，理論與實踐相輔相成。

1 項目教學法簡介

1.1 項目教學法概念與特點

項目教學法(Project-based Learning)又叫基于項目的學習方法，是對探究式教學法、任務驅動教學法與案例教學法進行融合的一種新的教學方法[2]。它是用項目作為任務點，在老師的指導下，讓學生負責完成項目的需求分析、資料收集、方案設計、項目實施與項目評價等一系列過程的教學活動。教師在整個項目中起輔助和引導作用，主體完成人是學生。老師在設計此項目時，把授課知識點滲透到項目中去，讓學生在具體的應用中進行學習，用理論指導實踐，以實踐印證理論并加深認識，從而促使項目的順序完成。

項目教學法的優點在于：目標指向的多重性、訓練周期短且見效快、可控性好、注重理論與實踐相結合[3]。

1.2 項目教學法在網頁設計技術課程中的優勢

1）由傳統教學改為實踐教學

網頁設計技術課程的操作性強，由理論指導實踐。傳統的教學方式重理論輕實踐，導致學生的實操能力與理論出現很大偏差[4]。而項目教學法就是要彌補這種教學的偏差，在授課過程中，以項目作為任務驅動，用理論指導實踐，訓練學生的實際設計能力。最終，學生的理論知識以作品的形式呈現出來，真正地學會網頁設計。

2）提高教學效率，激發學生的學習興趣

項目教學法能讓每個學生都參與到課程的學習任務中去，學期初就先明確知識點、項目任務與分工，并以項目設計的質量作為衡量標準，這在很大程度上能夠激發學生的學習興趣。由項目為主線，牽引著學生進行學習、實踐，可以活躍課堂氣氛，從而提高教學效率。

3）激勵學生自主學習，充分發揮學生的主觀能動性

在項目教學法的教學方式下，每個學生基本上每節課都有設計任務，通過任務促使他們要主動學習，邊學邊做。有些能力強的學生在完成設計任務的過程中，會把自己的創意體現出來，能充分發揮他們的主觀能動性。

1.3 項目教學法的步驟

項目教學法在此課程的教學過程中，主要通過以下幾個步驟進行實施：①確定項目；②制定計劃；③項目的實施；④項目評價；⑤項目總結。

2 項目教學法在網頁設計技術課程教學中的具體應用

2.1 項目的確定

由于網頁設計技術課程涉及的知識面廣、寬，并融合了其他學科知識[5]。因此，在項目教學法實施過程中，既要教會學生對零散的知識點的應用及多種軟件的使用，又要注重學生綜合能力的培養。教師作為項目總指導與項目負責人，設計的項目既要容易理解，又要在難度上適應于學生現有的能力與知識水平，還要覆蓋所學的知識點。

根據教學內容的不同，網頁設計技術這門課程可分為10個由淺深不一、難度不同的項目：項目1：在線購物網站產品展示。項目2：使用錨鏈接制作電子書閱讀網頁。項目3：制作商品報價單。項目4：制作學生信息統計表。項目5：制作新聞頁面。項目6：制作簡單圖文混排網頁。項目7：制作簡單生活資訊主頁。項目8：制作用戶登錄頁面。項目9：將段落轉變成列表。項目10：制作在線購物類網頁。

2.2 制定計劃

1）確定好分組。在教學項目實施過程中，為了項目完成的需要，教師須對班級里的學生進行分組。分組時，教師要綜合考慮學生的平時表現與專業水平、內因與外因等綜合素質，把學生分為“優—良—普通”三個層次。教師可依此對學生進行異質分組，均衡每組人員的能力，做到優帶差，優生得到鍛煉，差生得到提高。

以本人所帶的2020級軟件工程3班的53人為例，可分為11個組，其中有一組為3名同學，其余10組每組有5名同學，每組成員都有“優—良—普通”的學生，且指定優秀的學生擔任項目組長。

2）小組內分工。小組組長按組員的能力進行任務分工，教師指導每組學生進行項目需求分析、可行性分析。教師再根據每組上交的需求分析文件，指導他們劃分項目的功能模塊，并進行項目的概要設計，設計項目的功能結構圖，制定項目完成計劃書。

本例中項目10是一個綜合項目，內容豐富，應用性強，能吸引學生的學習興趣。以此為例，闡明項目教學法的應用。圖1 為項目10 在線購物類網頁的功能模塊圖。

圖1 在線購物類網頁功能結構圖

3）確定項目進度

按每組的項目計劃書，組長根據組員的分工，隨時監督他們的任務進度情況，并對有困難的成員進行技術指導或幫助，以保證項目如期完成。并把每個步驟中所遇到的困難或問題與解決方式等都記錄下來，項目結束時連同項目書一起上交給教師，方便教師對項目進行總結與評價。

2.3 項目的實施

項目實施是項目教學法在教學過程中的具體應用。此過程需要教師適時地對學生進行引導，根據項目計劃書，按進度完成分模塊設計，確保項目順利完成，實現課程教學目標。由于本人所授課班級的學生之前未接觸過網頁制作，不會使用DreamWeaver 等相關軟件，所以此課程前幾節課要先給學生講解軟件使用方法，等熟悉了軟件操作后，再實施項目教學內容。具體實施過程大致可分為以下三個階段。

2.3.1 網頁設計技術基礎知識及軟件操作學習

本課程所授課的教室為機房，方便學生在課堂上隨時練習。項目實施前，利用三周時間先給學生講授網頁設計的基本知識。在初期的教學過程中，教師起主導作用。教師主要采用講練相結合的方式進行授課，用專項習題引導學生在軟件上熟練操做網頁設計的各個知識點。

在此階段，讓學生在熟練軟件操作的同時，完成項目運行平臺的搭建，為后期項目設計做準備。對于基礎薄弱或是無基礎的同學，可在教師或是同組中能力強的同學的引導下完成這一環節。

2.3.2 項目開發

在此階段，學生要按照項目分組及同組成員的分工，結合項目計劃書進行設計各個功能模塊。這個階段是項目實施的關鍵點，因此，教師在這個階段中針對每組學生所遇到的不同問題或困難，要給予相對應的指導，讓學生把前期的基礎知識消化并應用到此階段的項目中去，是學以致用的關鍵階段，并督促每組學生按進度完成項目設計工作。

組長在此過程中起總指揮與調度的作用，既要對每個組員的作品進行把關，又要在最后階段對每個組員提交上來的功能模塊進行最后的整合、調試工作，做好最后的收尾工作。

2.3.3 撰寫項目設計書和總結報告書

在此階段，項目設計工作已完成，教師要求每組成員對自己所負責的設計任務及過程中遇到的問題與解決方法等進行文件整理，上交給組長，由組長匯總并撰寫項目設計書與總結報告書，以組為單位上交給教師，教師以每組的作品、項目設計書與總結報告書作為他們項目的主要考核標準。

2.4 項目評價

2.4.1 作品展示性評價

每個組在課堂上對自己的項目進行演示與講解，并解答老師和其他組學生的提問，接受他們的打分與評價。由此可讓學生欣賞到每一組的項目成果，而且在組與組之間能形成相互學習、相互借鑒、相互促進的良好學習氛圍。

2.4.2 調查問卷式評價

在項目完成后，為了讓老師更好地了解學生在項目實施過程中的具體情況與想法，老師采用下發調查問卷[6]的形式來收集信息。此調查問卷主要從學生對此課程是否感興趣、感興趣的原因、學習此課程的收獲這三大方面進行調查統計。

2.5 項目總結

2.5.1 從項目成果來總結

每組的項目作品、打分情況與小結由老師收集上來并進行整理，既能為老師后期的教學內容與教學方式等起到指引作用，也能讓后屆的學生借鑒或參考，同時也為學院的專業學科建設提供豐富的資料。

2.5.2 從調卷問卷結果來總結

根據最近學期的教學安排，對2020級軟件工程3班的53人的問卷調查中，可進行如下分析。

1）對此課程是否感興趣

此調查問卷第一項內容主要調查了學生對此課程感興趣的程度，分為非常感興趣、感興趣、一般、不感興趣四個等級。對全班53個人的調查統計結果具體如圖2所示。

圖2 學生對此課程感興趣比例圖

2）對課程產生興趣的原因

此調查問卷第二項內容主要調查了學生對此課程感興趣的原因，具體原因分為參與評優、學到技術、完成項目有成就感、畢業壓力與其他等五項內容。對全班53個人的調查統計結果具體如圖3所示。

圖3 學生對此課程感興趣原因分析圖

3）此課程的收獲

此調查問卷第三項內容主要調查了學生學習后的收獲，具體收獲分為網頁設計能力、解決問題的能力、自學能力、創新能力、團隊協作能力、寫作水平、調查/搜集素材能力與其他等八項內容。對全班53個人的調查統計結果具體如圖4所示。

圖4 學生學習此課程的收獲總結圖

3 總結

網頁設計技術是一門操作性較強的課程，采用傳統的教學模式已不能達到預期的教學效果，而項目教學法有項目、教師和學生三個角色，以教師為指導，以項目為驅動，以學生為主導來實現一系列教學活動，比較符合網頁設計技術課程的教學要求。項目教學法具有實踐性、自主性、探究性、綜合性等顯著特點，以項目促進教學，能調動學生自主學習的積極性，同時也培養了學生的動手能力、團隊意識、創新意識與合作精神，以做帶學，使學生能真正地掌握一門技能，從而更好地適應社會的發展。