孫瑋

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

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

1 研究背景

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

2 項目化教學和任務驅(qū)動教學法

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

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

3 教學具體目標

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

教學具體目標如下：

3.1 能力目標

（1）能收集、處理、準備和加工信息。（2）能設計網(wǎng)頁及網(wǎng)頁中的圖形、動畫。（3）能獨立設計一個內(nèi)容完整、圖文并茂、技術運用得當?shù)木W(wǎng)站。（4）能初步開發(fā)一個網(wǎng)站，并進行維護和管理。

3.2 知識目標

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

3.3 素質(zhì)目標

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

4 教學項目設計與實施

4.1 教學項目設計

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

4.2 教學實施過程

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

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

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

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

5 教學評價

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

6 教學效果

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

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

【參考文獻】

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

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

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