項目驅動教學模式在Dreamweaver網頁設計課程教學中的應用

張麗君（錦州醫科大學 計算機教研室，遼寧 錦州 121000）

項目驅動教學模式在Dreamweaver網頁設計課程教學中的應用

張麗君
（錦州醫科大學 計算機教研室，遼寧 錦州 121000）

項目驅動教學模式近幾年被許多課程采用，教學效果顯著。本文首先分析了Dreamweaver網頁設計課程目前教學存在的一些問題，然后就項目驅動教學模式在該課程教學中的實施過程進行了詳細探討。實踐證明，將項目驅動教學模式應用到該課程中是非常有效的，學生可以在真實的項目情境中自主學習，使學生能夠很容易地掌握相關知識以及各項操作技能，提高了學生的學習效率，充分調動了學生的學習積極性與教師的主導作用，同時也使學生分析解決處理實際問題的能力大大增強，收到了非常好的教學效果。

項目驅動教學模式；Dreamweaver網頁設計；教學；應用

1　前言

隨著互聯網的迅速發展，人們對網絡的依賴越來越強烈，為了更好地宣傳和交流，許多企事業單位及個人都建立了自己的網站，網頁作為信息傳播的載體也顯得非常重要，網頁制作已經成為當今社會的一門熱門技術。目前各大高校針對計算機專業及非計算機專業學生均開設了該門課程，該課程的教學目標是使學生掌握網站架構的創建設計方法、網頁制作的實踐操作技能，增強學生使用工具解決實際問題的能力，培養學生具有正確的設計理念和創新思維方法以及團隊合作精神。該課程的實踐性、技能性很強，它對學生計算機應用能力的提升起著非常重要的作用，那么如何采用有效的教學模式來提高學生的網頁制作能力，取得最好的教學效果，是所有任課教師都在追尋的課題。項目驅動教學模式近幾年被許多課程采用，教學效果顯著，本文將就項目驅動教學模式在Dreamweaver網頁設計課程教學中的應用進行詳細探索。

2　目前Dreamweaver網頁設計課程教學存在問題分析

目前Dreamweaver網頁設計課程普遍采用傳統的教學模式，即先課堂理論教學，然后再上機實踐的教學形式。在理論課上，教師在多媒體教室進行理論內容講解、演示操作步驟，學生看大屏幕，這種教學模式學生只是欣賞式地學習，雖然看到了教師制作每個網頁的詳細操作過程，但并沒有記住完成的具體步驟，課后遺忘率高，而且學生都在被動地接受所學知識，學生上課注意力不集中、打瞌睡現象非常嚴重，課堂上教師一言堂，教師與學生之間互動交流的時間很少，教師根本不能及時掌握每位學生對所學內容的理解程度。在實驗課上，學生主要是將教師在理論課上所講的內容進行模仿操作，但通常理論課與實驗課的時間安排距離較久，很多學生早已經忘記了具體操作步驟及操作過程，上實驗時不知從何入手。其次學生還要完成實驗教材的固定實驗內容，這些實驗在教材上雖然有詳細的操作

3　項目驅動教學模式簡介

項目驅動教學模式的整個教學過程都要以學生為中心，教師只是教學的指導者和組織者，教師在課前要設計出若干個具體的項目方案，課上教師要與學生配合來共同完成這些項目，并將Dreamweaver網頁設計的知識點融入到完成項目的各個環節中去，層層推進項目，在完成具體項目時，學生還要根據項目的需求搜集素材資料，并充分發揮自已的創造性和想象性來完成各個項目，并隨著問題的深化或功能的擴充，教師還要把教學內容逐漸拓寬深度和廣度，直至完成復雜完整的大項目。另外教師還要做好學生的組織工作，將學生分成不同的學習小組，讓全班學生都積極參與到項目的設計完成中去，并管理監控好每個項目的完成情況，對出現的問題及時給予指導幫助。該教學模式創造了真實的任務情境及自主學習環境，能夠調動學生學習的積極性和主動性，提高學習興趣，既能讓學生學習到有用的知識，又能培養動手實踐能力及探索創新精神，教學效果非常顯著。

4　項目驅動教學模式在Dreamweaver網頁設計教學中的實施過程

4.1Dreamweaver網頁設計課程教學內容介紹

第一章初識Dreamweaver，主要包括網頁制作的基本知識、Dreamweaver軟件的操作環境等內容。

第二章構建網站的準備工作，主要包括創建站點、規劃和搭建站點結構等內容。

第三章HTML代碼控制，主要包括HTML語言、編輯HTML代碼、優化HTML代碼、查找與替換、使用Dreamweaver手工編寫代碼等內容。

第四章設置頁面的整體屬性，主要包括網頁頭部的設置、網頁的整體設置等內容。

第五章創建圖文混排頁面，主要包括輸入文字及文字設置、插入其他文本元素、檢查拼寫、插入圖像及其他圖像元素、外部圖像編輯器、插入FLASH、聲音和視頻等內容。

第六章插入表單元素，主要包括可插入的表單對象、制作表單頁面等內容。

第七章制作超級鏈接，主要包括超級鏈接的制作、可移動到指定位置的錨點、可跳轉的圖像映射等內容。

第八章使用表格排版，主要包括插入及編輯表格、表格的格式化、排序表格、表格數據的導入導出、使用表格的其他視圖、使用表格排版網頁等內容。

第九章CSS的網頁應用，主要包括介紹什么是CSS，如何使用CSS美化頁面和設計更豐富的CSS樣式等內容。

第十章模板和庫。

第十一章制作框架網頁，主要包括創建基本框架網站、使用浮動框架制作頁面等內容。

第十二章使用行為制作特效，主要包括行為的概念、添加和編輯行為、常見行為的使用等內容。

第十三章層和時間軸，主要包括圖層、利用圖層排版網頁、使用時間軸制作動畫等內容。

第十四章使用擴展插件，主要包括擴展插件和擴展管理器、自動安裝擴展插件、手動安裝擴展插件等內容。

第十五章 站點上傳與維護，主要包括定義遠程服務器、測試本地站點、站點上傳、使用遮蓋等內容。

4.2項目驅動教學模式在Dreamweaver網頁設計課程教學中的實施過程

采用項目驅動教學模式教學，首先要打破傳統的先課堂理論教學，后上機實踐的教學形式，而不再區分理論課和上機實踐課，將全部課程統一安排在計算機教室授課，并在每臺電腦上都安裝多媒體教學系統（比如：極域電子教室、凌波電子教室等），利用該多媒體教學系統教師可以進行教學廣播、教學監控、教學文件的發送與收取等一系列的教學管理工作，學生也可以通過該系統向教師提問、提交作業等等，該系統能夠實現教師與學生之間、學生與學生之間的任意交流，通過使用該系統來輔助項目驅動教學模式的整個實施過程。

其次，教師在課前要設計好一個大的項目案例，比如介紹本學校的校園綜合網站、網上商城網站等等，在第一節課上向學生展示這些網站，并詳細介紹網站包括的各種功能，引起學生的注意，激發起學生的學習興趣，該項目要覆蓋Dreamweaver網頁設計課程的全部知識點內容，然后再向學生介紹該大項目將劃分為哪些小的項目，完成各小項目需要Dreamweaver網頁設計課程的具體知識點，以便使學生對本課程的整個知識體系有個完整的認識，并感受到該門課程的價值所在，接下來每章節的教學都要圍繞這個大項目開展，以此大項目作為教學的任務驅動，用完成的具體小項目來推動大項目的完成，使整個教學環環相扣、生動有趣，以下是結合各章教學內容給出的幾個典型小項目：

項目一：創建一個名為“校園網站”的本地站點，使學生掌握本地站點的創建過程以及規劃站點結構的方法。

項目二：創建“校園網站”的主頁，使學生掌握網頁創建方法、使用表格來進行網頁布局的方法、文本的編輯、CSS樣式、表單、圖文混排、層和時間軸等知識的應用。

項目三：創建“校園網站”的各鏈接頁，使學生掌握超鏈接方法、框架頁等知識的綜合運用。

項目四：將本地的“校園網站”站點上傳到 Internet服務器上，使學生掌握定義遠程服務器、測試本地站點、站點上傳方法。

5　結語

實踐證明，將項目驅動教學模式應用到Dreamweaver網頁設計課程中是非常有效的，學生可以在真實的項目情境中自主學習，使學生能夠很容易地掌握相關知識以及各項操作技能，提高了學生的學習效率，充分調動了學生的學習積極性與教師的主導作用，同時也使學生分析解決處理實際問題的能力大大增強，收到了非常好的教學效果。

主要參考文獻

［1］劉蕊.項目驅動教學模式在《網頁設計》課程中的應用［J］.現代計算機，2012（7）：28－29.

［2］王雅婷，吳慧林.基于項目驅動的《網頁設計與制作》一體化教學模式應用研究［J］.科技信息，2012（19）：167－182.

10.3969/j.issn.1673-0194.2016.17.126

G642

A

1673-0194（2016）17-0220-02

2016-07-26步驟，學生也只是按照要求一步一步地驗證，只知其然，不知其所以然，并且教材上的實驗主要結合各章所學知識點安排的，學生所學知識和技能都比較零散，會使學生覺得各章的實驗內容互不相關，不能形成全局觀念，對所學課程缺乏整體認識，學習完一學期的課程，最后在課程的整周實訓時，學生也不能綜合應用所學知識來獨立開發一個綜合網站項目，達不到該課程預期的教學效果，也不利于學生實際應用能力的提高及職業技能的培養，學生畢業后也很難適應相應工作崗位的需要。