簡析專案驅動教學模式在Dreamweaver 網頁設計課程教學中的應用論文
1 前言
隨著網際網路的迅速發展， 人們對網路的依賴越來越強烈，為了更好地宣傳和交流，許多企事業單位及個人都建立了自己的網站，網頁作為資訊傳播的載體也顯得非常重要，網頁製作已經成為當今社會的一門熱門技術。目前各大高校針對計算機專業及非計算機專業學生均開設了該門課程，該課程的教學目標是使學生掌握網站架構的建立設計方法、網頁製作的實踐操作技能，增強學生使用工具解決實際問題的能力，培養學生具有正確的設計理念和創新思維方法以及團隊合作精神。該課程的實踐性、技能性很強，它對學生計算機應用能力的提升起著非常重要的作用，那麼如何採用有效的教學模式來提高學生的網頁製作能力，取得最好的教學效果，是所有任課教師都在追尋的課題。專案驅動教學模式近幾年被許多課程採用，教學效果顯著， 本文將就專案驅動教學模式在Dreamweaver 網頁設計課程教學中的應用進行詳細探索。
2 目前Dreamweaver 網頁設計課程教學存在問題分析
目前Dreamweaver 網頁設計課程普遍採用傳統的教學模式，即先課堂理論教學，然後再上機實踐的教學形式。在理論課上，教師在多媒體教室進行理論內容講解、演示操作步驟，學生看大螢幕，這種教學模式學生只是欣賞式地學習，雖然看到了教師製作每個網頁的詳細操作過程，但並沒有記住完成的具體步驟，課後遺忘率高，而且學生都在被動地接受所學知識，學生上課注意力不集中、打瞌睡現象非常嚴重，課堂上教師一言堂，教師與學生之間互動交流的時間很少，教師根本不能及時掌握每位學生對所學內容的理解程度。在實驗課上，學生主要是將教師在理論課上所講的內容進行模仿操作，但通常理論課與實驗課的時間安排距離較久，很多學生早已經忘記了具體操作步驟及操作過程，上實驗時不知從何入手。其次學生還要完成實驗教材的固定實驗內容，這些實驗在教材上雖然有詳細的操作步驟，學生也只是按照要求一步一步地驗證，只知其然，不知其所以然， 並且教材上的實驗主要結合各章所學知識點安排的，學生所學知識和技能都比較零散，會使學生覺得各章的實驗內容互不相關，不能形成全域性觀念，對所學課程缺乏整體認識，學習完一學期的課程，最後在課程的整週實訓時，學生也不能綜合應用所學知識來獨立開發一個綜合網站專案，達不到該課程預期的教學效果，也不利於學生實際應用能力的提高及職業技能的培養，學生畢業後也很難適應相應工作崗位的需要。
3 專案驅動教學模式簡介
專案驅動教學模式的整個教學過程都要以學生為中心，教師只是教學的指導者和組織者，教師在課前要設計出若干個具體的專案方案， 課上教師要與學生配合來共同完成這些專案，並將Dreamweaver 網頁設計的知識點融入到完成專案的各個環節中去，層層推進專案，在完成具體專案時，學生還要根據專案的需求蒐集素材資料，並充分發揮自已的創造性和想象性來完成各個專案，並隨著問題的深化或功能的擴充，教師還要把教學內容逐漸拓寬深度和廣度，直至完成複雜完整的大專案。另外教師還要做好學生的組織工作， 將學生分成不同的學習小組，讓全班學生都積極參與到專案的設計完成中去，並管理監控好每個專案的完成情況， 對出現的問題及時給予指導幫助。該教學模式創造了真實的任務情境及自主學習環境，能夠調動學生學習的積極性和主動性，提高學習興趣，既能讓學生學習到有用的知識，又能培養動手實踐能力及探索創新精神，教學效果非常顯著。
4 專案驅動教學模式在Dreamweaver 網頁設計教學中的實施過程
4.1 Dreamweaver 網頁設計課程教學內容介紹
第一章初識Dreamweaver，主要包括網頁製作的基本知識、Dreamweaver 軟體的操作環境等內容。
第二章構建網站的準備工作，主要包括建立站點、規劃和搭建站點結構等內容。
第三章HTML 程式碼控制， 主要包括HTML 語言、編輯HTML 程式碼、最佳化HTML 程式碼、查詢與替換、使用Dreamweaver手工編寫程式碼等內容。
第四章設定頁面的整體屬性，主要包括網頁頭部的設定、網頁的整體設定等內容。
第五章建立圖文混排頁面， 主要包括輸入文字及文字設定、插入其他文字元素、檢查拼寫、插入影象及其他影象元素、外部影象編輯器、插入FLASH、聲音和影片等內容。
第六章插入表單元素，主要包括可插入的表單物件、製作表單頁面等內容。
第七章製作超級連結，主要包括超級連結的製作、可移動到指定位置的錨點、可跳轉的影象對映等內容。
第八章使用表格排版，主要包括插入及編輯表格、表格的格式化、排序表格、表格資料的匯入匯出、使用表格的'其他檢視、使用表格排版網頁等內容。
第九章CSS 的網頁應用，主要包括介紹什麼是CSS，如何使用CSS 美化頁面和設計更豐富的CSS 樣式等內容。
第十章模板和庫。
第十一章製作框架網頁，主要包括建立基本框架網站、使用浮動框架製作頁面等內容。
第十二章使用行為製作特效，主要包括行為的概念、新增和編輯行為、常見行為的使用等內容。第十三章層和時間軸， 主要包括圖層、利用圖層排版網頁、使用時間軸製作動畫等內容。
第十四章使用擴充套件外掛， 主要包括擴充套件外掛和擴充套件管理器、自動安裝擴充套件外掛、手動安裝擴充套件外掛等內容。
第十五章站點上傳與維護，主要包括定義遠端伺服器、測試本地站點、站點上傳、使用遮蓋等內容。
4.2 專案驅動教學模式在Dreamweaver 網頁設計課程教學中的實施過程
採用專案驅動教學模式教學，首先要打破傳統的先課堂理論教學，後上機實踐的教學形式，而不再區分理論課和上機實踐課，將全部課程統一安排在計算機教室授課，並在每臺電腦上都安裝多媒體教學系統(比如：極域電子教室、凌波電子教室等)， 利用該多媒體教學系統教師可以進行教學廣播、教學監控、教學檔案的傳送與收取等一系列的教學管理工作，學生也可以透過該系統向教師提問、提交作業等等，該系統能夠實現教師與學生之間、學生與學生之間的任意交流，透過使用該系統來輔助專案驅動教學模式的整個實施過程。
其次，教師在課前要設計好一個大的專案案例，比如介紹本學校的校園綜合網站、網上商城網站等等，在第一節課上向學生展示這些網站，並詳細介紹網站包括的各種功能，引起學生的注意，激發起學生的學習興趣，該專案要覆蓋Dreamweaver網頁設計課程的全部知識點內容，然後再向學生介紹該大專案將劃分為哪些小的專案， 完成各小專案需要Dreamweaver 網頁設計課程的具體知識點，以便使學生對本課程的整個知識體系有個完整的認識，並感受到該門課程的價值所在，接下來每章節的教學都要圍繞這個大專案開展，以此大專案作為教學的任務驅動，用完成的具體小專案來推動大專案的完成，使整個教學環環相扣、生動有趣，以下是結合各章教學內容給出的幾個典型小專案：
專案一：建立一個名為“校園網站”的本地站點，使學生掌握本地站點的建立過程以及規劃站點結構的方法。
專案二：建立“校園網站”的主頁，使學生掌握網頁建立方法、使用表格來進行網頁佈局的方法、文字的編輯、CSS 樣式、表單、圖文混排、層和時間軸等知識的應用。
專案三：建立“校園網站”的各連結頁，使學生掌握超連結方法、框架頁等知識的綜合運用。
專案四：將本地的“校園網站”站點上傳到Internet 伺服器上，使學生掌握定義遠端伺服器、測試本地站點、站點上傳方法。
5 結語
實踐證明， 將專案驅動教學模式應用到Dreamweaver 網頁設計課程中是非常有效的，學生可以在真實的專案情境中自主學習， 使學生能夠很容易地掌握相關知識以及各項操作技能，提高了學生的學習效率，充分調動了學生的學習積極性與教師的主導作用，同時也使學生分析解決處理實際問題的能力大大增強，收到了非常好的教學效果。