[摘要]在網(wǎng)絡(luò)課程制作過程中，應(yīng)用了一種新的技術(shù)——網(wǎng)頁隨顯技術(shù)，通過網(wǎng)頁中特定文字來控制不同層而圖像的快速交替顯示，以及利用人眼視覺暫留現(xiàn)象來達到隨指即顯的教學(xué)效果?；谄鋬?yōu)越的可操作性和交互性，在網(wǎng)絡(luò)課程的制作中，該技術(shù)地應(yīng)用取得了非常理想的效果。

[關(guān)鍵詞]網(wǎng)頁隨顯技術(shù)；網(wǎng)絡(luò)課件；網(wǎng)絡(luò)教學(xué)

[中圖分類號]G40—057

[文獻標(biāo)識碼]A

[論文編號]1009—8097(2009)13—0222—02

在網(wǎng)絡(luò)教學(xué)過程中，網(wǎng)絡(luò)課程的建設(shè)是網(wǎng)絡(luò)資源庫建設(shè)的主要內(nèi)容之一。隨著對網(wǎng)絡(luò)課程地需求大幅增加，網(wǎng)絡(luò)課件的重要性日益顯現(xiàn)，并對網(wǎng)絡(luò)課件的操控性和交互性提出了更高的要求。在網(wǎng)絡(luò)課件的研制與開發(fā)過程中，教師和學(xué)生因教與學(xué)的需求，希望在網(wǎng)頁上可根據(jù)教學(xué)需要隨指隨顯示相關(guān)的內(nèi)容，經(jīng)不斷探究與反復(fù)試驗，一項新的交互性強且易于操作的網(wǎng)頁隨顯技術(shù)應(yīng)運而生，成為一種新穎的網(wǎng)絡(luò)教學(xué)手段。

一網(wǎng)頁隨顯技術(shù)的實現(xiàn)過程

通過操作網(wǎng)頁中被設(shè)定特定功能的文字，來控制同一網(wǎng)頁中多個精確重疊圖層內(nèi)的圖像交替顯示，并利用人的視覺暫留現(xiàn)象，快速交替閃現(xiàn)源圖和另一圖層的圖像，準(zhǔn)確圖式化展示文字內(nèi)容，達到隨指即顯的目的。

網(wǎng)頁隨顯技術(shù)可通過常見的網(wǎng)頁制作軟件及圖形圖像處理軟件來實現(xiàn)。網(wǎng)頁制作軟件本文選用Macromedia公司的Dreamweaver MX2004以上版本，圖形圖像處理軟件選用Adobe公司的Photoshop。

本文通過一個實例，著重介紹網(wǎng)頁隨顯技術(shù)在網(wǎng)絡(luò)課件制作中的具體應(yīng)用及實現(xiàn)方法。實例取自局部血液及體液循環(huán)障礙網(wǎng)絡(luò)教材中的一頁(見圖1)。

為了便于說明，從圖1中截取與本文相關(guān)的重點部分見圖2。

圖2中右側(cè)一幅小圖(源圖)與第二段文字的內(nèi)容是相關(guān)的。小圖為講解正常血液及體液循環(huán)的模擬畫像，畫像中有大循環(huán)(體循環(huán))、小循環(huán)(肺循環(huán))和微循環(huán)，三種循環(huán)中血液的流動路徑是教學(xué)過程中需要交代清楚的。小圖中三種循環(huán)有重疊的部分，并且血液流經(jīng)的路徑比較復(fù)雜，難以用言語表述。如果在圖中用箭頭標(biāo)注則較難表示清楚，還容易引起歧義，當(dāng)然也可以用顏色線塊勾勒出呼吸膜的界限，但會將局部結(jié)構(gòu)遮蓋。因此，如何既不影響觀看，又能交代清楚，是課件制作中的一個難點。當(dāng)應(yīng)用了網(wǎng)頁隨顯技術(shù)后，問題迎刃而解。在教學(xué)過程中實現(xiàn)了用鼠標(biāo)指向網(wǎng)頁中相關(guān)文字(可用醒目顏色標(biāo)識)大循環(huán)(體循環(huán))、小循環(huán)(肺循環(huán))和微循環(huán)時，小圖的相應(yīng)部位立即會響應(yīng)，即有薄紗樣的色塊顯現(xiàn)，移走鼠標(biāo)，色塊立刻消失，局部結(jié)構(gòu)依然清晰可辨，不受一點影響，并且可以隨指即顯，效果非常理想，在后續(xù)制作中被大量采用。

二網(wǎng)頁隨顯技術(shù)的具體實現(xiàn)方法

(1)制備圖片

將源圖(即上述小圖)調(diào)入Photoshop，并新建一個圖層。選中工具箱內(nèi)的[畫筆工具]，將前最色設(shè)置為希望的顏色，然后用畫筆在新建圖層里把需要標(biāo)注出來的部位涂抹，待修正無誤后，在圖層調(diào)色板內(nèi)調(diào)節(jié)新建圖層的“不透明度”或“填充”項內(nèi)值的大小，使覆蓋的顏色漸呈透明，讓背景層內(nèi)的相關(guān)內(nèi)容隱約可見，調(diào)節(jié)合適后臺并圖層。隨即將其另存為一個圖像文件(如大循環(huán)圖3)備用。需要注意的是絕對不能改變圖像的大小，即圖像尺寸要與源圖嚴(yán)格一致，不能有偏差。

(2)插入圖片

在Dreamweaver中打開需要編輯的網(wǎng)頁，適當(dāng)進行調(diào)整，使網(wǎng)頁空出適當(dāng)?shù)奈恢脕碇梅旁磮D和制備圖片。由于在網(wǎng)頁中直接插入圖片是無法實現(xiàn)網(wǎng)頁隨顯技術(shù)的，因此，必須先在網(wǎng)頁的預(yù)留部位插入圖層，再在圖層中插入圖片，方法如下：

點擊菜單欄中的[插入]項，在下拉菜單里點中[布局對象]中的[層]選項，將出現(xiàn)在網(wǎng)頁中的層標(biāo)志框拖拉到預(yù)定部位，此層定義為圖層1。點中圖層1，按鼠標(biāo)右鍵選中屬性，記下層屬性面板中“左”和“上”框內(nèi)的數(shù)據(jù)，此數(shù)據(jù)將作為精確定位圖層2的依據(jù)。在確認(rèn)點中圖層1后，點擊[插入]項，在下拉菜單里點中[圖像]選項，在彈出的對話框中選取源圖，確定后可見源圖已被插入。

重復(fù)上述步驟，插入圖層2。不用再去拖拉圖層2的層標(biāo)志框，僅需在圖層2的層屬性面板中“左”和“上”框內(nèi)填入剛才記錄的圖層1的數(shù)據(jù)，確定后即可見圖層2已自動精確重疊在圖層1的位置上了。在圖層2中再插入預(yù)先制作好的備用圖片，將圖層2的層屬性面板中“可見性”框內(nèi)的default(默認(rèn)顯示)改為hidden(隱藏)，此時可發(fā)現(xiàn)剛插入的備用圖片已看不見了，顯示的只有源圖。

(3)定義文字

選中需要定義隨顯的文字(如本例的大循環(huán))，改變文字屬性面板中文字的顏色，使其區(qū)別于其它文字，這點很重要，是實現(xiàn)網(wǎng)頁隨顯技術(shù)的關(guān)鍵。然后點擊面板組中的[標(biāo)簽檢查器]使其展開，在展開的[標(biāo)簽1面板中點擊[行為]選項卡，在[行為]選項卡的白板中有一行呈灰色的單元格，點擊單元格的左列，在出現(xiàn)的選項框中點擊下拉按鈕，在下拉列表中選中onMouseOut選項。再點擊[行為]選項卡的添加行為按鈕，在彈出的選項框中選擇“顯示一隱藏層”，在隨后彈出的對話框中選中層2(Layer2)，點擊“隱藏”按鈕，此時完成第一次定義。本定義的目的是當(dāng)鼠標(biāo)離開定義文字后，將圖層2中的圖像快速隱藏起來，只顯示圖層l中的圖像即源圖。

當(dāng)完成第一次定義后。在[行為]選項卡的白板中緊接著第一行的下面又自動出現(xiàn)了一行呈灰色的單元格，重復(fù)前面操作，在下拉列表中選中onMouseOver選項。在彈出的對話框中選中層，點擊“隱藏”按鈕，再選中層2，點擊“顯示”鈕，注意與第一次的定義過程完全相反，這樣就完成了第二次的定義，其目的是當(dāng)鼠標(biāo)指在定義文字上時，把圖層1中的源圖快速隱藏起來的同時，即刻顯示圖層2中的圖像。

可用同樣方法制作小循環(huán)和微循環(huán)圖像，如圖4，5所示。

三總結(jié)

網(wǎng)頁隨顯技術(shù)是在網(wǎng)絡(luò)課件的研制與開發(fā)過程中，經(jīng)不斷探究與反復(fù)試驗，產(chǎn)生的一項新的交互性強且易于操作的技術(shù)，滿足了教師和學(xué)生希望在網(wǎng)頁上可根據(jù)教學(xué)需要隨指隨顯出相關(guān)的內(nèi)容的需求，這種新穎的網(wǎng)絡(luò)教學(xué)手段如果能根據(jù)不同的教學(xué)內(nèi)容靈活運用，必將豐富網(wǎng)絡(luò)課件的交互性，提高網(wǎng)絡(luò)教學(xué)的效率。

參考文獻

[1]梁克定，李文宏局部血液及體液循環(huán)障礙[M]北京：人民衛(wèi)生電子音像出版社，2004.

[2]張云興，梁克定.呼吸系統(tǒng)疾病病理[M]北京：人民衛(wèi)生電子音像出版社，2003