網站設計與建設實訓課程實施過程分析論文

《網頁設計與建設》 實訓是一門綜合應用性的課程，所以在教學中，從應用人才的培養模式出發，着眼於學生職業素質與職業技能的統一。達到把教學和工作過程結合在一起，以至“教、學、做”合一，透過以真實產品爲載體的項目，讓學生的實踐有用武之地，同時提高學生的學習積極性。

1 課程改革思路

《網頁設計與建設》 是一門綜合性比較強的課程，涉及設計、開發，應用等多個環節，而實訓正是一個能讓學生很好把握這些環節，綜合運用所學知識解決問題的過程，所以實訓課程改革從以下三方面展開。

1.1 以改革評價方式爲關鍵

從實踐的角度設計評價方式，主要透過對學生學習過程的觀察，透過學生的學習反思，學習記錄，項目完成的進程等資訊在學生知識的應用，團隊合作等方面進行評價，同時激發學生的學習動力，幫助學生調控學習過程，培養學生團隊合作精神。

1.2 以轉變學生的學習方面爲出發點

從課程的性質與特點出發設計教學。本課程特點是實踐性、操作性很強，涉及到多方面的技能，適合透過做綜合作品來全面體現。在課程改革中設計注重實踐操作的考覈方式，主要是採用學生作品評價、教師對學習過程檔案的評價、小組內互評、自評的方法，引導學生的學習方式的改變，由教師牽着學、帶着學轉變爲學生在實踐過程中自主的發現問題，並以問題爲中心進行積極的泛在學習，以解決問題。

1.3 以作業與產品結合爲切入點

學生的最終作業不僅僅是一次作業，還是一個產品，同時也將投入使用，這樣可以提高學生的學習積極性和成就感，引導學生掌握一項成熟產品從構思、設計、製作到修繕等的整個過程。

2 網站設計與建設實訓課程實施過程

本課程的教學採用分組進行、任務隨機選擇、技能規範指導、學生獨立思考完成等具體步驟，希望在實踐操作、團隊合作、技巧規範性等方面有所突破。

最終透過學生的實踐作品實現產品與作業結合，具體過程如下：

2.1 分組選任務

（1） 分組

做法：一般二到三人一組，學生任意組合。然後由小組內自已討論選出確定組長與組名。

分析：人數確定原因：一組如果多於三人，那麼就會有一部分人不做事，湊數，如果少於 2 人，不能很好的.體現工作中的團隊合作精神，而且學生的工作量會很大，不宜學生作品的完成。

確定組長：首先是教師將組長要做什麼，要有善於與組員溝通，在組員間有分歧時能積極調節，時間的控制、提前計劃、系統設計方面進行協調的能力這些引導資訊告訴學生，由小組成員內部討論，確定組長，最後教師提示學生，多與組長溝通，聽從組長統疇。

確定組名：小組形成後的第一個任務就是給小組起名，這個過程，可以讓大家充分的討論，讓小組成員意識到自己是一個團隊，對以後工作中需要團隊的討論、交流進行一次預熱，形成很好的氛圍。

（2） 選任務

做法：N 個組，N/2 個任務，由每組組長抽取任務，能過隨機選擇，每個任務由兩組同學完成，最後交予的產品，選擇比較好的一組作品。

分析：隨機選擇任務：學生在課程的學習過程中會形成一定的固定思維，比如有的同學善於做設計美感的網頁，有的同學善於完成結構嚴謹的網頁，在選擇任務時，會主動的選擇自己善長的，而這樣的隨機選擇會避免這樣的情況發生，讓學生在團體裏做自己不擅長的，讓自己的學習更全面，以後遇到不同的任務都是遊刃有餘。兩組完成一個任務：這樣學生們就會有競爭性，在組與組的競爭中提高學生的團隊合作能力，加強學生的責任心。讓學生更好的投入到作品完成中。

2.2 按階段講評

雖然學生學完了課程的內容，但是由於這是第一次系統的完成一個作品，一下子讓學生完成網站的設計與建設，如果有什麼問題再進行修正的話需要花費很長的時間，所以在學生的項目都確定之後，教師就需要隔一段時間檢查一次小組的進展，在不同的進展中要求學生提交本階段內進展彙報，針對學生的提高引領他們的方向，不至於走偏。同時透過按階段的指導，讓學生在網站設計與建設流程上更明確。

（1） 網站概要設計

做法：完成概要設計文檔，包括網站受衆分析，網站色調，網站設計思路。

作用：因爲做出來的網站最終是要給別人用的，所以網站的設計與製作方面應該細緻入微，本環節的作用是從方向上把握學生的設計，讓學生的設計打基礎時就有一個很好的開端，便是於日後的設計與製作。

（2） 網站結構設計

做法：用思維導圖軟件完成結構設計，包括網站結構，主頁欄目設計。

作用：一方面讓學生學會網站建設軟件以外的工作軟件，思維導圖軟件的應用，另一方面讓學生體會網站結構設計的方法同時比較網站結構與主頁結構的相同點不同點。

（3） 主頁和子頁設計與製作

做法：用 PS 設計網站主頁和子頁面效果圖作用：以師傅的角度對學生初步設計進行一個評價，指出優點並引導其繼續發揚，說明不足並引導其進行更正。

（4） 網站預覽

做法：在 Dream Weaver 中完面主頁與一兩個子頁的實現。

作用：以師傅的角度對學生的網站實現給予自己的意見和建議，透過與學生的溝通了解學生的製作困難，及時予以引導。

（5） 細節修正

做法：完成整個網站的建設，在全班展示自己的網站，老師成爲客戶，除本小組以外的其它同這也是客戶，集體對這一組的作品在全班進行驗收，提出不足之處。小組成員根據討論進行更改。

作用：透過別人的意見來仔細分析自己所做網頁的問題，並進行及時有修正，一方面讓學生看到不同的角度的想法，不侷限在自己的想法中。另一方面，讓學生理解網站的設計與建設就是一個不斷修正的過程，只有在不斷的修正中，我們才能讓其做得更加完美。

在整個過程中老師都是答疑者，老師針對每組學生的任務，給予不同的個別指導，同樣學生有什麼迷茫的可以隨時問老師，老師或者幫助解決，或者提醒，或者引導。學生完成作品如圖 1和圖 2 所示。

這樣基於工作過程的課程改革，更利於學生成長，更能調動學生學習積極性，主動性。學生在期末大作業中不會不知道應該做什麼，更能瞭解真正的網站設計與建設過程，對學生技能提高有很大的幫助，同時學生的作業就是產品一方面可以在實際生活中應用，另一方面學生可以拿着這項產品去找工作。

參考文獻

[1]戴士弘。職業教育課程教學改革[M].北京：清華大學出版社，2007:65.

[2]楊羣祥。基於工作過程的高職教育課程開發研究[J].中國高教研究，2011（12）：77-78.

[3]劉曉歡，向麗。高職課程標準基本問題探討[J].中國高教研究，2009（4）：78-79.