郝天軒

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

一、引言

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

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

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

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

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

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

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

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

圖2 利用MathType輸入公式

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

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

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

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

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

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

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

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

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

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

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

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

圖4 把Word文檔保存為“篩選過的Web頁”

然后，用Dreamwaver打開該文件，同時新建一文件；

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

最后，保存新建的文件。

采用該方法來制作公式素材克服上述兩種方法的缺點，不僅提高了效率，而且還便于頁面的布局。

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

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

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

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

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

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

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

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

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

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

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

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

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

圖6 列表屬性對話框

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

（5）單擊“確定”。

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

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

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

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

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

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

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

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

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

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

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