基于工作過程的《網頁設計與制作》課程開發(fā)探索

牛蕓

摘要：《網頁設計與制作》課程作為山東傳媒職業(yè)學院網站規(guī)劃與開發(fā)技術專業(yè)、計算機多媒體技術專業(yè)的一門專業(yè)核心課程，主要是培養(yǎng)學生的網站規(guī)劃、開發(fā)能力，網頁設計、制作能力及網站的管理、維護能力。在整個網站建設與開發(fā)過程中，該課程所培養(yǎng)的技能起到基礎性、支撐性的作用。該課程教學不僅能夠培養(yǎng)學生較強的專業(yè)技術能力，同時還培養(yǎng)學生的實踐操作能力，設計創(chuàng)造能力，團隊交流協(xié)作能力及創(chuàng)業(yè)能力?；诠ぷ鬟^程進行《網頁設計與制作》課程的開發(fā)，使學生能夠在一個個項目中逐漸熟悉工作過程，掌握職業(yè)技能，從而更有利的培養(yǎng)了學生的職業(yè)能力，提高學生畢業(yè)以后的就業(yè)競爭力。

關鍵詞：工作過程 網頁制作 課程開發(fā)

【分類號】TP393.092-4

《網頁設計與制作》課程是一門技術性，實用性及操作性很強的課程，已經成為眾多高職院校網站開發(fā)、電子商務、計算機等相關專業(yè)開設的熱門課程，網站建設與維護也已成為相關專業(yè)學生必備的一門技能。當今網絡時代，Internet以網站的形式存儲了海量的信息，通過網頁的形式進行信息展示、互動交流、產品購買已滲透到人類社會生活的諸多領域。目前，社會各工作領域中網站建設、開發(fā)與維護的技術人才需求量極大，亟需要具有相應技能的崗位人才。

《網頁設計與制作》這門課程培養(yǎng)的是學生的網站策劃能力、網頁設計與制作能力及網站的管理與維護能力。在整個網站建設與開發(fā)過程中，該課程起到基礎性及支撐性的作用。傳統(tǒng)的課程教學方式通常按照知識技能的學習順序進行教授，學生在每一部分相對獨立的教學內容中只能學到網頁制作中的局部內容和技術，這種方式使整個學習過程變得零碎，最終學生缺乏整體建設網站制作項目的能力。因此，基于工作過程進行課程的開發(fā)，使學生能夠在項目中熟悉工作流程，提高網站建設的綜合能力，將極大的有利于學生職業(yè)能力的培養(yǎng)。

1、課程的地位與作用

《網頁設計與制作》課程是山東傳媒職業(yè)學院網站規(guī)劃與開發(fā)技術專業(yè)、計算機多媒體技術專業(yè)的一門專業(yè)核心課程。根據(jù)我院立足廣播電視行業(yè)、面向社會、培養(yǎng)高端技能型人才的總體培養(yǎng)目標，這些專業(yè)均要求面向廣播電視（網絡電視、手機電視）、各企事業(yè)單位網站、網站開發(fā)公司、廣告公司和中小型網絡推廣公司等單位，培養(yǎng)能夠在網站策劃與編輯、網站前端工程師、網站程序開發(fā)工程師、網站運維及手機客戶端開發(fā)等崗位上立足的技能人才。《網頁設計與制作》課程作為培養(yǎng)以上崗位人才的主干課程，主要是培養(yǎng)學生在從事網站開發(fā)設計及網站管理等技術支持行業(yè)，針對網站策劃與編輯、網站前端工程師等崗位，培養(yǎng)具有網站策劃與編輯、網頁設計與制作、網站管理及維護等技能，并具備一定的綜合分析解決問題的能力，創(chuàng)造創(chuàng)新能力，及具備團隊精神和責任感的全方位職業(yè)素養(yǎng)的人才。

分析該課程在以上專業(yè)崗位課程體系中的地位，如圖1所示，該課程處于整個課程體系的中間環(huán)節(jié)，具有極其重要的地位和作用。其前導課程是計算機應用基礎、計算機網絡技術、計算機圖形圖像（Photoshop）、Flash動畫設計，后續(xù)課程是Javascript、動態(tài)網頁設計（php）與mysql數(shù)據(jù)庫技術、網頁設計綜合實訓等。該課程所處的地位具有至關重要的作用，它要求學生在掌握前導課程的知識技能基礎上，要具備一定的綜合應用能力；同時該課程的學習又與后續(xù)其它專業(yè)課程的學習有著千絲萬縷的聯(lián)系，并給它們提供一個重要的知識基礎平臺，實現(xiàn)網頁前端設計代碼與交互效果代碼、后臺功能代碼的融合。該課程在崗位課程體系中具有重要的作用，課程培養(yǎng)的關鍵職業(yè)能力是網站策劃、網頁設計制作及網站管理維護能力，因此該課程直接面向的具體崗位有網頁美工設計師，網頁前端設計師，網站交互設計師、網站管理維護人員等。

2、 基于工作過程的課程開發(fā)理念

根據(jù)高職高專院校培養(yǎng)高端技能型人才的培養(yǎng)目標，堅持以培養(yǎng)職業(yè)能力和職業(yè)素質為本位的課程觀，樹立基于職業(yè)崗位工作過程的課程開發(fā)理念。課程設計始終貫徹以“工作過程為導向”、“工學結合”的思想。通過深入網站設計開發(fā)的公司企業(yè)進行崗位職業(yè)能力與工作過程的調查。在課程設計時采用模仿實際的工作過程及工作任務進行課程開發(fā)。

課程設計采用基于工作過程的項目化課程教學設計。依據(jù)工作過程將課程內容按崗位職業(yè)能力進行整合、劃分與安排，將課程內容劃分成若干個項目學習模塊，并在每個項目模塊下設置多個學習任務，將崗位職業(yè)技能融入到其中，實現(xiàn)“以項目為導向，以工作任務為基礎，以任務驅動方式”引領學生進行技能的學習。項目模塊的內容既要符合實際的工作過程，也要在教學順序上兼顧學生的認知規(guī)律，使學生循序漸進的全面掌握課程知識技能。教學過程本著“以學生為主體，教師為主導，訓練為主線”的方式，堅持以學生動手為主，配合講練結合，師生交流、學生協(xié)作等方式在專業(yè)實訓室完成相應的工作任務，培養(yǎng)學生的實踐應用能力，設計創(chuàng)造能力及團隊合作能力，養(yǎng)成學生良好的職業(yè)行為習慣、職業(yè)能力與職業(yè)素養(yǎng)。

3、 課程開發(fā)過程中教學項目的組織與設計

要學習網頁設計與制作，首先必須先進行網站的規(guī)劃，并掌握本地站點及WEB站點的安裝與配置，在此基礎上才能進行網頁的制作與預覽。然后再遵循由單一網頁設計到主題網站設計的思路進行由單一到復雜的教學項目的設計，同時在網頁設計及網站設計項目中又分別根據(jù)網頁的布局方式，網站的主題等進行分類學習和制作。最后在通過課程學習所掌握的能力基礎上，由學生分組完成一個主題網站的設計與制作，使學生的專業(yè)能力、自主學習能力、職業(yè)能力得到進一步提升和鍛煉。

因此，結合課程的培養(yǎng)目標，遵循循序漸進的學習規(guī)律，基于工作過程進行課程開發(fā)，對教學內容進行整合與排序，把課程內容設計成一系列由點到面教學項目，共分為以下六個項目模塊，分別是：（一）網站規(guī)劃基礎、（二）HTML CSS簡單網頁制作、（三）DIV CSS高級網頁制作、（四）個人網站制作、（五）公司網站制作、（六）網站綜合實訓。每個項目模塊的教學內容又包含若干個學習任務。六個項目模塊及所包含的任務始終圍繞課程的培養(yǎng)目標展開，在教學過程中由易到難的培養(yǎng)學生網站整體規(guī)劃能力、網頁效果圖設計能力、網頁素材制作能力、網頁布局技術、網頁交互效果制作、網站測試及網站的管理維護技能等。教學項目的開展依據(jù)工作過程，并在整個教學項目設計中實現(xiàn)由易到難，由單一到綜合遞階式的學習方式，便于學生接受和學習。教學項目設計的層次結構如圖2所示。

在課程開發(fā)設計過程中，教學內容的選取尤為重要，首先課程內容要與行業(yè)企業(yè)的崗位技能需求相一致，保持教學內容的先進性，實用性，及與工作崗位的一致性，做到“學以致用”；教學項目的學習順序既要符合工作過程，也要充分考慮學生的認知規(guī)律，按照六個模塊分階段循序漸進的展開教學；教學重點的選取遵循課程培養(yǎng)目標，同時主張為后續(xù)課程的學習打下夯實的基礎，教學重點內容主要有HTML網頁結構的制作、CSS樣式表的制作及網頁布局技術等，這在每一個教學項目中都占有較大的學習比重。教學內容的制定始終體現(xiàn)以職業(yè)能力培養(yǎng)為目標的課程教學。

4、總結

課程建設與改革是提高教學質量的關鍵，基于工作過程的《網頁設計與制作》課程開發(fā)，注重了知識本位向能力本位的轉化，知識向工作任務的轉化，使教學內容由易到難，由點到面的全面展開，充分培養(yǎng)了學生的網頁設計與制作、網站管理與維護等職業(yè)技能，為后續(xù)課程的學習及個人職業(yè)生涯的可持續(xù)發(fā)展奠定良好的基礎，更加有利的培養(yǎng)了學生的網頁制作專業(yè)技能及職業(yè)素養(yǎng)。endprint