項(xiàng)目驅(qū)動(dòng)教學(xué)模式在Dreamweaver網(wǎng)頁設(shè)計(jì)課程教學(xué)中的應(yīng)用

張麗君（錦州醫(yī)科大學(xué) 計(jì)算機(jī)教研室，遼寧 錦州 121000）

項(xiàng)目驅(qū)動(dòng)教學(xué)模式在Dreamweaver網(wǎng)頁設(shè)計(jì)課程教學(xué)中的應(yīng)用

張麗君
（錦州醫(yī)科大學(xué) 計(jì)算機(jī)教研室，遼寧 錦州 121000）

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

項(xiàng)目驅(qū)動(dòng)教學(xué)模式；Dreamweaver網(wǎng)頁設(shè)計(jì)；教學(xué)；應(yīng)用

1　前言

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

2　目前Dreamweaver網(wǎng)頁設(shè)計(jì)課程教學(xué)存在問題分析

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

3　項(xiàng)目驅(qū)動(dòng)教學(xué)模式簡(jiǎn)介

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

4　項(xiàng)目驅(qū)動(dòng)教學(xué)模式在Dreamweaver網(wǎng)頁設(shè)計(jì)教學(xué)中的實(shí)施過程

4.1Dreamweaver網(wǎng)頁設(shè)計(jì)課程教學(xué)內(nèi)容介紹

第一章初識(shí)Dreamweaver，主要包括網(wǎng)頁制作的基本知識(shí)、Dreamweaver軟件的操作環(huán)境等內(nèi)容。

第二章構(gòu)建網(wǎng)站的準(zhǔn)備工作，主要包括創(chuàng)建站點(diǎn)、規(guī)劃和搭建站點(diǎn)結(jié)構(gòu)等內(nèi)容。

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

第四章設(shè)置頁面的整體屬性，主要包括網(wǎng)頁頭部的設(shè)置、網(wǎng)頁的整體設(shè)置等內(nèi)容。

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

第六章插入表單元素，主要包括可插入的表單對(duì)象、制作表單頁面等內(nèi)容。

第七章制作超級(jí)鏈接，主要包括超級(jí)鏈接的制作、可移動(dòng)到指定位置的錨點(diǎn)、可跳轉(zhuǎn)的圖像映射等內(nèi)容。

第八章使用表格排版，主要包括插入及編輯表格、表格的格式化、排序表格、表格數(shù)據(jù)的導(dǎo)入導(dǎo)出、使用表格的其他視圖、使用表格排版網(wǎng)頁等內(nèi)容。

第九章CSS的網(wǎng)頁應(yīng)用，主要包括介紹什么是CSS，如何使用CSS美化頁面和設(shè)計(jì)更豐富的CSS樣式等內(nèi)容。

第十章模板和庫。

第十一章制作框架網(wǎng)頁，主要包括創(chuàng)建基本框架網(wǎng)站、使用浮動(dòng)框架制作頁面等內(nèi)容。

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

第十三章層和時(shí)間軸，主要包括圖層、利用圖層排版網(wǎng)頁、使用時(shí)間軸制作動(dòng)畫等內(nèi)容。

第十四章使用擴(kuò)展插件，主要包括擴(kuò)展插件和擴(kuò)展管理器、自動(dòng)安裝擴(kuò)展插件、手動(dòng)安裝擴(kuò)展插件等內(nèi)容。

第十五章 站點(diǎn)上傳與維護(hù)，主要包括定義遠(yuǎn)程服務(wù)器、測(cè)試本地站點(diǎn)、站點(diǎn)上傳、使用遮蓋等內(nèi)容。

4.2項(xiàng)目驅(qū)動(dòng)教學(xué)模式在Dreamweaver網(wǎng)頁設(shè)計(jì)課程教學(xué)中的實(shí)施過程

采用項(xiàng)目驅(qū)動(dòng)教學(xué)模式教學(xué)，首先要打破傳統(tǒng)的先課堂理論教學(xué)，后上機(jī)實(shí)踐的教學(xué)形式，而不再區(qū)分理論課和上機(jī)實(shí)踐課，將全部課程統(tǒng)一安排在計(jì)算機(jī)教室授課，并在每臺(tái)電腦上都安裝多媒體教學(xué)系統(tǒng)（比如：極域電子教室、凌波電子教室等），利用該多媒體教學(xué)系統(tǒng)教師可以進(jìn)行教學(xué)廣播、教學(xué)監(jiān)控、教學(xué)文件的發(fā)送與收取等一系列的教學(xué)管理工作，學(xué)生也可以通過該系統(tǒng)向教師提問、提交作業(yè)等等，該系統(tǒng)能夠?qū)崿F(xiàn)教師與學(xué)生之間、學(xué)生與學(xué)生之間的任意交流，通過使用該系統(tǒng)來輔助項(xiàng)目驅(qū)動(dòng)教學(xué)模式的整個(gè)實(shí)施過程。

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

項(xiàng)目一：創(chuàng)建一個(gè)名為“校園網(wǎng)站”的本地站點(diǎn)，使學(xué)生掌握本地站點(diǎn)的創(chuàng)建過程以及規(guī)劃站點(diǎn)結(jié)構(gòu)的方法。

項(xiàng)目二：創(chuàng)建“校園網(wǎng)站”的主頁，使學(xué)生掌握網(wǎng)頁創(chuàng)建方法、使用表格來進(jìn)行網(wǎng)頁布局的方法、文本的編輯、CSS樣式、表單、圖文混排、層和時(shí)間軸等知識(shí)的應(yīng)用。

項(xiàng)目三：創(chuàng)建“校園網(wǎng)站”的各鏈接頁，使學(xué)生掌握超鏈接方法、框架頁等知識(shí)的綜合運(yùn)用。

項(xiàng)目四：將本地的“校園網(wǎng)站”站點(diǎn)上傳到 Internet服務(wù)器上，使學(xué)生掌握定義遠(yuǎn)程服務(wù)器、測(cè)試本地站點(diǎn)、站點(diǎn)上傳方法。

5　結(jié)語

實(shí)踐證明，將項(xiàng)目驅(qū)動(dòng)教學(xué)模式應(yīng)用到Dreamweaver網(wǎng)頁設(shè)計(jì)課程中是非常有效的，學(xué)生可以在真實(shí)的項(xiàng)目情境中自主學(xué)習(xí)，使學(xué)生能夠很容易地掌握相關(guān)知識(shí)以及各項(xiàng)操作技能，提高了學(xué)生的學(xué)習(xí)效率，充分調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性與教師的主導(dǎo)作用，同時(shí)也使學(xué)生分析解決處理實(shí)際問題的能力大大增強(qiáng)，收到了非常好的教學(xué)效果。

主要參考文獻(xiàn)

［1］劉蕊.項(xiàng)目驅(qū)動(dòng)教學(xué)模式在《網(wǎng)頁設(shè)計(jì)》課程中的應(yīng)用［J］.現(xiàn)代計(jì)算機(jī)，2012（7）：28－29.

［2］王雅婷，吳慧林.基于項(xiàng)目驅(qū)動(dòng)的《網(wǎng)頁設(shè)計(jì)與制作》一體化教學(xué)模式應(yīng)用研究［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步驟，學(xué)生也只是按照要求一步一步地驗(yàn)證，只知其然，不知其所以然，并且教材上的實(shí)驗(yàn)主要結(jié)合各章所學(xué)知識(shí)點(diǎn)安排的，學(xué)生所學(xué)知識(shí)和技能都比較零散，會(huì)使學(xué)生覺得各章的實(shí)驗(yàn)內(nèi)容互不相關(guān)，不能形成全局觀念，對(duì)所學(xué)課程缺乏整體認(rèn)識(shí)，學(xué)習(xí)完一學(xué)期的課程，最后在課程的整周實(shí)訓(xùn)時(shí)，學(xué)生也不能綜合應(yīng)用所學(xué)知識(shí)來獨(dú)立開發(fā)一個(gè)綜合網(wǎng)站項(xiàng)目，達(dá)不到該課程預(yù)期的教學(xué)效果，也不利于學(xué)生實(shí)際應(yīng)用能力的提高及職業(yè)技能的培養(yǎng)，學(xué)生畢業(yè)后也很難適應(yīng)相應(yīng)工作崗位的需要。