基于工作過程的《網頁設計與制作》課程的教學改革

袁堂青

【摘 要】高職院校深化課程的教學改革是培養專業技能型人才的有效手段，為了培養學生具備制作網站的專業技能，激發學生學習這門技術的興趣，專業教師結合多年的工作經驗及多年的教學經驗，對《網頁設計與制作》課程進行了有效的教學改革，在教學內容設置上更加突顯專業性、技能性及應用性等方面的內容，使本課程內容符合本專業的培養目標，教學設計上更加突顯工作場景的應用，在考核標準上更加注重學生創新及制作能力的考核，在培養目標上更加側重專業素質及技能型人才的培養。

【關鍵詞】網頁設計與制作；互聯網+教學；教學改革；基于工作過程

《網頁設計與制作》課程是我院計算機多媒體技術專業和網站規劃與開發技術專業的一門專業核心課，具有專業性強，實用性強，獨立性強等特點，本課程在這兩個專業特別是網站專業的課程體系中處于核心地位。

1 課程培養目標與企業用人標準

《網頁設計與制作》課程側重培養學生的網頁的基本設計能力及制作能力的訓練，要求學生熟練掌握網站制作中的各種基本技能，具備設計、開發、維護中小型網站的基本知識和能力，使學生能夠具備從事職場工作的綜合素養。

1.1 企業用人標準

通過網上調研及與企業專業人士探討，對企業招聘的“網頁設計師”的大體要求總結為以下幾點：

1）要求具備良好的職業素養及個人素養，具有較強的團隊合作意識，對工作認真負責。

2）具有創新意識，能夠較好的把握網站的整體設計風格和網站內容整體規劃。

3）熟練使用Flash、PS、Dreamweaver等相關工具，能夠熟練地使用HTML+CSS對網頁進行代碼的編寫，對從業人員要求具備系統的專業知識和具備一定的實踐經驗。

4）要求從業人員具備一定的代碼優化能力和網站維護能力。

1.2 課程達到的教育標準

根據企業用人標準及本專業的的培養目標、理論和實踐教學目標形成了本課程所應達到的教育標準，通過本課程的學習和實訓， 學生能夠具備以下能力：web站點的規劃、網站策劃、構建及發布的能力；網頁設計與制作能力；Flash動畫的創意及制作能力；HTML+CSS代碼編寫能力；簡單的網站優化能力。

2 《網頁設計與制作》課程的教學設計

2.1 明確教學目標，優化教學內容

高職院校的人才培養目標和模式必須要迎合市場對人才的需求，培養具有創新意識、團隊合作能力、分析問題、解決問題能力的綜合素質的人才。為了提高本課程的教學效果，我們必須優化教學內容。

根據我院網站專業及計算機相關專業的人才培養方案要求學生具備相應的專業知識外，還應具有相應的專業素養。為此，我們將對課程的教學內容進行優化、細化，增加與實際工作相關的學習內容，刪除或弱化與工作聯系不密切的內容。使得課程教學內容包括以下五部分：①網站入門；②DW軟件使用；③HTML+CSS代碼的學習；④網站策劃與開發；⑤網站測試與維護；⑥網站優化（SEO），同時還要根據市場需求對課程進行隨時的修訂。

2.2 教學模式的選擇

由于做網站對學生的創意能力及制作能力要求較高，所以本課程的課堂教學采用了多元化的模式：班級授課、互聯網+教學、個別化教學、實訓指導。班級授課是在實訓機房教師模擬真實的工作場景，結合講授，以多媒體信息展示教學內容，并根據學生的反饋及時調整教學進度，重點指導，強化重點；學生需要根據老師提出的項目任務進行分析、分解、優化并制作。互聯網+教學是以課后學生需要通過互聯網來復習、預習課程內容，并且能根據老師提出的問題進行思考為主要手段的一種方式，教師還應通過互聯網能學生進行適當的指導。

2.3 教學方法的設計

教學過程中充分利用先進的教學技術和方法，在實訓機房模擬真實的工作環境，從小的任務開始，讓學生一開始就有一種職場的環境，并采取團隊合作的方式，三五人一組，實行同學間幫扶、老師指導、團隊合作的方式逐步提高同學們的專業職業能力。

2.3.1 模擬工作環境，精心為學生設計典型的工作任務

在知識的學習中，以“任務”為引導的真實工作環境教學，真實地模擬工作環境，給學生切實可行的工作任務。 同時，還要對任務中的學生進行了解和觀察，根據他們的興趣設置合理的任務，把實際工作的場景帶到課堂中去，讓學生不單單是處于課堂的學習，更要有一種置身于工作的體驗。使學習與工作融為一體，更加有效地驅動學生前進。

2.3.2 工作場景中的“項目”導向學習

在學生掌握了基本的知識后，就應讓學生真正置身于工作環境中，在工作過程中提高自己的水平，在工作過程中學習的另一個方法就是給其設定“項目開發”的工作任務，工作場景中以“項目”為主導的核心理念是“以學生為主體，以項目為推動學生前進的動力，以教師指導為輔助手段”，它強調在工作過程中以項目開發為整個工作任務，把所學知識綜合運用到給定項目的開發中，在整個開發過程中他們會發現自己的薄弱環節，能夠更清楚自己在哪方面的欠缺，從而提高他們自己在此方面的學習動力，并且能提高他們團隊合作的意識。

3 《網頁設計與制作》課程的考核標準

3.1 課程考核標準

本課程的考核標準由以下三部分構成：學生的職業素養、學生的專業基礎知識、學生的專業技能。各部分的具體內容如下：

學生的職業素養：學生在工作中的工作態度、團隊合作精神、再學習的精神及職業道德。

學生的專業基礎知識：各種文件的設計規范、命名規范、HTML+CSS的編寫規范、圖像處理規范，整站建設、維護及優化等專業基礎知識。

學生的專業技能：網站策劃能力、網站規劃能力、圖像處理能力、網站的設計與制作 能力、網站的開發能力、網站維護能力及網站優化能力。

對學生的專業基礎知識考核主要以日常的教學基本目標為準則，對職業素養的考核主要是以學生在團隊中的表現為基準對其進行多方位的考核。

考核的原則以學生掌握的專業基礎知識和專業職業技能為重點，以職業素養為輔的考核原則，對于職業素養，一般是在平時的團隊合作中完成，對于專業基礎知識的考核主要是在平時的工作任務中進行，而對于專業職業技能則主要是在開發的項目案例中進行。各部分考核的比重如下：專業職業素養（10%）+專業基礎知識（30%）+專業技能（60%）=100%。

傳統的《網頁設計與制作》課程考核標準側重于對專業的基礎知識的考核，目前我們對于學生能力的培養主要以職業能力為目標，所以我們制訂的新標準應側重于對學生職業能力的考核，更加注重對學生走向職場的綜合素質的培養。

3.2 平時成績考核

1）出勤和課堂案例策劃：對于缺勤、遲到或早退都要扣相應的分數，對到課堂上布置的案例進行分析的同學都有記錄，會有加分。

2）平時作業：課程最初階段我們是以小的任務作為課堂作業，而當課程進行到接近一半的時候，我們會要求學生選一個主題作為網站的名稱，開始網站的建設之路。這個簡單的網站制作和平時的工作任務作為平時的成績。

3.3 期末考試成績

期末考試的作品對學生的要求比較高，教師提前一個周對學生布置一個主題，要求制作一個中小型的網站，要求在一個周內完成。以公司對員工作品的要求的標準對學生的作品進行考核，檢測學生對整站創作的理解、對創意、設計、題材理解、網站內容規劃、圖像處理能力、動畫制作能力、色彩理解能力、網站布局、站點管理、網站上傳下載、網站優化等綜合能力。

本課程的改革使學生在工作中學習，學習的不僅僅是課本上的知識，更多的是做出來的作品，讓學生很有成就感，這必將激發學生的學習興趣，提高學生的自主學習和創新的能力，使學生的職業能力迅速提高，同時網站開發是一個綜合運用各種知識的技術，在開發過程中學生的綜合能力也會得到提高，增強了學生的可持續發展的能力。

[責任編輯：王偉平]