李春艷　石秋香

摘 要：概念圖是以圖的形式來(lái)呈現(xiàn)思考的過(guò)程或者知識(shí)的關(guān)聯(lián)。本文分析了概念圖應(yīng)用于《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)中的原因，介紹了概念圖的繪制過(guò)程以及概念圖在《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)中的具體應(yīng)用。

關(guān)鍵詞：概念圖；教學(xué)

目前，我國(guó)多數(shù)院校的教育技術(shù)學(xué)專業(yè)、計(jì)算機(jī)相關(guān)專業(yè)都開(kāi)設(shè)動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)類的課程?！秳?dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》是我院教育技術(shù)學(xué)專業(yè)學(xué)生的一門必修課程，本課程的主要任務(wù)是培養(yǎng)學(xué)生利用ASP技術(shù)開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的能力。針對(duì)前幾輪教學(xué)中存在的問(wèn)題，筆者嘗試用概念圖進(jìn)行教學(xué)，取得了良好的教學(xué)效果，希望能對(duì)其他同仁起到拋磚引玉的作用。

1 概念圖應(yīng)用《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)的原因分析

1.概念圖簡(jiǎn)介

概念圖是盛行于歐美國(guó)家的一種教學(xué)策略，它以直觀形象的方式表達(dá)知識(shí)結(jié)構(gòu)，能有效呈現(xiàn)思考的過(guò)程及知識(shí)的關(guān)聯(lián)，引導(dǎo)學(xué)生進(jìn)行意義建構(gòu)。[1]概念圖是由3 部分組成：節(jié)點(diǎn)、連線、連接語(yǔ)詞。節(jié)點(diǎn)表示概念；連線表示兩個(gè)概念之間的意義聯(lián)系，并用箭頭符號(hào)指示方向；連接語(yǔ)詞是用來(lái)標(biāo)注連線的，描述兩個(gè)概念間的關(guān)系。[2]目前使用較廣的概念圖工具是Inspiration，它簡(jiǎn)單易用，教師可以在較短的時(shí)間內(nèi)教會(huì)學(xué)生如何使用。

2.《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)存在的問(wèn)題

《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)內(nèi)容主要包括ASP編程的基礎(chǔ)知識(shí)和實(shí)例。本課程的主要教學(xué)目標(biāo)是讓學(xué)生在掌握基礎(chǔ)知識(shí)的基礎(chǔ)上，能夠設(shè)計(jì)和制作交互式的動(dòng)態(tài)網(wǎng)站。因此，實(shí)例教學(xué)具有重要的意義，它不但能夠讓學(xué)生鞏固以前所學(xué)的基礎(chǔ)知識(shí)，還能夠使學(xué)生掌握交互式的動(dòng)態(tài)網(wǎng)站創(chuàng)建的過(guò)程，培養(yǎng)學(xué)生解決實(shí)際問(wèn)題的能力，以及探索和創(chuàng)新能力。

交互式的動(dòng)態(tài)網(wǎng)站創(chuàng)建必然會(huì)涉及到每個(gè)網(wǎng)頁(yè)的設(shè)計(jì)、網(wǎng)頁(yè)之間鏈接的設(shè)計(jì)以及網(wǎng)頁(yè)之間傳遞參數(shù)的確定，這就說(shuō)明具體的實(shí)例教學(xué)內(nèi)容比較復(fù)雜、邏輯性比較強(qiáng)，這為教師的教和學(xué)生的學(xué)都帶來(lái)了一定困難。在前幾輪的教學(xué)中，筆者發(fā)現(xiàn)學(xué)生對(duì)如何實(shí)現(xiàn)某一功能的代碼不成問(wèn)題，也就是單個(gè)頁(yè)面的編寫對(duì)學(xué)生來(lái)說(shuō)比較容易；但是學(xué)生弄不清各個(gè)頁(yè)面之間的聯(lián)系以及頁(yè)面間需要傳遞的參數(shù)，不懂網(wǎng)站中的網(wǎng)頁(yè)是如何聯(lián)系起來(lái)的。

3.概念圖應(yīng)用于《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)的優(yōu)勢(shì)

人的大腦有一種特點(diǎn)，容易記住直觀的東西，內(nèi)容一多就會(huì)迷失在繁雜的信息中。但是，如果把自己的想法用概念圖的形式畫下來(lái)，想法就會(huì)躍然紙上，思路也會(huì)變得更加清晰。因此可以把概念圖應(yīng)用到動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中。

在動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的概念圖中，網(wǎng)頁(yè)就是一個(gè)節(jié)點(diǎn)，可以用箭頭表示兩個(gè)網(wǎng)頁(yè)之間的關(guān)系，箭頭的方向決定了網(wǎng)頁(yè)之間鏈接的方向，兩個(gè)網(wǎng)頁(yè)之間的連接語(yǔ)詞描述了網(wǎng)頁(yè)之間的鏈接關(guān)系以及需要傳遞的參數(shù)。概念圖應(yīng)用于教學(xué)中可以幫助學(xué)生認(rèn)清網(wǎng)頁(yè)之間的聯(lián)系及參數(shù)傳遞，引導(dǎo)思維的走向，對(duì)編程學(xué)習(xí)起著促進(jìn)作用。

2 動(dòng)態(tài)網(wǎng)頁(yè)概念圖的繪制

在教學(xué)中，筆者使用Inspiration教學(xué)軟件進(jìn)行概念圖的繪制。概念圖的制作沒(méi)有嚴(yán)格的程序規(guī)范，但是要學(xué)習(xí)制作一個(gè)好的概念圖，一般可以通過(guò)以下幾個(gè)步驟來(lái)實(shí)現(xiàn)：

（1）繪制主頁(yè)面結(jié)點(diǎn)，在主結(jié)點(diǎn)的方框或圓圈中，寫下主頁(yè)面的文件名和主要功能，用“注釋”標(biāo)記寫入如何實(shí)現(xiàn)這一具體功能。

（2）繪制從主頁(yè)面可以鏈接到的其他二級(jí)頁(yè)面結(jié)點(diǎn)，方框或圓圈中可以寫文件名和主要的功能，用“注釋”標(biāo)記寫入如何實(shí)現(xiàn)這一具體功能，以方便具體代碼的編寫。

（3）連線及連接詞的繪制：在連接線上寫上合適的連結(jié)詞。連結(jié)詞必須清晰表達(dá)兩個(gè)頁(yè)面是如何實(shí)現(xiàn)鏈接的（例如按鈕、熱文字）以及會(huì)傳遞什么參數(shù)。

（4）依次建立下級(jí)頁(yè)面及頁(yè)面間的聯(lián)系。

3 概念圖在《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)中的應(yīng)用

1.借助概念圖，有利于教師的教和學(xué)生的學(xué)

教師在課前畫概念圖的過(guò)程，相當(dāng)于一個(gè)備課的過(guò)程，通過(guò)畫概念圖，教師可以非常清晰地了解到一節(jié)課的教學(xué)內(nèi)容、各個(gè)環(huán)節(jié)之間的關(guān)系、在教學(xué)中應(yīng)該考慮什么問(wèn)題等。具體的課堂教學(xué)過(guò)程中，概念圖的應(yīng)用有兩種方式：

（1）教師應(yīng)用做好的概念圖進(jìn)行講解

交互網(wǎng)站設(shè)計(jì)的教學(xué)常常從主頁(yè)面開(kāi)始，然后逐層講解各頁(yè)面。因?yàn)镮nspiration具有折疊隱藏功能，這樣教師在課堂中就可以使用備課時(shí)做出的概念圖。隨著教師講課進(jìn)度的推進(jìn)，逐漸顯示各個(gè)頁(yè)面，這樣可以使教師的講課更加條理清晰，通過(guò)網(wǎng)頁(yè)的一層層展開(kāi)，同學(xué)們的思維也會(huì)漸漸的清晰。Inspiration 中“注釋”框的設(shè)計(jì)，類似于教學(xué)小黑板的功用。 “注釋”框輕捷靈活，既不限多少塊，又可隨時(shí)折疊收藏，因此在具體講解某個(gè)頁(yè)面的時(shí)候，教師就可以把“注釋”框展開(kāi)，和同學(xué)們?cè)敿?xì)分析此頁(yè)面需要那些功能以及如何實(shí)現(xiàn)。Inspiration還具有超鏈接的功能，教師在講課的時(shí)候可以使用此功能鏈接到具體的網(wǎng)頁(yè)源代碼，這樣就節(jié)省了時(shí)間。

（2）教師和學(xué)生共同繪制概念圖

Inspiration專為教學(xué)而設(shè)計(jì)，大量符號(hào)直接放在桌面上，隨手取用，十分方便。因此教師可以在教學(xué)的過(guò)程中和學(xué)生共同繪制交互網(wǎng)站的概念圖。

在教學(xué)過(guò)程中，教師可以，一邊講授一邊繪畫，使學(xué)生非常清楚地看到整個(gè)繪畫過(guò)程。這一過(guò)程，一方面可以使學(xué)生了解網(wǎng)頁(yè)之間是如何建立聯(lián)系和傳遞參數(shù)的；另一方面也可以讓學(xué)生感受到教師是如何利用概念圖對(duì)交互網(wǎng)站進(jìn)行設(shè)計(jì)的。教師也可讓學(xué)生來(lái)繪制概念圖，這樣不但增加了互動(dòng)，激發(fā)了學(xué)生的學(xué)習(xí)興趣，促使學(xué)生積極思考，加強(qiáng)對(duì)網(wǎng)頁(yè)關(guān)系的理解，同時(shí)也增強(qiáng)了他們的成就感。

實(shí)踐表明，概念圖以簡(jiǎn)潔明了的圖形形式表現(xiàn)復(fù)雜的網(wǎng)頁(yè)結(jié)構(gòu)，形象地呈現(xiàn)各網(wǎng)頁(yè)之間的聯(lián)系，包括網(wǎng)頁(yè)之間鏈接的關(guān)系以及傳遞的參數(shù)，從而提高了學(xué)習(xí)者對(duì)動(dòng)態(tài)互網(wǎng)站構(gòu)建的理解。

2.借助概念圖，有助于學(xué)生網(wǎng)站設(shè)計(jì)能力的提高

學(xué)生通過(guò)自己繪制交互網(wǎng)站概念圖，學(xué)習(xí)者能深刻領(lǐng)會(huì)網(wǎng)頁(yè)之間的相互關(guān)系，了解自己知識(shí)以及設(shè)計(jì)能力方面的不足，及時(shí)進(jìn)行調(diào)整和補(bǔ)救。利用概念圖，學(xué)習(xí)者之間還可以相互學(xué)習(xí)交流，是網(wǎng)站設(shè)計(jì)能力提高的有效方法和策略。教師通過(guò)概念圖可以獲得關(guān)于學(xué)生網(wǎng)站設(shè)計(jì)掌握情況的大量信息，很快發(fā)現(xiàn)學(xué)生對(duì)網(wǎng)頁(yè)之間聯(lián)系的理解程度和在理解過(guò)程中存在的錯(cuò)誤，從而更有針對(duì)性地進(jìn)行教學(xué)。實(shí)踐證明，概念圖不僅可以激發(fā)學(xué)生的學(xué)習(xí)興趣，而且可以幫助學(xué)生理清思路，掌握網(wǎng)頁(yè)之間的關(guān)系，有助于學(xué)生網(wǎng)站設(shè)計(jì)能力的提高。

3.借助概念圖，改變傳統(tǒng)的評(píng)價(jià)方式

原有的教學(xué)評(píng)價(jià)方式就是筆試或讓學(xué)生制作一個(gè)動(dòng)態(tài)網(wǎng)站?？荚囃荒芸疾槟承┲R(shí)點(diǎn)，這種形式不能充分、完整地評(píng)價(jià)學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)與制作能力。制作動(dòng)態(tài)網(wǎng)站這種形式又無(wú)法避免有些學(xué)生從網(wǎng)上下載，這兩種形式都不能考查到學(xué)生的實(shí)際能力。

平時(shí)，通過(guò)讓學(xué)生畫概念圖，教師可及時(shí)了解學(xué)生學(xué)習(xí)的學(xué)習(xí)情況與診斷學(xué)生的問(wèn)題，從而改進(jìn)教學(xué)，是形成性評(píng)價(jià)的好方式。同樣，概念圖也可以作為總結(jié)性評(píng)價(jià)的工具，是學(xué)生頭腦中關(guān)于網(wǎng)頁(yè)知識(shí)結(jié)構(gòu)的圖示化再現(xiàn)，可反映出學(xué)生交互網(wǎng)站設(shè)計(jì)能力。因此在期末考核時(shí)，采用基礎(chǔ)知識(shí)考試和繪制概念圖的方式，通過(guò)基礎(chǔ)知識(shí)測(cè)試了解學(xué)生ASP基礎(chǔ)知識(shí)的掌握情況，通過(guò)繪制概念圖，了解學(xué)生網(wǎng)站設(shè)計(jì)能力。

4 總結(jié)

概念圖既是評(píng)價(jià)工具，也是教學(xué)策略，更是一種深層的學(xué)習(xí)方法，可以幫助學(xué)生有效地記憶、理清思路，進(jìn)而解決問(wèn)題，形成能力。概念圖應(yīng)用于動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程中不但有利于教師的教，更有利學(xué)生的學(xué)和學(xué)生交互網(wǎng)站設(shè)計(jì)能力的提高，可相信概念圖在動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)類課程教學(xué)中的應(yīng)用會(huì)越來(lái)越廣泛。

參考文獻(xiàn)

[1] 顧娟.概念圖在地理學(xué)習(xí)中的應(yīng)用[J]. 成都大學(xué)學(xué)報(bào)（教育科學(xué)版），2007（2）：46_47.

[2] 王兄，湯服成.概念圖及其在數(shù)學(xué)學(xué)習(xí)中的現(xiàn)實(shí)意義[J]. 數(shù)學(xué)教育學(xué)報(bào)， 2004（3） ：16-18.