劉倩倩

一、把握教材內(nèi)容

《Dreamweaver CS5網(wǎng)頁(yè)制作案例教程》的主要內(nèi)容有以下十點(diǎn)：

1.學(xué)習(xí)與網(wǎng)頁(yè)制作相關(guān)的基礎(chǔ)知識(shí)。

2.學(xué)習(xí)使用表格布局網(wǎng)頁(yè)的方法。

3.學(xué)習(xí)設(shè)置網(wǎng)頁(yè)文本、圖像和動(dòng)畫(huà)等內(nèi)容的操作。

4.學(xué)習(xí)超鏈接和行為在網(wǎng)頁(yè)制作中的應(yīng)用。

5.學(xué)習(xí)CSS樣式表的創(chuàng)建與應(yīng)用。

6.學(xué)習(xí)應(yīng)用Div+CSS布局網(wǎng)頁(yè)的方法。

7.學(xué)習(xí)應(yīng)用框架布局網(wǎng)頁(yè)的方法。

8.學(xué)習(xí)應(yīng)用模板與庫(kù)項(xiàng)目提高網(wǎng)頁(yè)制作效率的方法。

9.學(xué)習(xí)使用Dreamweaver制作動(dòng)態(tài)網(wǎng)頁(yè)的方法 ，包括安裝和配置IIS、配置動(dòng)態(tài)站點(diǎn)、應(yīng)用表單和表單對(duì)象等內(nèi)容。

10.學(xué)習(xí)測(cè)試和發(fā)布網(wǎng)站的方法。

了解 Dreamweaver CS5的整體內(nèi)容后，教師需在頭腦中形成一定的框架和認(rèn)知，對(duì)其進(jìn)行重組和安排，甚至講課的時(shí)候可以適當(dāng)?shù)恼{(diào)整教材順序。針對(duì)Dreamweaver CS5，第一課的主要內(nèi)容就是在學(xué)生整體把握內(nèi)容的基礎(chǔ)上，分析在以后的課程中如何學(xué)習(xí)這門(mén)課以及學(xué)完后應(yīng)達(dá)到的水平，僅使學(xué)生對(duì)本課程有所了解，同時(shí)也激發(fā)了他們的學(xué)習(xí)熱情。

二、明確教學(xué)目標(biāo)

在教學(xué)過(guò)程中，每節(jié)課的目標(biāo)都是通過(guò)任務(wù)來(lái)實(shí)現(xiàn)的，而Dreamweaver CS5第一節(jié)課的教學(xué)目標(biāo)就是：學(xué)習(xí)與網(wǎng)頁(yè)制作相關(guān)的基礎(chǔ)知識(shí)，如網(wǎng)頁(yè)的構(gòu)成元素、網(wǎng)頁(yè)的本質(zhì)、動(dòng)態(tài)網(wǎng)頁(yè)和靜態(tài)網(wǎng)頁(yè)、網(wǎng)站制作流程，以及Dreamweaver CS5的基本操作等。另外，激發(fā)學(xué)生的求知欲望也是一大目標(biāo)。

三、分析學(xué)生特點(diǎn)

1.思維活躍敏捷，興趣廣泛；

2.年齡比較小，知識(shí)儲(chǔ)備不足，學(xué)習(xí)能力較弱；

3.對(duì)理論知識(shí)的理解能力差，需要大量的實(shí)踐操作來(lái)彌補(bǔ)；

四、教師提出自身要求

Dreamweaver CS5版本比較新，作為教師，必須仔細(xì)研讀教材，尤其是對(duì)新功能、新知識(shí)的理解和應(yīng)用，然后根據(jù)學(xué)生的特點(diǎn)，提前做準(zhǔn)備和制定相應(yīng)的計(jì)劃。由于筆者曾經(jīng)從事過(guò)制作網(wǎng)站的相關(guān)工作，對(duì)網(wǎng)站的制作流程有所了解，因此我把這一內(nèi)容放在第一課來(lái)講，使學(xué)生能從整體上認(rèn)識(shí)這個(gè)工作以及對(duì)應(yīng)的職位，幫助他們決定將來(lái)的職業(yè)取向。同時(shí)也為以后的教學(xué)做了鋪墊。在這里，筆者制定的相應(yīng)計(jì)劃就是用任務(wù)驅(qū)動(dòng)法進(jìn)行每節(jié)課的學(xué)習(xí)。每節(jié)課我都安排了一個(gè)小案例，讓學(xué)生實(shí)際來(lái)操作，并且中間還穿插了提問(wèn)的方式使學(xué)生反思，同時(shí)給每個(gè)小組一個(gè)計(jì)分表，對(duì)積極回答的小組給與相應(yīng)的積分，這樣既激發(fā)了學(xué)生的求知欲望，也開(kāi)拓了學(xué)生的邏輯思維能力。

五、教學(xué)過(guò)程和內(nèi)容

1.認(rèn)識(shí)網(wǎng)頁(yè)和網(wǎng)站

我給學(xué)生列舉了大量的網(wǎng)站，讓大家分組討論對(duì)網(wǎng)頁(yè)和網(wǎng)站的認(rèn)識(shí)，大家紛紛積極回答，有的說(shuō)：“百度就是一個(gè)網(wǎng)站”有的說(shuō)：“新浪、騰訊網(wǎng)”“上網(wǎng)時(shí)瀏覽的就是網(wǎng)頁(yè)”我又提問(wèn)到：“可以說(shuō)說(shuō)他們之間的關(guān)系嗎？”大家都說(shuō)：“網(wǎng)站里有網(wǎng)頁(yè)”我很高興的說(shuō)：“大家回答的非常棒，那么老師給大家總結(jié)一下：網(wǎng)頁(yè)就是我們上網(wǎng)時(shí)在瀏覽器中打開(kāi)的一個(gè)個(gè)畫(huà)面，網(wǎng)站則是一組相關(guān)網(wǎng)頁(yè)的集合。一個(gè)小型網(wǎng)站可能只包含幾個(gè)網(wǎng)頁(yè)，而一個(gè)大型網(wǎng)站則可能包含成千上萬(wàn)個(gè)網(wǎng)頁(yè)。”這時(shí)，大家也都點(diǎn)點(diǎn)頭，接收到學(xué)生的反饋信息，教師很自然的進(jìn)入下一個(gè)教學(xué)內(nèi)容。

2.講解網(wǎng)頁(yè)的構(gòu)成元素

在講解這一節(jié)的時(shí)候，我給學(xué)生展示了具有代表性的網(wǎng)站首頁(yè)，同時(shí)提出問(wèn)題：“網(wǎng)頁(yè)中包括哪幾種素材呢？”學(xué)生很容易的說(shuō)出：“網(wǎng)頁(yè)上有圖片、字、按鈕、視頻……”我緊接著打開(kāi)課件，給他們一個(gè)更加直觀的感覺(jué)。

3.網(wǎng)頁(yè)的本質(zhì)

講解網(wǎng)頁(yè)的本質(zhì)時(shí)，我先給學(xué)生呈現(xiàn)了新浪網(wǎng)的網(wǎng)站的文件及其與構(gòu)成元素的關(guān)系圖。對(duì)圖做了詳細(xì)講解后，大家都不難理解網(wǎng)頁(yè)中除了包含網(wǎng)頁(yè)文件（擴(kuò)展名為.html.asp等）外，還有圖像文件（擴(kuò)展名為.jpg.gif等）、Flash動(dòng)畫(huà)文件（擴(kuò)展名為.swf）、腳本文件（擴(kuò)展名為.js）、樣式文件（擴(kuò)展名為.css）以及視頻文件（擴(kuò)展名為.avi.flv等）等。

4.網(wǎng)站的制作流程

對(duì)于網(wǎng)站的制作流程，我主要用主講的方式，結(jié)合我的實(shí)際經(jīng)歷，給學(xué)生講解了網(wǎng)站制作的每一步，同時(shí)配課件進(jìn)行講解：其中在講解構(gòu)思草圖→美工設(shè)計(jì)→圖形制作是對(duì)網(wǎng)站的最初構(gòu)思過(guò)程），我都用實(shí)際的例子來(lái)展示，使學(xué)生能直觀的感受網(wǎng)站的真正制作過(guò)程，同時(shí)消除學(xué)生對(duì)Dreamweaver CS5的陌生感。

六、評(píng)價(jià)實(shí)施效果

我對(duì)這門(mén)課的評(píng)價(jià)手段除了看學(xué)生的反應(yīng)程度，更多的還是關(guān)注學(xué)生解決問(wèn)題的能力，比如，在做課上的小任務(wù)中，看學(xué)生能否發(fā)現(xiàn)問(wèn)題、分析問(wèn)題以及解決問(wèn)題。為了激發(fā)他們的探索熱情，我會(huì)用積分，獎(jiǎng)勵(lì)的方式來(lái)鼓勵(lì)他們思考，另外再結(jié)合課后習(xí)題，綜合評(píng)價(jià)這節(jié)課的效果。

七、反思

Dreamweaver CS5第一節(jié)課的內(nèi)容相對(duì)比較簡(jiǎn)單，我用直觀教學(xué)法確實(shí)取得了不錯(cuò)的效果，學(xué)生也能積極回答每一個(gè)問(wèn)題，而且整節(jié)課大家都非常的活躍。但是同時(shí)也存在不足，比如學(xué)生可能只是為了獲得更多的積分才積極思考，這在一定程度上說(shuō)明了學(xué)生的自主學(xué)習(xí)還是有些被動(dòng)，教師如何能順其自然的引導(dǎo)學(xué)生來(lái)思考，巧妙的鼓勵(lì)學(xué)生，這些能力都將是教師必備的能力。