馬震安

1.界面設計

打開Articulate Storyline 3，新建一個項目。在“故事視圖”狀態(tài)，雙擊“無標題幻燈片”進入編輯窗口。在空白處右擊，選擇“設置背景格式”，在彈出的窗口設置好所需要的背景：切換到“設計”選項卡，點擊“文章大小”，在彈出的窗口中根據(jù)需要設置好幻燈片的大小。切換到“插入”選項卡，點擊“圖片→來自文件的圖片”，插入所需要的插圖，再利用形狀、文本框等插入裝飾性的元素及必要的文字說明;接下來，依次點擊“輸入→數(shù)據(jù)條目→文本輸入字段”，在幻燈片的合適位置畫出輸入框，選中這個輸入框，設置好它的邊框、填充色、字體及字號等。當在幻燈片中插入元素時，就會在時間軸上顯示相應的元素名稱及內(nèi)容。為了將這些輸入文本框區(qū)分開，可以在元素相應的時間軸上雙擊，更改它們的名稱，如可以將第1個輸入文本框的名稱更改為“sz1”，將第2個輸入文本框的名稱更改為“sz2”，以此類推。再插入一個按鈕，設置好它的圖標及文字等。這樣，交互式填空題幻燈片的界面就設計完成了（圖2）。

2.添加交互顯示

在右側“幻燈片層”處，點擊“新建層”，雙擊新建的這個層的名稱，將其更改為“正確”，并在這個圖層中利用形狀中的圖形或其他圖片等，設計好正確時所需要顯示的界面。再新建一個圖層，將其名稱更改為“錯誤”，同樣為這個圖層設計好錯誤時所需要顯示的界面（圖3）。

在本例的交互中，涉及到“正確”答案的情況，可能會有“6乘3加2”、“3乘6加2”或“3乘4加8”等情況，為此需要全面考慮各種可能進行設計，才能不漏掉所有的正確答案，做到更完美。下面以“正確”交互中的前兩種情況為例介紹。

切換到“基礎層”，選定“完成”按鈕，新增觸發(fā)器，在彈出窗口的操作處選擇“顯示圖層”，圖層處選擇“正確”，時間處選擇“用戶單擊”，對象處選擇“按鈕1”，點擊“顯示條件”;點擊“+”，在彈出的窗口選擇“變量”，如果處選擇“文本輸入題”（即sz1），運算符處選擇“==等于”，類型處選擇“值”，值處輸入“6”（這個數(shù)字為圖片每行的數(shù)量）;再點擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題1”（即sz2），運算符處選擇“==等于”，類型處選擇“值”，值處輸入“3”（即圖片的數(shù)）;再點擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題2”（即sz3），運算符處選擇“==等于”，類型處選擇“值”，值處輸入“2”（即不滿足成行的圖片數(shù)）;再點擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題3”（即sz4），運算符處選擇“==等于”，類型處選擇“值”，值處輸入“20”（即算式的計算結果）。這樣，有關“正確”的第一種情況就表達完成了。

接下來設置“正確”的第二種交互情況。新增觸發(fā)器，在彈出窗口的操作處選擇“顯示圖層”，圖層處選擇“正確”，時間處選擇“用戶單擊”，對象處選擇“按鈕1”，點擊“顯示條件”;點擊“+”，在彈出的窗口選擇“變量”，如果處選擇“文本輸入題”（即sz1），運算符處選擇“==等于”，類型處選擇“值”，值處輸入“3”（這個數(shù)字為圖片每行的數(shù)量）;再點擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題1”（即sz2），運算符處選擇“==等于”，類型處選擇“值”，值處輸入“6”（即圖片的數(shù)）;再點擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題2”（即sz3），運算符處選擇“==等于”，類型處選擇“值”;值處輸入“2”（即不滿足成行的圖片數(shù)）;再點擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題3”（即sz4），運算符處選擇“==等于”，類型處選擇“值”，值處輸入“20”（即算式的計算結果）。這樣，第二種交互情況的表達就完成了。如果還有其他情況，可依此類推（圖4）。

同樣道理，“錯誤”提示的顯示設置與這個類似。如新增觸發(fā)器，在彈出窗口的操作處選擇“顯示圖層”，圖層處選擇“錯誤”，時間處選擇“用戶單擊”，對象處選擇“按鈕1”，點擊“顯示條件”;點擊“+”，在彈出的窗口選擇“變量”，如果處選擇“文本輸入題3”（即sz4），運算符處選擇“！=不等于”，類型處選擇“值”，值處輸入“20”。這樣，當計算結果不等于“20”時，則顯示錯誤提示。如果還有其他情況，依此類推（圖5）。

3.作品發(fā)布

點擊“播放器”按鈕，在彈出窗口的功能選項卡中，將資源、菜單之類的勾選全部去掉。最后，點擊“發(fā)布”按鈕，在彈出的窗口選擇VVeb選項卡，輸入標題，設置好發(fā)布文件夾，發(fā)布就可以了。