《網站設計基礎》項目課程改革與實踐

摘 要：隨著時間推移，國內高職院校紛紛從傳統的學科式教學轉向實踐技術性教學，其中項目教學就非常符合這種轉變。本項目組成員對《網站設計基礎》課程進行了探討研究，并對改革后的課程工作任務和課程項目作一一闡述。

關鍵詞：項目課程；網頁設計；工作任務

1. 課程基本情況

該課程是計算機應用技術專業的一門專業主干課程。本課程的功能是培養學生掌握網頁設計與制作過程的主要操作技能，熟練掌握網頁效果圖設計能力、頁面排版能力、圖片處理能力、CSS頁面樣式設計能力以及CSS頁面布局能力。本課程以《計算機文化基礎》的學習為基礎，也是進一步學習《企業網站開發》和《商務網站開發》課程的基礎。

2. 課程改革目標

以提高人才培養質量為目標，以提高教學水平為主題，以改革教學內容為重點，堅持高職辦學方向，體現高職培養目標和特色，加強實踐教學環節，探索工學交替、任務驅動、項目導向等有利于增強學生能力的教學模式，把課程建設的過程作為深化教學內容、教學方法、教學手段改革和提高教學質量的一個重要過程。

3. 課程改革的主要內容

3.1 課程設計

1.課程地位

如今Internet的迅速發展，作為Internet主要應用的WWW技術的發展更是日新月異，網站如雨后春筍般遍布了全球的各個角落。企業、公司、個人紛紛在互聯網上開創自己的天地，展示自我風采，而網頁設計在網站建設中起著重要的作用。該課程是依據由國內從事計算機應用相關行業的企業家、項目課程專家以及專業課程負責人討論得出“計算機應用技術專業工作任務與職業能力分析表”中的頁面設計工作領域設置的。網頁設計與制作是高職高專計算機應用技術專業網站建設方向的大部分學生就業后從事的主要工作崗位。本課程主要培養學生掌握網頁效果圖設計能力、頁面排版能力、圖片處理能力、CSS頁面樣式設計能力以及CSS頁面布局能力，這些都是網頁設計與制作崗位最為重要和基本的能力，因此本課程在計算機應用專業中處于非常重要的地位，應當作為專業主干課程。

2.學習情境設計

按照情境學習理論的觀點，只有在實際情境中學生才可能獲得真正的職業能力，并獲得理論認知水平的發展，因此本課程要求打破純粹講述的教學方式，實施項目教學以改變學與教的行為。這是教學模式的一個重大轉變，要有力地推動這一轉變，需要以項目為載體來組織課程內容。在項目課程設計中，項目載體設計是一個關鍵環節。本課程每個項目的學習都按網頁設計與制作的過程為載體設計的活動來進行，以工作任務為中心整合理論與實踐，實現理論與實踐的一體化。本課程最終確定了以下三個項目：個人網頁頁面制作、企業網頁頁面制作、購物網頁頁面制作。教學過程中，通過校企合作，校內實訓基地建設等多種途徑，采取工學結合等形式，充分開發學習資源，給學生提供豐富的實踐機會。教學效果評價采取過程評價與結果評價相結合的方式，通過理論與實踐相結合，重點評價學生的職業意識、職業態度與職業能力。

3.2 教學方法的改革

在2008年第一學期《網站設計基礎》課程更名為《網頁設計與制作》，它作為一門新型學科，與傳統的其它學科相比具有鮮明的自身特點。首先、它具有很強的操作性和綜合實踐性，特別強調學生的操作能力，強調學生學以致用的綜合實踐能力。其次、它極富創造性。學生通過對信息技術、信息科學的基本理論和方法的學習，既能深入的理解各種信息手段的特征，深入理解各種信息技術的基本原理和具體方法，又能對給定的信息進行適當的處理，并能對各種信息的活用進行評價和完善。學生在掌握基本技能的同時，不僅拓展了學生的思維，而且培養了學生獨特的創造力。第三、它集現實性、實效性于一體，具有明顯的時代發展特點。基于以上特點，本課程根據學生實際情況，設計出以“教師為主導，學生為主體”的符合學科特點的教學與管理模式。讓學生在教師的指導下，對所學的課題進行探索、分析、研究，在實踐操作中培養學生科學的態度和價值觀以及創新精神、創新思維、創造能力，并學會解決生活中與信息技術學習有關的實際問題。項目化教學模式就是這樣一種新型的學習模式。通過半個學期的實踐，學生對于我們這樣的教學模式很歡迎，也培養了學生的創造能力。

3.3 課程工作任務的設置

本課程立足于實際能力培養，對課程內容的選擇標準作了根本性改革，打破以知識傳授為主要特征的傳統學科課程模式，轉變為以工作任務為中心組織課程內容，并讓學生在完成具體項目的過程中掌握網頁設計的思路，學會網頁制作的方法，并構建相關理論知識，發展職業能力。經過行業專家深入、細致、系統的分析，本課程最終確定了以下5個工作任務：網頁效果圖設計、頁面排版、圖片處理、CSS頁面樣式設計以及CSS頁面布局。這些工作任務是以網頁的設計制作過程為線索來設計的。課程內容突出對學生職業能力的訓練，理論知識的選取緊緊圍繞工作任務完成的需要來進行，同時又充分考慮了高等職業教育對理論知識學習的需要，并融合了相關職業資格證書對知識、技能和態度的要求。例如，“網頁效果圖設計”這個工作任務，著重培養學生設計網頁效果圖的能力，訓練學生的色彩搭配能力。“頁面排版”這個工作任務，著重培養學生對網頁效果圖進行切片的技能，按效果圖進行頁面排版能力。“圖片處理”這個工作任務，著重培養學生對圖片的處理能力，對圖片的優化能力。“CSS樣式設計” 這個工作任務，著重培養學生合理設定文字大小的能力，運用CSS對文字進行排版的能力。“CSS頁面布局”這個工作任務，著重培養學生DIV+CSS的網頁布局能力。通過以上課程內容的訓練學習和輔助證書考試，通過理論培訓和實踐操作訓練一體化教學，有利于培養學生設計和制作網頁技能，將完全能夠勝任網頁設計與制作崗位的工作任務。

3.4 課程項目的設置

浙江工商職業技術學院信息工程學院計算機應用技術專業《網站建設與管理》系列崗位課程由《網頁設計與制作》、《企業網站開發》、《商務網站開發》、《網站開發實戰》四門課程組成，《網頁設計與制作》是進一步學習《企業網站開發》和《商務網站開發》課程的基礎，本著為后繼課程打基礎并使學生可延續使用項目作品的思想，本課程最終確定了以下三個項目：個人網站頁面制作、企業網站頁面制作、商務網站頁面設計與制作。本課程的工作任務是并列遞進式的，在實際操作中沒有嚴格的先后順序，但是任務的難易程度存在差別，因此根據學生能力遞進規律，本課程采取了依據任務難易程度編排課程內容的思路。總體內容編排順序設計為：個人網站頁面設計與制作→企業網站頁面設計與制作→商務網站頁面設計與制作。

下面是課程項目及課程模塊的設計：

3.5 課程標準的描述方法

為了更清楚的表達本課程標準的意圖與內容，本課程標準主要采用“動詞+程度副詞+名詞（對象）”的方式表達來進行目標描述，其中，動詞包括“了解”、“熟悉”、“理解”和“能”等，程度副詞包括“基本”、“熟練”和“準確”等。這些動詞和程度副詞在本課程標準中的內涵是：“了解”意為知道“是什么”；“熟悉”比“了解”更進一步，意為清楚地知道“是什么”，并能復述；“理解”比“熟悉”更進一步，意為非常清楚地知道、并能復述“是什么”，還知道和能復述“為什么”；“能”意為在“理解”的基礎上會做（作）、可以做（作），會完成、可以完成；“基本”意為主要的、差不多的、大致上；“熟練”意為熟知、做起來順手，并能快速地完成；“準確”意為嚴格地符合事實、標準或真實情況，沒有錯誤或不對的地方。

3.6 教學評價

1. 改革評價手段和辦法，加強實踐性技能的考核，可采用過程評價、階段評價和總結評價辦法相結合。

2. 關注評價的多元性，結合課堂提問、學生作業、平時實驗、技能競賽等情況，綜合評價學生成績。

3. 應注重學生動手能力和實踐中分析問題、解決問題能力的考核，對在學習和應用上有創新的學生應予特別鼓勵，全面綜合評價學生能力。

3.7 教學建議

1. 本課程是一門操作性、實用性很強的課程。教學中，應注重學生實際操作能力的培養，注重聯系實際，以激發學生的學習欲望。

2. 教師應參與各種專業培訓，提高自身的專業水平。

可以采用掛職鍛煉等方式參與企業的實際項目開發，積累工作經驗，形成對行業以及工作崗位的全面認識，從而根據行業發展趨勢及時調整課程的發展方向。

3. 在教學過程中，建議教師以任務引領學生學習，明確每一個項目的知識目標和技能目標，要充分調動學生的學習積極性。

4. 課堂教學結束后，教師要根據學生的情況布置適當的作業，作業一般是自主設計制作某一主題的網頁作品，主題的選取可以依據項目來進行。

4. 總結

總體來說，項目化教學以“學生為主體，教師為主導”的實踐教學模式，改變了以往“教師講，學生聽”被動的“填鴨”教學模式，創造了學生主動參與、自主協作、探索創新的新型創新實踐教學模式。同時，項目化教學給教師和學生的關系帶來了的巨大的變化，不再是以往傳統教學的教師一個講，全班同學聽的局面，真正體現教學中學生的主體地位和教師的主導地位。

參考文獻

[1]馬華林. 行動導向教學中一種基于團隊學習的個性化教學模式[J].教育科研,2011

[2]張立燕. 設計類實訓課程成績評定方法探討[J].浙江工商職業技術學院學報,2006

作者簡介：

張立燕（1979-），女，山東榮成人，浙江工商職業技術學院。