Ａｕｔｈｏｒｗａｒｅ中結構化設計精品課件模板

【摘要】本文以結構化設計的思想，在Authorware中實現精品課件模板的制作。此模版方便、實用，為廣大教師制作精品課件提供了很好的參考對象。教師可以通過具體內容的添加制作出精品課件，也可以在理解本模板制作原理之后，具體對其進行修改完善，使自己制作的課件更精彩。

【關鍵詞】結構化，設計，多級菜單，課件

【中圖分類號】G434

【文獻標識碼】B

【論文編號】1009—8097（2006）04—0063—03

一、引言

在教育逐步信息化的今天，信息技術與課程整合成為熱門問題之一。教師的信息技術水平直接影響著信息技術與課程整合的效果。在教育信息化發展的初級階段，利用信息技術的優勢進行教學便成了課程整合的最終表現方式。教師在教學過程中所體現的信息技術水平，在很大程度上表現為其制作課件的能力、制作課件的科學性和合理性。而現階段，大部分教師制作出的課件處于較低水平，一般為順序式教學課件結構，過多是簡單的書本搬家或是一些簡單的組織、鏈接。

筆者對教學軟件市場做了大量調研，觀摩了眾多教學軟件，對結構化教學軟件的優勢深感震撼，這一點從幾家有名教育軟件公司的產品中可以看的出來。比如：洪恩，博彥科技，夢工廠教育軟件公司的產品等。這些軟件產品結構化鮮明，層次清晰，深得用戶喜愛。本文即是對此有所心得，開發出一種結構化的模板，給予教育戰線的教師一個良好的參考對象，讓教師能夠親手制作融入和展現自己思想、經驗的課件。

結構化設計是軟件開發過程中的一個術語，這里運用到課件模板制作中是利用了其原理相似這一點。在軟件開發（程序編寫）過程中，其將問題解決方案表述為：結構圖+關系數據模式^[1]。在課件制作過程中就可以表述為：模板（結構）+內容。因此，在制作好課件結構之后，只需要添加相應的內容即可。這樣既減少了教師制作課件的工作量，又使得其作品具有良好的結構性、層次性和表達性。

Authorware軟件提供了13種設計圖標，11種交互方式，每種設計圖標和交互方式都有其特定的功能、用法和特色。制作結構化的課件模版需要整合多種設計圖標功能和交互方式的功能，下面就具體制作原理和過程展開介紹。

二、制作原理和過程^[2]

本模板的開發主要是借鑒博彥科技教育軟件的結構化特色，從主界面的導航控制進入課程學習，在學習過程中，又可以利用目錄功能選擇其它學習目標點。這種結構化的特色主要運用了多級菜單的導航鏈接。筆者從熱區交互功能中得到啟發，利用鼠標處于熱區區域內時作出反應這一性質來驅動菜單的出現，很好的實現了課件的結構化和層次性。

1、主流程制作

在主流程線上拖入一個群組圖標，作為課件的片頭所用。然后在主流程線上拖入三個框架圖標，一個為內容導航控制所用，一個為制作課件內容所用，一個為制作退出（片尾）所用。在內容框架右側拖入課件內容所需群組圖標（一般為章的標題）。如圖1所示：

圖1 主流程圖

2、 控制框架制作^[2]

(1) 雙擊圖1中“導航控制框架”圖標，把框架圖標中的系統自帶功能圖標刪除，自己來設定功能圖標。在框架中設定為如圖2所示結構。背景圖片為課件門面，可以選擇與主題相關的圖片。按鈕組里放置“按鈕”（實質是利用熱區的單擊交互功能來模仿按鈕功能）的圖片，以便實現單擊“按鈕”時使其生成變色按鈕，讓其更生動。

圖2 導航控制框架中功能圖標圖

(2) 點擊圖2中交互圖標“Navigation hyperlinks”下的一個群組（這里以第二個“面版介紹00”群組為例），其具體內容見圖3所示。其中，“面版介紹按鈕”圖標為變色了的按鈕圖片，聲音圖標為點擊按鈕時所產生的聲音文件（注意：這些為熱區“面版介紹00”的一級菜單所產生的效果）。重要部分為下面的交互功能圖標，觀察其前三個圖標和后幾個圖標的不同之處，前三個為所產生的菜單按鈕（這里用按鈕來做是用到按鈕有幾種狀態的功能，方便其變色。教師當然也可以用熱區來實現，像“面版介紹按鈕”等那樣用兩個不同的按鈕圖片來做），而后面幾個圖標為退出控制熱區。再看群組圖標下面的流程方向，前三個為正常順序，而后幾個為逆反方向，目的是為了產生一定的熱區區域（按鈕位置以外的區域），使得鼠標在這些區域內時（即離開按鈕位置時），促使出現的菜單消失，但放在按鈕位置上時，又可以繼續操作，以便驅動二級菜單的出現。這里注意：要把退出控制熱區的區域做的盡量全面，把當前按鈕和子菜單按鈕位置以外的部分全部覆蓋，這樣操作才會靈敏。其原理如圖4所示：

圖3 面版介紹00群組中的功能圖標圖

圖4 推出控制原理圖

(3) 點擊圖3中交互圖標“Untitled”下的一個群組（這里以第一個“教師端界面”群組為例），其具體內容見圖5所示。其中，“教師端界面”圖標為變色了的按鈕圖片，聲音圖標為點擊按鈕時所產生的聲音文件。當然，這些為教師端界面熱區的子菜單（即熱區“面版介紹00”的二級菜單）所產生的效果。其下面的交互功能圖標結構和步驟(2)中原理相同。注意退出控制熱區的覆蓋面問題，只要顧及當前按鈕及子菜單按鈕位置即可，操作證明，當前按鈕的父級菜單不用考慮（參考圖4中原理）。

圖5 教師端界面功能圖標圖

(4)控制框架制作已經基本完畢，這時可以運行制作到此的界面了，其效果見圖6。這樣的效果當作課件的主界面應該還滿意吧！下面做最后一步，那就是要把控制框架導入課程中去。點擊圖5中交互圖標下的一個群組，在其中添加導航或計算圖標（導航圖標為好，過多應用運算圖標不利于系統性能），導航\\引導到相應的章節內容當中去。當然控制框架制作好了，應該考慮課件的內容框架了，下面就接著介紹內容框架制作原理。

圖6 控制框架制作效果圖

3、內容框架制作^[2]

在制作內容框架之前，我們要考慮進入內容界面之后，我們仍需要隨時隨地的進行導航轉換，即學習目標點的轉換。因此，此框架在設計時仍需考慮導航菜單的制作問題。這樣才能真正體現整個課件的結構化和層次性特點。

雙擊圖1中“內容框架”圖標，其內容見圖7頂部所示。“背景”圖標為制作好的底圖，美化界面所用。交互圖標下為幾個功能按鈕，這里主要介紹“目錄”按鈕（即提供此界面中內容導航的按鈕），其余的按鈕教師可以按需要去設計。雙擊“目錄” 按鈕下的群組圖標，出現圖7中部結構，可以看出其結構與控制框架中的“導航控制框架”結構相似（見圖2）；雙擊此結構中的一個群組，如圖7底部所示，可以看出其結構與圖3結構相似，不同之處在于其交互中一個菜單用按鈕實現，一個菜單用熱區和圖片實現，前面已經講到這兩種方法均可，主要從要求實現的效果考慮選擇。

其接下來的制作可以參考控制框架的制作過程，讀者可以嘗試自行推導。筆者也在參考文獻^[2]中做了詳細的闡述，讀者也可以去參考。其效果圖見圖8所示。

圖7 內容框架圖標內容及子群組內容圖

圖8 內容框架制作效果圖

內容框架導航功能制作完成之后，就是教師自己對內容的設計了。這里的設計主要是利用框架圖標本身的導航控制功能，即其允許附著在該圖標下的各頁面間超級鏈接。在設計內容時注意章節內容間的層次關系，即章框架里含有節框架，節框架下面的群組內部才是真正的課件內容；在章框架中需要刪除框架圖標中的自帶功能圖標，在節框架中需要保留這些功能以實現節中內容的互聯（參考圖9所示，“用戶操作” 框架圖標為灰白色，說明其為章結構，已把其自帶功能圖標刪除，“啟動系統框架” 圖標中的自帶功能進行了修改）。教師可以對其自帶功能圖標進行修改，制作出自己的按鈕樣式，使課件界面更美觀。這樣就實現了其各章節既可以通過主界面控制進入，又可以通過內容控制界面進入；其各節內容里的聯系通過各頁面的超級鏈接來控制。

圖9 章節內容設計結構圖

三、小結

本篇主要介紹了結構化課件模版的制作過程。在制作過程中，讀者可以根據自己的客觀條件來改變其中部分設置，如：在制作各級菜單的控制熱區時，不想使菜單的靈敏度太大，可以把上一級菜單的整個空間留出來不遮蓋住，這樣也具合理性；可以把目錄熱區的永久性設置成靈活控制型，只把目錄當成一個小功能來用，等等。

教師為了使自己制作出的課件更精彩，常常需要其他軟件的輔助。Photoshop（處理圖片），Flash（處理動畫），Goldwave（處理聲音）等幾種經典軟件必須常用在手。這樣制作自己的精品課件才會得心應手，錦上添花，使之無論是結構上，還是界面、環境上都會引人入勝，更會使自己的教學思路清晰，具有良好的結構性和層次性。

參考文獻

[1] 阿蒙編程之家. http://www.vchome. cnet/software/rj_ch

2-1.html，2005年10月21日

[2] 陸峰. Authorware多級菜單制作[J]..現代計算機，2005， (6): 98－100

Structured Design Excellent Courseware Template In Authorware

Lu FengLi Xin

Information Technology Department of HuaZhongNormalUniversity，Wuhan Hubei，430079

Abstract: This paper uses structured design method to realize excellent courseware template in Authorware. It is convenient and pragmatic to use this method， and setting a good reference for most teachers in making excellent courseware. The teachers not only can insert concrete content into it to make excellent courseware， but also can optimize it after understanding its principle， and then make their courseware more excellent.

Keywords: Structured， Design， Multilevel Menu， Courseware

“本文中所涉及到的圖表、注解、公式等內容請以PDF格式閱讀原文”