郝天軒

（河南理工大學(xué) 安全科學(xué)與工程學(xué)院，河南 焦作 454000）

一、引言

網(wǎng)絡(luò)課程主要包括兩個(gè)組成部分：一是按一定的教學(xué)目標(biāo)、教學(xué)策略組織起來(lái)的教學(xué)內(nèi)容；二是網(wǎng)絡(luò)教學(xué)支撐環(huán)境。[1]網(wǎng)絡(luò)課程的教學(xué)內(nèi)容呈現(xiàn)多層次與多樣化，有利于因材施教并實(shí)現(xiàn)學(xué)生學(xué)習(xí)的個(gè)性。另外，通過(guò)網(wǎng)絡(luò)課程的學(xué)習(xí)能使學(xué)生沖破以書(shū)本為中心的局限，拓展學(xué)生的學(xué)習(xí)內(nèi)容。[2]

筆者以教育部下達(dá)的“面向21世紀(jì)高等教育教學(xué)內(nèi)容和課程體系改革”計(jì)劃中“熱工課程教學(xué)內(nèi)容和課程體系改革的研究和實(shí)踐”為教學(xué)指導(dǎo)，以《現(xiàn)代遠(yuǎn)程教育規(guī)范》的指標(biāo)體系為參照，以計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)和多媒體技術(shù)為手段，開(kāi)發(fā)了“工程熱力學(xué)與傳熱學(xué)”網(wǎng)絡(luò)課程。該課程在教育部教育管理信息中心舉辦的“第四屆全國(guó)多媒體課件大賽”上，從全國(guó)大學(xué)組參賽的400多個(gè)課件中脫穎而出，獲得高評(píng)分。

二、網(wǎng)絡(luò)課程中公式素材的制作

除了文本圖形外，公式也是大量使用的課件素材，尤其是理工科課件。當(dāng)所開(kāi)發(fā)的課程涉及大量的公式，找到一種方便快捷的制作公式素材的方法能夠降低制作網(wǎng)絡(luò)課件的工作量。要制作能夠在網(wǎng)絡(luò)上傳輸?shù)墓剿夭?，一般分為兩個(gè)步驟：

1.在字處理軟件中輸入公式

輸入公式，一般可采用公式編輯器。我們都知道在Word中，可以選擇菜單【插入】>【對(duì)象】，從列表中選擇【Microsoft公式3.0】，打開(kāi)公式編輯器窗口，如圖1所示，利用工具欄輸入公式。

圖1 利用公式編輯器輸入公式

如果要制作更為專(zhuān)業(yè)的公式，還可選擇Design Science公式的專(zhuān)門(mén)工具M(jìn)athType5.2，實(shí)際上微軟Office內(nèi)置的公式編輯器就是該工具的精簡(jiǎn)版。該工具功能非常強(qiáng)大，且直觀易用，如圖2所示。

圖2 利用MathType輸入公式

2.通過(guò)合適的轉(zhuǎn)換，把公式插入到網(wǎng)頁(yè)課件中

（1）一般可把輸入的公式轉(zhuǎn)換成圖片集成到課件中。

1）通過(guò)MathType工具輸入的公式，可以直接選擇菜單【文件】>【保存復(fù)制到……】，把公式轉(zhuǎn)換為gif圖片，然后插入到網(wǎng)頁(yè)課件中；

2）通過(guò)編輯器輸入的公式，只有通過(guò)抓圖工具，把其存為圖片，然后插入到網(wǎng)頁(yè)課件中；

3）對(duì)于有大量公式的一頁(yè)文本，可以把其整個(gè)轉(zhuǎn)化為圖片，然后使用Fireworks軟件打開(kāi)該圖片，使用“切片”工具，把每個(gè)公式建立一個(gè)切片，然后選擇所有切片，最后選擇菜單【文件】>【導(dǎo)出……】，實(shí)現(xiàn)把每個(gè)公式存為一個(gè)文件，如圖3所示。

這種把公式轉(zhuǎn)化為圖片的形式，便于在網(wǎng)頁(yè)中合理安排公式素材的位置，缺點(diǎn)是工作量大、效率低。

（2）也可以ActiveX對(duì)象的形式插入到網(wǎng)頁(yè)課件中。

在字處理軟件中對(duì)某公式進(jìn)行【復(fù)制】操作，然后在FrontPage中直接選擇【粘貼】操作，即可把該公式ActiveX對(duì)象的形式插入到網(wǎng)頁(yè)課件（注：在Dreamwaver該操作無(wú)效）。

圖3 利用Fireworks的“切片”工具生成公式的圖片文件

這種方法的優(yōu)點(diǎn)是直接、快捷，缺點(diǎn)是增加了html代碼量，影響了html代碼的可讀性。并且當(dāng)一個(gè)文檔中包含公式的公式過(guò)多的時(shí)候，采用直接【復(fù)制】和【粘貼】的方法，容易造成公式錯(cuò)位現(xiàn)象。

（3）把包含公式的Word文檔直接存成網(wǎng)頁(yè)形式

首先，把包含大量公式的Word文檔保存為“篩選過(guò)的Web頁(yè)”，如圖4所示；

圖4 把Word文檔保存為“篩選過(guò)的Web頁(yè)”

然后，用Dreamwaver打開(kāi)該文件，同時(shí)新建一文件；

接著，在Dreamwaver中直接拷貝所需內(nèi)容到新建的文件中；

最后，保存新建的文件。

采用該方法來(lái)制作公式素材克服上述兩種方法的缺點(diǎn)，不僅提高了效率，而且還便于頁(yè)面的布局。

三、網(wǎng)絡(luò)課程頁(yè)面配色

網(wǎng)絡(luò)課程頁(yè)面在一定意義上說(shuō)也是一種藝術(shù)品，因?yàn)樗纫笪淖值膬?yōu)美流暢，又要求頁(yè)面的新穎、整潔，使用色彩可以產(chǎn)生強(qiáng)烈的視覺(jué)效果，使頁(yè)面更加生動(dòng)。而且，瀏覽者在瀏覽頁(yè)面時(shí)，留下的第一印象就是頁(yè)面的色彩設(shè)計(jì)，它的好壞直接影響閱讀者的觀賞興趣。因此頁(yè)面配色在網(wǎng)絡(luò)課程設(shè)計(jì)中居于十分重要的地位。

在對(duì)網(wǎng)絡(luò)課程頁(yè)面配色過(guò)程中，應(yīng)注意以下幾點(diǎn)：

（1）不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)。 太多的顏色會(huì)導(dǎo)致混淆，也會(huì)分散讀者的注意力。

（2）背景和前文的對(duì)比盡量要大（絕對(duì)不要用花紋繁復(fù)的圖案作背景），以便突出主要內(nèi)容。顏色太接近無(wú)法產(chǎn)生足夠的對(duì)比效果，也會(huì)妨礙觀眾閱讀。白底黑字的閱讀效果最好。

（3）同時(shí)要避免高飽和度的文字與明亮的背景配合，這樣可能比較刺眼，容易造成視覺(jué)疲勞。

四、網(wǎng)頁(yè)制作軟件配合

這里主要指的是FrontPage和Dreamwaver軟件的相互配合使用。FrontPage最大的特點(diǎn)是簡(jiǎn)單易學(xué)，只要會(huì)使用Word編輯文檔，就能很快學(xué)會(huì)使用FrontPage制作網(wǎng)頁(yè)。Dreamwaver側(cè)重于網(wǎng)頁(yè)控制、設(shè)計(jì)能力及創(chuàng)意，適合中高級(jí)網(wǎng)頁(yè)制作人員。我們?cè)谥谱骶W(wǎng)頁(yè)的時(shí)候，有時(shí)會(huì)需要兩種軟件相互配合使用，能夠提高制作效率和實(shí)現(xiàn)某種效果。下面結(jié)合“工程熱力學(xué)與傳熱學(xué)”網(wǎng)絡(luò)課件的制作實(shí)踐，舉一個(gè)例子來(lái)說(shuō)明。

例如FrontPage可以使大綱或多層次列表具有可折疊性，以便網(wǎng)站訪問(wèn)者可以查看或隱藏列表的不同層次。具體操作步驟：

（1）在FrontPage中創(chuàng)建一個(gè)多級(jí)列表，如圖5所示；

圖5 在FrontPage中創(chuàng)建的多級(jí)列表示例

（2）選擇要使其可折疊的層次或子層次，再用鼠標(biāo)右鍵單擊所選內(nèi)容，然后單擊快捷菜單上的“列表屬性”；

（3）在“列表屬性”對(duì)話框的底部，如圖6所示，確保已選中“啟用可折疊大綱”復(fù)選框。

圖6 列表屬性對(duì)話框

（4）若要網(wǎng)站訪問(wèn)者在 Web瀏覽器中打開(kāi)網(wǎng)頁(yè)時(shí)顯示折疊狀態(tài)的列表，請(qǐng)選中“開(kāi)始時(shí)折疊”復(fù)選框；

（5）單擊“確定”。

實(shí)現(xiàn)效果如圖7所示，當(dāng)用戶點(diǎn)擊一級(jí)列表時(shí)，顯示其對(duì)應(yīng)的二級(jí)列表內(nèi)容，再單擊一次則又隱藏起來(lái)。

圖7 可折疊性多級(jí)列表實(shí)現(xiàn)效果

這種建立可折疊性多級(jí)列表的功能，在Dreamwaver沒(méi)有提供。如何才能實(shí)現(xiàn)在Dreamwaver中也能夠建立折疊性多級(jí)列表呢？我們基本思想是：分析通過(guò)Frontpage對(duì)列表填加折疊性后，發(fā)生了哪些變化，然后把這些變化加入到欲實(shí)現(xiàn)可折疊性多級(jí)列表的通過(guò)Dreamwaver建立的網(wǎng)頁(yè)文件中。

首先，我們發(fā)現(xiàn)為項(xiàng)目符號(hào)或編號(hào)列表啟用可折疊大綱，那么FrontPage將在站點(diǎn)的根文件夾中創(chuàng)建一個(gè)名為 Outline.js的文件。該文件存儲(chǔ)的JavaScript代碼，實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)功能。我們把該文件同樣拷貝到Dreamwaver建立網(wǎng)站的根文件中。

然后，我們分析為列表啟用可折疊大綱后，文件html發(fā)生了變化。下面列出的html文件代碼，其中斜體部分是增加的代碼。我們同樣把增加的代碼部分填加到Dreamwaver建立的文件中。

最后，保存Dreamwaver建立的網(wǎng)頁(yè)，即可實(shí)現(xiàn)類(lèi)似于FrontPage建立可折疊性多級(jí)列表的功能。

五、網(wǎng)絡(luò)課件制作人員配備及協(xié)調(diào)

限于資金，教師在開(kāi)發(fā)課件時(shí)不可能同時(shí)配備所有的專(zhuān)業(yè)人才，這并不意味就不能開(kāi)發(fā)出好的網(wǎng)絡(luò)課件。我們?cè)谥谱鲗?shí)踐中，認(rèn)為讓具備計(jì)算機(jī)基礎(chǔ)且具有相應(yīng)專(zhuān)業(yè)課知識(shí)的學(xué)生參與到課件當(dāng)中，能夠解決由于資金不足而造成人員配備缺乏的問(wèn)題。另外，任課教師應(yīng)具備一定網(wǎng)絡(luò)課件制作的知識(shí)，這樣才便于與制作課件的人員交流和溝通。

[1]李超,劉寶玉.淺析網(wǎng)絡(luò)課程的設(shè)計(jì)[J].天津電大學(xué)報(bào).2011,15(4):40-42.

[2]劉淑香.網(wǎng)絡(luò)課程在高校教學(xué)中的作用[J].理論觀察.2011,71(5):158-159.

[3]胡倫.對(duì)網(wǎng)絡(luò)課程人機(jī)交互設(shè)計(jì)的研究與探索[J].中國(guó)教育信息化·高教職教,2011(1):75-77.