一種新技術在網絡課程制作中的應用

[摘要]在網絡課程制作過程中，應用了一種新的技術——網頁隨顯技術，通過網頁中特定文字來控制不同層而圖像的快速交替顯示，以及利用人眼視覺暫留現象來達到隨指即顯的教學效果。基于其優越的可操作性和交互性，在網絡課程的制作中，該技術地應用取得了非常理想的效果。

[關鍵詞]網頁隨顯技術；網絡課件；網絡教學

[中圖分類號]G40—057

[文獻標識碼]A

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

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

一網頁隨顯技術的實現過程

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

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

本文通過一個實例，著重介紹網頁隨顯技術在網絡課件制作中的具體應用及實現方法。實例取自局部血液及體液循環障礙網絡教材中的一頁(見圖1)。

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

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

二網頁隨顯技術的具體實現方法

(1)制備圖片

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

(2)插入圖片

在Dreamweaver中打開需要編輯的網頁，適當進行調整，使網頁空出適當的位置來置放源圖和制備圖片。由于在網頁中直接插入圖片是無法實現網頁隨顯技術的，因此，必須先在網頁的預留部位插入圖層，再在圖層中插入圖片，方法如下：

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

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

(3)定義文字

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

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

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

三總結

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

參考文獻

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

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