基于工作過程的《網頁設計與制作》教學實踐探索

向志華

（肇慶科技職業技術學院，廣東 肇慶 526020）

基于工作過程的《網頁設計與制作》教學實踐探索

向志華

（肇慶科技職業技術學院，廣東 肇慶 526020）

本文基于工作過程，對職業院校的《網頁設計與制作》教學課程開發進行探索，分析了如何基于崗位需求確立課程培養目標，根據工作過程設計課程內容、選擇教學方法和改革考核方式，進一步提高學生的崗位工作能力。

工作過程：課程開發：實踐：教學方法

1.研究背景

根據對肇慶科技職業技術學院的畢業生進行崗位跟蹤和回訪發現，我校計算機專業的畢業生在網頁設計方面的崗位主要有：網頁設計與制作、網站編輯、網站管理3大崗位群。

網頁設計制作：精通Photoshop，Corldraw，Frontpage，Dreamweaver等多項網頁設計工具。

網站編輯：具備基本的網頁編輯和修改能力。

網站管理：具備較高的網頁設計制作和維護的能力。

這些工作崗位群不僅要求學生透徹理解《網頁設計與制作》課程的基本知識與操作技能，還要求學生掌握網頁設計與制作的工作過程以及方法，同時更要具備良好的職業道德、團隊精神和敬業精神。但在實際教學過程中，有的學生在完成課程學習之后，還是很難掌握好課程知識。為了進一步體現職業院校的教育理念，提高職業教育的教學質量，必須圍繞實際的工作過程進行《網頁設計與制作》課程開發，才能使課程教學適應行業發展的需要[1]。

2.根據崗位需求和專業培養目標，明確課程培養目標

2.1 培養學生的專業工作能力，分析典型工作任務

網頁設計制作：要求具備開發和制作網站的操作技能，能完成對中小型網站整體規劃和網頁具體設計制作，美化等工作任務。

網站編輯：要求掌握基礎的網頁知識和操作技能，能完成中小型網站的內容建設，包括網站內容的編輯、更新和維護等工作任務。

網站管理：要求具備較高的網頁制作經驗和管理能力，能完成對中小型網站的后臺維護、網站的改版等工作任務。

2.2 培養學生的職業素養和學習能力

在學習初級階段，可以通過設計生動有趣的項目實例，充分調動學生的學習興趣，并激發他們的工作熱情，從而培養學生對網頁設計課程的自發主動學習能力，這種工作熱情也能夠激勵學生在日后的工作崗位上不斷探索，不斷進步。

既要培養學生模仿的能力，又要注意啟發學生的創新思維。例如在進行網頁建模和布局設計時，可以應用靈活表格，層，這時要鼓勵學生多思考，嘗試利用不同的方法設計，讓學生既能把基本知識的基礎打好，又能舉一反三地思考問題。

同時在教學過程中必須貫穿培養學生的團結協作能力。對一些復雜的項目可以通過分組合作，讓他們對一些難題進行相互交流和討論，互相取長補短，一齊分工合作，共同完成任務。

3.基于工作任務，合理選擇課程內容，設計教學情境

為了更好的培養學生的綜合工作能力，不只要按照學生“由易到難，由淺到深，由表及里”的學習認知規律選擇合適的教學內容進行講述，還必須合理排序所要講述的課程內容，并融入生動有趣的教學情境中進行練習，讓學生更容易掌握[2]。

按照網頁設計的典型工作任務，將課程內容分為了 5個學習單元：

第l單元：要求學生對網頁設計工具有一個基本了解，初步掌握網頁設計的基礎知識和一般方法。

第2單元：要完成網頁規劃設計的任務，通過實例講解和實際操作，講述網頁色彩搭配、網頁布局和網頁字體的運用及設計技巧，css樣式層的設計。

第3單元：主要講述如何進行網頁美化，包括網頁視頻與音效的添加，導航欄的制作，層和行為的使用等。

第4單元：主要介紹更新及維護網頁的技術，包括模板和庫項目制作技術。

第5單元：介紹網站測試和網頁上傳的基本方法及操作實例。

該課程內容安排以 Dreamweaver軟件應用為主線，內容涉及網頁布局，網頁美化，網站測試等知識，強調從實踐應用出發，介紹網頁設計和制作的技術，突出學以致用。通過該課程的學習，使學生掌握網頁制作的基本知識，熟悉網站設計的全過程，并能熟練制作中小型網站。

3.1 教學情境的設計。

教學情境設置的好壞直接影響到學生對學習單元的掌握[3]。一個好的教學情境首先要注意與當前企業的實際工作過程相結合，知識點循序漸進，由易到難；其次要能盡可能自然、有機地結合學習單元中的多項知識點；最后教學情境難易程度要適中，學生在通過教師的幫助和自己的努力能夠完成，能獲得成就感。

在《網頁設計與制作》的教學中，所設置的教學情境可以來源于企業開發的真實項目、企業或個人發布的網站外接承包項目以及各類技能大賽的仿真項目。下面以第 2單元——網站規劃教學過程為例，詳細講解基于工作導向學習情境的創設與具體實施。本單元選擇了小型物流公司網站規劃這個項目作為載體進行教學情境設計。

設計項目：小型物流公司網站規劃。

基本內容：公司簡介、企業動態、產品介紹、人才招聘、聯系方式。

規劃要求：

（1）網站規劃要反應出本網站的主題，簡約，大氣，具有視覺吸引力，網頁要做到重點突出，首頁尤為重要，要達到廣告宣傳效應。

（2）便于管理維護，易于更新或添加頁面內容，有一定的擴展性。

（3）網頁的字體要美觀，不同頁面的風格要統一，字體的組合要協調，圖與文字和諧，內容豐富，能支持幾種常用瀏覽器。

4.基于建構主義的教學模式設計

“建構主義學習理論強調以學生為主體，教師為主導的雙主教學模式。學生是信息加工的主體、知識意義的主動建構者，教師是學生主動建構意義的幫助者、促進者、指導者；強調學習的合作性和情景性，提倡合作學習主動性和交互學習。”[4]在建構主義學習理論的指導下，教師的教學活動應以學生為中心，強調學生對知識的主動探索、主動發現和對所學知識意義的主動建構。所采用的教學方法都強調學生是學習的主人，是整個教學活動的主體。無論是教師的備課、課堂教學的組織還是課后的學習指導，教師都要樹立“學生是教學活動的主體”的意識，始終貫徹“以教師為主導，以學生為主體”的教學思路。

4.1 營造有助于教學情境開展的企業實踐條件

4.1.1 為學生提供參與和了解企業的機會

學院可以定期邀請一些網頁設計工程師、專家學者等來校講學，豐富學生的專業知識，擴大學生的專業視野。通過以上的方式，學生不再對企業感到陌生，并能很快進入工作過程。同時學院還可以通過與多家企業簽署訂單式人才培養或實習基地合作協議，定期組織學生赴企業頂崗實習，通過頂崗實習，讓學生了解企業實際的工作流程，找出自身狀況與社會實際需要的差距，為求職與正式工作做好充分的知識、能力準備。

4.1.2 為專業教師創造實踐條件

專業教師既要豐富的教育理論和專業理論知識，又要有過硬的操作技能和實踐經驗，才能更好的發揮“主導”作用。學校可以安排教師下一線企業進行學習和工作，了解網站開發的工作任務和工作流程，以及往屆畢業生在工作方面所存在的缺陷，從而進行崗位職業分析與課程內容的合理選擇。同時可以聘請有深厚學術水平的專家或企業工程師擔任本專業顧問，為教師進行培訓和講學，或者直接參與課程教學、教材編寫等課程開發，為專業辦學提供一些發展性的建議。

4.2 以賽促學、以賽促教、賽教結合，激勵參加學生技能考證，提高學習主動性

為了能夠增強學生的學習主動性，提高學生的動手能力和增強畢業生的就業競爭力，可以通過號召學生積極參加學院、省市等單位舉行的專業技能競賽，培養學生的創新創造精神、團隊競爭意識、實踐動手能力以及創業素質，激發他們的自學熱情，自發主動的去獲取知識。 教師在平常的教學過程中，要注意加強對學生進行考題項目訓練。學生通過對考證和競賽題庫內容有針對性的進行練習，能更好的靈活應用《網頁設計與制作》課程的專業知識和操作方法。而教師通過輔導學生參加考證，也能鍛煉自己的實踐教學能力，提高教學質量，真正實現 “以賽促教、以賽促學、賽教結合”。

4.3 采用項目教學方法，堅持“教、學、做”一體化

基于建構主義的項目教學法是在以學生為中心的基礎上，在每個學習單元中，結合項目要求、教學目標，向學生提出實際的、在一定時間內可完成的項目目標，讓學生在解決問題的過程中建立自己的知識體系，最后完成此項目。在教學做一體化下實施項目教學，能夠更好的將老師講授的知識與學生的實際操作聯系起來，由教到學，由學到用，學生能夠體會到學習的困難，也能感受到戰勝困難后的喜悅。

4.3.1 在教學前期，通過知識點的學習，培養學生的模仿能力，構建學生自己的知識體系

建構主義學習理論認為教學活動應以學生為中心，強調學生對知識的主動探索、主動發現和對所學知識意義的主動建構。

在教學前期，學生主要是學習網頁示范項目，以“小型物流公司網站規劃”為例，該項目的教學安排如下：

項目任務：小型物流公司網站規劃

項目目標：要求學生能掌握網站規劃的原理和設計方法

教學內容：

（1）了解網站的不同風格種類和色彩搭配原理；

（2）對網絡上優秀網站的規劃思路進行分析和學習；

（3）根據公司文化對網站規劃的創意進行思考和設想；

（4）網站布局的具體設計和頁面元素搭配。

教學方法：教師講授、學生自主學習，教、學、做一體化。授課教師在講操作時，必須分步驟講解，新知識點越多，步驟應分得越細，把小型物流公司網站規劃每一步的功能和方法講述清楚。同時還要注意控制好速度，給學生足夠的自我練習和消化時間，保證授課和學生的練習能同步進行。

要完成項目設計目標，學生首先要瀏覽大量的相關網頁，學習優秀網站的規劃方法。在具體的學習過程中，學生帶著目標和問題進行學習和探索，對于網頁規劃做出大膽的假設和嘗試。在學生動手操作期間，教師要做好指導工作，深入到學生中間，觀察他們的操作，如果發現錯誤要及時幫學生指出，輔導他們改正。

再通過類似作業的練習，學生可以更深刻地掌握課程知識點，慢慢擺脫模仿，嘗試自己思考和創新。在這種教學法下，學生能用自己的頭腦和過去掌握的課程內容重新審視問題，理清它們的邏輯結構和相互關系，構建新的知識體系。

4.3.2 在教學后期注重培養學生協同工作的能力

教學后期的綜合項目實訓是項目教學法實施的核心環節，教師在模擬企業需求給學生下達任務后，再按照項目建設的任務安排學生分組實訓，共同去完成任務。學生在高度仿真的開發環境中，通過不斷實踐去熟悉工作流程，并在不斷的實戰演練中提高自己，逐漸掌握一個小型企業網站的開發過程，增強自己的知識運用能力、團結協作能力。

以“小型物流公司網站創建”過程為例，通常要完成的工作任務如表1所示：

表1 任務安排表

在此過程中，學生要共同合作完成一套完整的項目設計，一個從無到有的網站開發，碰到問題，首先要自己主動思考，綜合運用已學知識去解決問題，接著還可以與本組成員或其他開發小組共同會話交流，探討解決問題的更好方法，共同攻克難題，完成工作要求。同時學生還要注意完成對項目的語言描述及相關文檔的撰寫，培養自己的團隊溝通技能和社會能力。通過學習如何在團隊中與他人協作，最大程度發揮自身的作用，進而培養團隊合作精神和競爭意識。

5.教學考核和總結評價

《網頁設計與制作》是一門實踐性較強，富有創造性的課程，如果只靠傳統的期末考試或提交作品來進行評價，只看重結果，必然會忽視學生的日常學習和體驗過程，所以對《網頁設計與制作》的考核應堅持以評價學生實踐能力為中心，采取多元化的考核方式，并且把過程性考核作為考核的重要部分，達到以考促學的目的。按照這種考核思路，本課程的實際考核方式采用基礎項目考核，合作項目考核和期末上機考試相結合的方法。

在考核學生的同時，教師還要注意進行互動性的教學總結，主要是進行項目講評及知識點的深入分析和總結。教師可以將優秀的學生作品進行展示和點評，也可以請同學上臺以演講的形式發言，講述他自己的創作思路，講述自己如何通過多種途徑自學，巧妙地把一些課外知識和課堂上的知識相結合，實現技術難點的突破。教師應用發展的眼光看待每一位學生，去挖掘創設豐富的教學情境，藝術運用教學方法和課堂評價機制，激發學生的學習興趣。

[1] 姜大源.論高職教育工作過程系統化課程開發[J].徐州建筑職業技術學院學報，2010，（10）.

[2] 高云.高職高專《網頁設計》課程改革探索[J].吉林省教育學院學報，2009，（11）.

[3] 于曉霞，沈志剛.基于工作過程的《網頁設計與制作》課程學習情境的設計[J].福建電腦，2011，（6）.

[4] 赫宜.運用建構主義理論指導計算機教學[J].計算機教育，2007，（8）.

G71

A

1008-7427（2012）06-0030-02

2012-04-12

作者系肇慶科技職業技術學院講師。