在任務驅動和項目化教學模式下的《網站建設》課教學探析

孫瑋

【摘 要】《網站建設》是一門理論性、實踐性、應用性，創新性要求都很高的課程，很適合任務驅動下的項目化教學。項目設計貼近實際工作，選題精確、明確教學目標、重點難點，將項目分解成若干個小任務，促進學生全面掌握網站建設的知識技能，進而能自主設計完成網站的開發、設計和實施。最后要注重科學評價，堅持進行職業能力的培養。

【關鍵詞】網頁設計與網站建設；項目化教學；應用人才培養

1 研究背景

對于新時期的大學生來說，學習應該是一種生動活潑的、主動和富有個性的創造過程，90后，00后學生追求的是一種精彩而有內涵的學習體驗。在新的教育環境下，我們作為教育引導者必須注重學生個性的發掘與探索，與學生建立良好的師生互動關系，豐富上課形式，采用多元科學的評定手段，給學生一個多姿多彩的學習體驗。

2 項目化教學和任務驅動教學法

項目化教學是師生通過共同實施一個完整的項目工作而進行的教學活動，是目前職業院校普遍實踐的教學方法。項目教學法是“行為導向”教學法的一種。一個項目是一項計劃好的有固定的開始時間和結束的時間的工作。原則上項目結束后應有一件較完整的作品。本文所指項目是以實際的職業活動為背景，情境真實，數據具體，內容實用的、典型的、復雜的、學生有興趣的、綜合的課程教學并且按照認識論的要求即按照認知規律進行知識內容整合的項目。項目化教學設計尤其是單元教學設計，要根據教學目標（能力目標、知識目標、素質目標）的需求，按照崗位工作實際發生的情境來設計。

任務驅動教學法是一種建立在建構主義教學理論基礎上的教學法。所謂任務驅動教學法，就是讓學生在一個典型的處理"任務"的驅動下，展開教學活動，引導學生由簡到繁、由易到難、循序漸進地完成一系列“任務”，從而得到清晰的思路、方法和知識的脈絡，在完成“任務”的過程中，培養分析問題、解決問題以及處理問題的能力。

3 教學具體目標

網站建設是一門理論性、實踐性、應用性，創新性要求都很高的課程，采用講授與實踐相結合，項目導向任務驅動的教學方式。以項目為線索，將Dreamweaver的主要功能與內容穿插于項目之中，每個項目又循序漸進分解為多個任務，通過完成任務，掌握WEB站點設計與開發的方法與技巧。

教學具體目標如下：

3.1 能力目標

（1）能收集、處理、準備和加工信息。（2）能設計網頁及網頁中的圖形、動畫。（3）能獨立設計一個內容完整、圖文并茂、技術運用得當的網站。（4）能初步開發一個網站，并進行維護和管理。

3.2 知識目標

（1）掌握網頁的構成和頁面控制。（2）掌握插入文本、圖像、動畫、表單、音樂、視頻的操作。（3）掌握超級鏈接的使用。（4）掌握表格布局、框架、DIV的使用。（5）掌握CSS的樣式的定義、設置及應用。（6）掌握模板和庫的使用。（7）掌握Javascript技術、行為的使用。（8）掌握網站的規劃和管理。

3.3 素質目標

（1）培養學生樂觀向上的敬業精神。（2）培養學生知識獲取和應用的自主學習能力。（3）培養學生溝通協作的團隊意識。（4）培養學生探索實踐的創新能力。（5）具有一定的科學思維方式和判斷分析問題的能力。（6）具有較強的網頁設計創意思維，藝術設計素質。

4 教學項目設計與實施

4.1 教學項目設計

我校學生學習《網站建設》課安排學時為一學期，72學時，針對學生之前沒有學過專業課動手能力較弱的實際情況，課程以靜態網頁教學為主，下半學期加入部分動態網站教學。項目化教學的關鍵是項目的質量，項目應貼近實際，涵蓋相關知識點，符合學生的認知和審美。本課共設計十六個項目，因文章篇幅所限列出四個（見表1）。

4.2 教學實施過程

教學過程中，教師通過項目教學演示完成網頁基礎知識的講授，教會學生基本方法和基本操作，讓學生模仿完成項目，學生在操作過程中會遇到很多困難尋求同學和老師協助，最終運用所學的知識技能自主完成項目任務。

例如在學習DIV布局加CSS設計樣式部分，學生往往感覺自己遇到很多莫明其妙的問題，其實是一些小細節沒有弄清楚，教師要根據學生普遍遇到的情況列出了問題與解決技巧，及時講解。比如（1）檢查HTML元素是否有拼寫錯誤、是否忘記結束標記，即使是老手也經常會弄錯div的嵌套關系。可以用Dreamweaver的驗證功能檢查一下有無錯誤。（2）檢查CSS是否正確，檢查一下有無拼寫錯誤、是否忘記結尾的}等。可以利用CleanCSS來檢查CSS的拼寫錯誤。CleanCSS本是為CSS減肥的工具，但也能檢查出拼寫錯誤等等。這些細節問題在項目最后要做總結溫故而知新。

過去的教學中對于注意站點路徑結構，檢查頁面鏈接的正確性、網站內容更新、網站訪問效率優化等，學生沒有真實網站管理維護體驗，在學習中就不會重視。在“項目8網站發布和管理、維護”的學習中，教師指導學生申請免費空間和域名，建立配置遠程站點，上傳本地文檔，使用瀏覽器瀏覽網頁。經過檢查內容有沒有錯誤；檢查超鏈接跳轉的正確性；檢查文檔的存放、下載的情況如何等多項檢測，學生會發現網站中各種錯誤，教師正好拿出這些實際的、有體驗的案例來講解網站管理維護過程，學生會更重視去改正網站設計中的錯誤，也有了網頁設計與網站建設的職業體驗；這樣的教學過程，實現了教、學、做、應用的一體化，促使學生對知識的理解掌握，也真正達到了學以致用的教學效果。

教學中我們還選擇網上的一些優秀網站作為教學案例輔助介紹課程的知識點和擴展內容。引導鼓勵學生自主尋找，學習、模仿自己欣賞的網站，參與到設計中來，激發學習興趣，增強學習的成就感。同時要教會學生主動搜索學習資料，一方面通過教師提供的教學資源如筆記、ppt、微課等，一方面通過網上論壇的帖子、公開課，公眾號等查找、解決項目中遇到的技術問題，這樣既幫助解決實際問題，還提高了學生發掘新信息的能力，在學習《網站建設》這門課的同時學生也在學習《PHOTOSHOP應用》課，學以致用，可運用所學圖形圖像處理技術為自己的網站制作圖標、按鈕，處理素材。

5 教學評價

教師帶領大家從網站文檔設計的規范性、系統運行的正確性、系統功能的完善性和人機界面設計的好壞等方面加以評價，幫助學生總結經驗，找到薄弱環節，調整學習方法，進行有效的改進，促使學生綜合運用知識的能力得到提升。

6 教學效果

使用項目教學法兩年，學生學習效率提高很明顯，主要得益于項目設計的合理。以前純粹按照知識結構劃分模塊進行教學，學生最后不知道如何整合應用。最明顯的變化之一是HTML語言的學習，傳統方法是花四到六個課時單獨講解HTML語言結構、書寫規范，標簽等等，但是實際結合表格或者DIV和CSS樣式等使用時，學生依然覺得看代碼很難。改變了項目設計之后，從項目三開始將HTML語言的講解和使用穿插到每一個項目之中，逐漸展開，特別是針對學生遇到問題時，糾正代碼錯誤，展現改代碼解決問題的優勢，拉近了抽象的代碼和學生的距離。經過大半學期的訓練，學生已經很熟悉編寫修改HTML代碼了。

總體而言，學生在完成指定項目的同時，學習和應用新舊知識，進行基于應用的項目建設全程演練，完成從“學習知識”到“應用知識”的轉變。學習從項目規劃、設計到最終實現這個過程中所需要的各種知識和技巧，體驗了真實工作環境，培養了自主進行知識建構的能力，創新意識也得到了很好地鍛煉。

【參考文獻】

[1]袁磊，陳偉衛編著.網頁設計與制作實例教程（第2版），北京：清華大學出版社，2016.

[2]謝旻旻.網站建設課程教學方法改革探究[J].遼寧師專學報：自然科學版，2016（03）.

[3]李博.項目教學法教學模式與傳統教學模式的比較[J].教育教學研究，2013，29：355-356.