遠程教育《 網頁設計與制作》項目教學探究

□李偉藝

( 山西廣播電視大學，山西 太原 030027)

“網頁設計與制作”是當今社會的熱門，相關制作技術越來越受到人們的關注，它已成為現代生活中的一門實用技術。面對網頁制作人才持續增長的社會需求，電大開放教育多個專業開設了“網頁設計與制作”課程，目的是通過該課程的學習，使學生能夠自主開發設計一個完整的網站，畢業后能夠直接從事相關網頁設計與制作的工作。

一、項目教學研究背景

“網頁設計與制作”課程內容實踐性較強，以往的教學主要是重難點知識講解及書中案例的操作演示，注重軟件的使用和操作，實踐教學環節相對薄弱，學生實際操作能力差。從學生完成的實訓作品看，教學效果并不理想，所學知識和技能比較零散，綜合運用能力不強，達不到社會對人才的要求，教學與社會生產實踐出現脫節現象，學完本課程后，學生還是不知道如何設計制作真實的完整網站。因此，為適應遠程教學和自主化學習的要求，有效地解決以往教學存在的弊端，提高開放學生的學習效率，對“網頁設計與制作”課程進行教學改革，探究新的教學模式，將實際項目引入課程教學，改革教學方法、教學手段及考核形式，實現培養應用型人才的教學目標。

二、項目教學設計思路

在項目教學設計過程中，課程教學的實施以社會需求為目標，以學生的技術應用能力為主線設計教學過程。

1.實訓項目貫穿整個教學過程，實訓項目的設計要重視知識和技能的綜合運用，考慮知識點的含量、前后的聯系等多方面的因素，將教學重點、難點分解到每個小項目中。

2.教學設計以學生的自主學習為中心，以實踐教學為關鍵，讓學生帶著任務學知識、帶著任務學技能，通過項目的開發使學生掌握網頁設計與制作的基本技能。

3.用模仿式教學模式實現教與學的互動，充分激發學生的主動學習能力。采用小組協作的學習方式調動學生的學習積極性，相互彌補思維的欠缺，培養學生的合作創新精神。

4.充分利用網絡教學平臺的遠程教學優勢開展課程項目教學，進行資源共享，協作學習，師生互動，交流經驗，作品展示。

5.改革傳統的筆試閉卷考核方法，將考核重點放在對學生實際操作能力的考核上。

三、項目教學實施過程

項目教學以項目活動為基礎，以解決實際問題為主要目的。在老師的指導下,將相對獨立的實訓項目交給學生自己處理，包括素材的收集和整理，項目方案的設計和實施，由學生以學習小組協作的形式完成。通過實訓項目的進行, 學生掌握了網頁設計與制作的整個過程。簡單講，項目教學法就是以項目為主線，教師為主導，學生為主體的教學方法。

1.課程教學方案。“網頁設計與制作”課程項目教學的實施過程圍繞實訓項目進行，教學過程包括三個環節：第一，集中導學，圍繞實訓項目設計案例，著重解決重點和難點知識；第二，遠程教學，利用網上教學平臺豐富的立體化教學資源開展教學；第三，自主學習，利用文本教材和IP課件系統學習課程知識。通過這三種方式的學習達到對不同知識的深入理解與掌握。課程項目教學的具體實施方案如下圖所示：

集中教學安排了五次，主要圍繞五個實訓項目的內容進行教學，集中學習分3個層次進行：①實訓項目的相關知識和操作技能講解；②解答學生自學過程中出現的共性問題；③集中輔導教材中的重點、難點知識，演示典型案例。

遠程教學和自主學習主要依托山西省電大在線平臺進行，利用網上教學平臺建立完善的課程教學支持服務系統，課程欄目內容包含教學指導文件、教學輔導、章節練習、學習指導、IP課程、網頁制作素材、在線測試、實訓作品展示等，同學們可以在家里上網，也可以到教學點上網，根據自己的需要自主學習，利用課程討論區與教師進行交流討論，同學之間開展協作學習。網上教學給學習者提供完善的教學信息和咨詢服務，幫助引導學習者完成自主學習過程。

2.教學方法。“網頁設計與制作”課程已往的教學過程是：面授課上先進行重、難點的理論知識講解和操作演示，隨后學生上機練習，課后輔助IP課件來系統傳授知識。這種教學方式學生學到的知識比較零碎，解決實際問題的能力較差，很難構建起完整的知識結構體系。為了提高學生的綜合應用能力和創新能力及實踐動手能力，我們將網站建設的項目引入到教學中，將實訓項目與教材內容相結合，案例教學，任務驅動、學做合一、小組協作學習等多種教學方法并行。學生在完成實訓項目的過程中發現問題，解決問題，培養學生的學習能力和解決實際問題的能力。

“網頁設計與制作”項目教學中，“實訓項目”的設計是非常重要的環節，在實訓項目的設計上要求做到：以教學的內容為依據，以現實的對象為素材，實訓項目既要包含教材中的基本知識，又要能訓練學生解決問題的能力。根據這一原則，我們確定的總項目是“建立個人網站”，這個項目貼近學生的生活實際，容易激發學生的學習興趣，根據教材中的知識點進一步將總項目分解成五個子項目，一個學期分階段完成每個子項目內容。布置實訓項目之前，教師精心設計編制各子項目的具體操作任務書，把教學目標巧妙地蘊涵到各子項目任務中。例如：子項目五“應用CSS樣式表對網頁進行排版”，編制操作任務書如下：①設置文本樣式，將正文內容設置為“宋體”、“9pt”、黑色文字；②設置鏈接樣式，鏈接正常狀態為靛藍，已訪問過的為藍色，移入時為紅色；③設置標題樣式，將標題內容設置為“黑體”、“12pt”、黑色文字；④將樣式表導出，并應用在整個網站中的所有頁面。根據完成具體任務的要求，在第五次集中面授教學中，以子項目五“應用CSS樣式表對網頁進行排版”為主線，精心設計了3個案例：【案例1】定義及應用標簽樣式；【案例2】定義及應用高級樣式(鏈接樣式)；【案例3】在網頁中應用樣式表。我們把教材中的知識融入到3個案例中去講解，用案例教學突破教材中的重、難點內容，模擬演示操作步驟，邊講邊練，學做合一。課后，學生以學習小組為單位進行項目開發。學生在項目任務的驅動下，進行自主探索和小組協作的學習，掌握了CSS樣式表在網頁制作中的應用。

3.教學手段。多媒體面授教學：集中面授課安排在多媒體機房，教學按實訓項目為單元進行。課前了解學生的自學情況，找出那些不經老師輔導學生很難掌握的知識，課堂上有針對性地進行重、難點的講解，以案例教學為主，現場操作演示，學生動手練習，重點解決學生在項目中遇到的各種技術問題。整個教學過程都是圍繞實訓項目的內容來進行。

網絡遠程教學：利用學校校園網的功能搭建起“網頁設計與制作”課程教與學的網絡平臺，教師利用校園網資源進行輔助教學，學生利用網絡教學平臺進行自主學習、協作學習。網絡教學中應用了下面幾種教學手段：①設置課程討論系統，提供實時和非實時答疑、交流討論，實現異地教師和學習者及學習者和學習者之間的交流活動，方便師生雙向交流；②提供在線測試，圍繞教學內容發布在線測試題和實訓任務；③創建豐富網上資源，將本課程教學資源(包括教學大綱、教學進度、教學實施方案、學習指導、與課程內容相配套的操作練習內容、網頁制作素材、形考作業等)放到網上，實現教學資源的共享。網絡教學延伸了課堂教學的時間與空間，彌補了集中教學的不足。在優化教學效果的同時，學生形成自主學習的良好學習習慣。

IP課件輔助教學：中央電大的《Dreamweaver網頁設計》的網絡課程配有36講IP課件，IP課程給學習者提供本課程的系統知識的講授。對教材中的所有知識點都進行了操作演示。通過省電大在線平臺鏈接中央電大的網絡課程，給學習者提供相同的課程多次播出的輔導機會，解決了遠程學習者普遍存在的工學矛盾，為學生課后的進一步系統學習提供有效的指導和幫助，彌補了集中導學課時不足的局限性。

《網頁設計與制作》課程的項目教學，強調的是給學生創建一個自主學習的環境，我們充分利用網絡教學平臺延伸課堂教學的時間與空間。利用多媒體機房進行面授，優化案例教學和任務驅動的教學過程；通過E-mail、BBS等方式實現教師與學習者交流互動；應用IP教學輔助課件讓學生系統掌握網頁設計與制作的知識和操作技能。學生在整個教學活動中，形成自主學習的良好學習習慣，掌握獨立開發一個完整網站的實用技術。

4.模仿式教學。“網頁設計與制作”課程是一門實踐性很強的課程，讓學生動手去做，親自完成一個完整網站的建立過程，經歷網頁制作的各個環節，才能提高學生制作網頁的能力。學生初次接觸網頁設計與制作這門課時，還沒有網頁設計與制作的思路和方法，即使是一個簡單網頁，也會覺得無從下手。教師找一些典型網站案例，進行模仿式教學，通過講解、模仿操作，學生進行參與性的操作練習活動，模仿優秀的網站，從網站的配色到頁面設計布局，以及網站的內容結構等都可以模仿，尤其是對網站的首頁要進行模仿還原。這種有明確任務的學習，能激發起學生的濃厚學習興趣。經過模仿式教學，學生在完成實訓任務時會有意識地主動模仿他人的網頁，會把在模仿他人網頁中學到的知識結合到自己的創作中來，模仿學習之后，學生們創建出各具特色的，具有一定專業水準的個人網站。

四、教學資源的建設

該門課程的項目教學主要是基于網絡環境下開展的教學活動，在教學過程中，教師會準備大量的教學素材，并對素材進行加工、處理、分類、整理后上傳到山西電大在線教學平臺的課程欄目中，隨時供學生訪問參考，全省各個教學點的師生共享網上教學資源。教學資源主要包括以下五個方面的內容：1.網頁制作知識：主要包括dreameweaver、fireworks、flash等工具的使用技巧。2.圖像處理知識：主要包括圖像格式介紹，photoshop的使用技巧等。3.教材素材：包括教材中大部分案例的圖像、音頻和視頻素材。4.項目資源：電子參考書，優秀網站案例、圖片資源、素材網的網址等。5.學生作品展示：展示歷屆學員的優秀作品。

學生利用提供的教學資源可以反復進行實際操作練習，鞏固課堂上的學習效果，完成實訓項目。

五、項目教學的考核方式

網頁制作課程的關鍵是看學生是否掌握了網頁制作的實用技術，因此，對學生學習成績的評價應該主要放到檢驗學生的設計能力、綜合應用能力和創新能力上。我們把考核的重點放在對學生學習過程的考核上，通過學習過程監控、實訓項目作品與綜合網站的開發相結合；教師、學生、專家評價相結合；形成性評價與終結性評價相結合等多方位、多角度的考核方式來綜合評價學生的學習成績。目前對于“網頁設計與制作”課程的考核由5 個部分組成：學習過程記錄、小組學習活動，實訓項目作品，綜合網站項目的開發，期末筆試五部分成績組成。隨著網絡教學平臺功能的逐步完善，我們將采用網考的形式進行該門課程的考核，取消期末筆試，網頁設計與制作的知識和操作技能考核由一個項目來完成，這個項目就是完成一個綜合網站的開發。課程成績不僅要考核綜合項目作品，而且要把完成項目作品的過程也作為我們評價的一個依據。

六、結束語

在“網頁設計與制作”課程中實施項目教學突破了傳統的教學模式，通過完成一個獨立網站的設計與制作項目來實現學生對網頁制作知識和技能的掌握，這種理論與實踐有機結合的教學，極大地提高了學生學習的積極性和主動性，學生的自主學習能力、實踐能力、創新能力、團隊協作能力、分析問題、解決問題的能力都得到了鍛煉，具備了一定的網站開發能力，積累了網站項目開發的經驗，能夠承擔網頁設計與制作的工作，為學生今后實習和就業打下了堅實的基礎。

參考文獻：

[1]肖弋,余明毅.網頁制作課程與項目教學法[J]. 重慶電子工程職業學院學報,2010,(1).

[2]李健,李燚琳.網頁制作項目教學方案設計[J].福建電腦,2009,(7).

[3]黃皖毅.網頁設計與制作課程中項目教學法研究初探[EB/OL].百度文庫http://wenku.baidu.com/view/3978a13610661ed

9ad51f352.html.

[4]蔡伯峰.網頁設計與制作項目課程教學改革[J]．泰州職業技術學院學報,2008,(2).

[5]張偉娜.網頁設計與制作課程教學的探討與實踐[J].教育信息化,2008,(3).