Authorware應(yīng)用案例教程,制作“古詩欣賞”：綜合應(yīng)用圖標課件

1、第9章 制作“古詩欣賞”課件：綜合應(yīng)用圖標9.1 實例介紹和分析9.2 制作過程9.3 擴展練習(xí)9.4 本章小結(jié)9.1 實例介紹和分析1. 實例介紹在本章中，通過制作“古詩欣賞”課件，為讀者介紹顯示圖標、等待圖標、擦除圖標、交互圖標、決策圖標以及框架圖標等綜合應(yīng)用方法和技巧。在多媒體課件中，良好的視覺效果往往能夠首先吸引用戶的注意力。在本實例中，首先顯示的是課件的封面，在課件中配備了背景音樂，還有GIF動畫；為了更加方便地選擇欣賞的課件，課件使用了框架圖標和導(dǎo)航圖標，使得用戶可以隨機地選擇要欣賞的古詩；在欣賞每首古詩時，可以查看作者的簡介、古詩的含義、古詩的評析，還有課后練習(xí)。2. 實例分析制

2、作課件的封面時，可以使用聲音圖標、顯示圖標，還有GIF動畫。在古詩賞析部分，使用框架圖標、導(dǎo)航圖標；在介紹第一首古詩時，使用顯示圖標、擦除圖標、計算圖標和交互圖標；在介紹第二首詩的時候，使用顯示圖標、決策圖標、交互圖標、計算圖標以及群組圖標。3. 實例效果實例封面運行效果如圖9.1所示。當(dāng)單擊鼠標后，就進入古詩欣賞目錄界面，如圖9.2所示。 圖9.1 實例效果封面 圖9.2 實例效果圖9.2 制作過程1. 制作課件封面部分（1）新建一個文件，并保存命名為“古詩欣賞.a7p”。（2）選擇菜單“修改”“文件”“屬性”命令，打開文件屬性面板，如圖9.3所示。在“大小”后的下拉列表框中選擇“根據(jù)變量”

3、選項。用鼠標單擊 ，彈出“顏色”對話框，選擇黑色，單擊“確定”按鈕關(guān)閉對話框。圖9.3 文件屬性面板1. 制作課件封面部分（3）拖動一個聲音圖標到程序流程線上，命名為“背景音樂”。雙擊該“背景音樂”聲音圖標，打開其聲音屬性面板，如圖9.4所示。單擊左下角的“導(dǎo)入.”按鈕，彈出“導(dǎo)入哪個文件”對話框，選擇要導(dǎo)入的音樂文件，單擊“導(dǎo)入”按鈕，導(dǎo)入背景音樂。圖9.4 聲音圖標屬性面板1. 制作課件封面部分（4）單擊“計時”選項卡，在選項“執(zhí)行方式”下拉列表中選擇“永久”選項；在選項“播放”下拉列表中選擇“播放次數(shù)”選項。其他選項按默認值，如圖9.5所示。圖9.5 設(shè)置聲音圖標屬性1. 制作課件封面部

4、分（9）單擊菜單“插入”“媒體”“Animated GIF.”命令，打開“Animated GIF Assert屬性”對話框，單擊“瀏覽”按鈕，在彈出的對話框中選擇“鳥.gif”，單擊“打開”按鈕，回到“Animated GIF Assert屬性”對話框，單擊“確定”按鈕，關(guān)閉“Animated GIF Assert屬性”對話框，如圖9.8所示。圖9.8 “Animated GIF Assert屬性”對話框1. 制作課件封面部分（10）拖動一個顯示圖標到“Animated GIF.”對象的下方，并命名為“文字”。（11）雙擊打開“文字”顯示圖標的演示窗口，單擊“文本”工具，輸入文本內(nèi)容“古詩欣

5、賞”。（12）選中輸入的文本內(nèi)容，選擇菜單“文本”“字體”“其他”命令，打開字體對話框，在“字體”下拉列表中選擇“楷體_GB2312”選項，如圖9.9所示，單擊“確定”按鈕，關(guān)閉對話框。（13）同樣選中文本內(nèi)容，選擇菜單“文本”“大小”“其他”命令，在“字體”文本框中輸入數(shù)字36，也就是設(shè)置選擇的文本大小為36號字，如圖9.10所示，單擊“確定”按鈕，關(guān)閉對話框。 圖9.9 “字體”對話框 圖9.10 “字體大小”對話框1. 制作課件封面部分（14）單擊“工具”面板上的“選擇/移動”工具 ，選中文本內(nèi)容，選擇菜單“文本”“消除鋸齒”命令，消除文本邊緣的鋸齒。（15）選中文本，單擊工具欄上的“復(fù)

6、制”按鈕 ，然后再單擊工具欄上的“粘貼”按鈕 粘貼文本。（16）單擊“工具”面板上的“文本和線條顏色”工具 ，打開顏色面板，將“古詩欣賞”及其副本分別設(shè)置為淡黃色和淡綠色。（17）調(diào)整兩個文本的位置，將淡綠色的“古詩欣賞”放在淡黃色的“古詩欣賞”的上方，單擊“工具”面板上的“模式”工具 ，將淡藍色和淡黃色的“古詩欣賞”都設(shè)置為“透明”模式。2. 制作主體部分 雙擊打開“詩目錄”群組圖標，拖動一個顯示圖標到流程線上，并命名為“背景”。雙擊該顯示圖標打開其演示窗口，單擊工具欄上的“導(dǎo)入”按鈕，導(dǎo)入事先準備好的背景圖片，調(diào)整圖片的大小的位置，如圖9.15所示。 圖9.15 導(dǎo)入的背景圖片2. 制作主

7、體部分 拖動一個顯示圖標到“背景”顯示圖標的下方，并命名為“目錄”。雙擊該顯示圖標打開其演示窗口，選擇“工具”面板上的文本工具，輸入文本并設(shè)置文本的格式，調(diào)整文本的位置，設(shè)置好的文本如圖9.16所示。圖9.16 添加設(shè)置好的文本 2. 制作主體部分 拖動一個交互圖標到“目錄”顯示圖標的下方，并命名為“交互控制”。拖動一個導(dǎo)航圖標到“交互控制”交互圖標的右側(cè)，在彈出的“交互類型”對話框中選擇“熱區(qū)域”選項，單擊“確定”按鈕關(guān)閉對話框。命名該導(dǎo)航圖標為“導(dǎo)航到“暮江吟”?！?依次拖動三個導(dǎo)航圖標到“導(dǎo)航到“暮江吟”導(dǎo)航圖標的右側(cè)，并依次命名，如圖9.17所示。 圖9.17 添加的導(dǎo)航圖標2. 制作

8、主體部分 雙擊導(dǎo)航圖標上方的類型標識符，拖動演示窗口的熱區(qū)到文本“暮江吟”的位置，并設(shè)置熱區(qū)的虛線框的大小，如圖9.18所示。圖9.18 設(shè)置熱區(qū)的位置和大小2. 制作主體部分（2）制作古詩“暮江吟”。 雙擊打開“暮江吟”群組圖標，拖動一個擦除圖標到流程線上，并命名為“e1”。雙擊該擦除圖標打開其屬性面板，在演示窗口中單擊要擦除的對象，被擦除對象的圖標名稱便顯示在屬性面板的列表框中，如圖9.20所示。圖9.20 擦除圖標屬性面板2. 制作主體部分 拖動一個顯示圖標到“e1”擦除圖標的下方，并命名為“詩背景”，雙擊打開該顯示圖標的演示窗口，單擊工具欄上的“導(dǎo)入”按鈕，導(dǎo)入事先準備好的背景圖片，調(diào)

9、整圖片的大小和位置。 拖動一個顯示圖標到“詩背景”顯示圖標的下方，并命名為“詩”。雙擊該顯示圖標打開該顯示圖標的演示窗口，選擇“工具”面板的“文本”工具，輸入文本并設(shè)置文本的格式，如圖9.21所示。圖9.21 輸入的文本2. 制作主體部分 打開“詩背景”顯示圖標的屬性面板，設(shè)置“詩背景”顯示圖標的特效為“向下解開展示”，如圖9.22所示。打開“詩”顯示圖標的屬性面板，設(shè)置“詩”顯示圖標的特效為“向下”如圖9.23所示。 圖9.22 “詩背景”圖標的特效方式設(shè)置 圖9.23 “詩”圖標的特效方式設(shè)置2. 制作主體部分 拖動一個交互圖標到“詩”顯示圖標的下方，并命名為“選擇”。拖動一個群組圖標到“

10、選擇”交互圖標的右側(cè)，在彈出的“交互類型”對話框中選擇“按鈕”選項，并命名該群組圖標為“作者簡介”。 拖動三個群組圖標到“作者簡介”群組圖標的右側(cè)，依次命名為“詩文大意”、“詩文賞析”以及“習(xí)題”。拖動一個計算圖標到“選擇”交互圖標的最右側(cè)，并命名為“返回”。2. 制作主體部分 參照設(shè)置“作者簡介”交互按鈕屬性面板的方法，設(shè)置其他四個交互按鈕的屬性。其中“返回”按鈕的形狀選擇的是“標準Window 3.1按鈕系統(tǒng)”選項，其余設(shè)置和其他按鈕相同。都設(shè)置完成后，調(diào)整各個按鈕的大小和位置，如圖9.24所示。圖9.24 設(shè)置完成的按鈕 2. 制作主體部分 雙擊打開“作者簡介”群組圖標，拖動一個擦除圖標

11、到流程線上，并命名為“e2”。雙擊“e2”擦除圖標，打開該擦除圖標的屬性面板，單擊要擦除的對象，這里要擦除的是“詩”顯示圖標中的內(nèi)容，單擊演示窗口中的詩文本即可實現(xiàn)擦除。 拖動一個顯示圖標到“e2”擦除圖標的下方，并命名為“白居易圖像”。雙擊該顯示圖標打開其屬性面板，單擊工具欄上的“導(dǎo)入”按鈕，導(dǎo)入事先準備好的白居易圖像文件，并調(diào)整其大小和位置。在該圖標的屬性面板中，設(shè)置圖像的特效為“小框形式”。2. 制作主體部分 拖動一個顯示圖標到“白居易圖像”顯示圖標的下方，并命名為“詩人簡介”。雙擊該顯示圖標打開其演示窗口，輸入文本并設(shè)置文本的字體為“黑體”，文本的大小為16號，文本顏色為黑色，并消除文

12、本的邊緣鋸齒。設(shè)置完成的效果如圖9.25所示。 圖9.25 輸入的詩人簡介文本2. 制作主體部分雙擊打開“詩文大意”群組圖標，拖動一個擦除圖標到流程線上，并命名為“e3”。雙擊打開其屬性面板，單擊演示窗口中要擦除的詩文本。拖動一個顯示圖標到該擦除圖標的下方，并命名為“詩大意1”。雙擊該顯示圖標打開其演示窗口，選擇“文本”工具，輸入文本并設(shè)置文本的格式，如圖9.26所示。設(shè)置文本的特效方式為“以相機光圈開放”。11圖9.26 “詩大意1”圖標輸入的文本 2. 制作主體部分拖動一個等待圖標到“詩大意1”顯示圖標的下方，雙擊該等待圖標打開其屬性面板，選中“單擊鼠標”和“按任意鍵”復(fù)選框，取消其他復(fù)選

13、框的選中狀態(tài)。 拖動一個顯示圖標到該等待圖標的下方，并命名為“詩大意2”。雙擊該顯示圖標打開其演示窗口，輸入文本并設(shè)置文本的格式，如圖9.27所示。設(shè)置文本的特效方式為“以相機光圈收縮”。1213 圖9.27 “詩大意2”圖標輸入的文本2. 制作主體部分 參照第（11）步、第（12）步和第（13）步，制作“詩文賞析”群組圖標和“習(xí)題”群組圖標?！霸娢馁p析”群組圖標的二級流程線如圖9.28所示，“習(xí)題”群組圖標的二級流程線如圖9.29所示。14 圖9.28 “詩文賞析”二級程序流程 圖9.29 “習(xí)題”二級程序流程2. 制作主體部分“e4”和“e5”擦除圖標的設(shè)置方式和“e3”相同。雙擊“詩文賞

14、析”顯示圖標，打開其演示窗口，選擇“文本”工具，輸入文本并設(shè)置文本格式，如圖9.30所示。雙擊“題”顯示圖標，打開其演示窗口，輸入文本并設(shè)置文本格式，如圖9.31所示。15 圖9.30 “詩文賞析”圖標中的文本 圖9.31 “題”圖標中的文本2. 制作主體部分雙擊“返回”計算圖標，打開其代碼編輯窗口，輸入以下代碼：Goto(IconID詩目錄)163. 制作詩“落花”（1）雙擊打開“落花”群組圖標，拖動一個顯示圖標到流程線上并命名為“背景圖”。雙擊該顯示圖標，打開其演示窗口，單擊工具欄上的“導(dǎo)入”按鈕，導(dǎo)入事先準備好的背景圖片，調(diào)整好大小，并設(shè)置其特效方式為“原色”，如圖9.32所示。圖9.3

15、2 導(dǎo)入的背景圖片 3. 制作詩“落花”（2）拖動一個顯示圖標到“背景圖”顯示圖標的下方，并命名為“詩”。雙擊該顯示圖標打開其演示窗口，選擇“文本”工具，輸入文本并設(shè)置文本格式，如圖9.33所示。 圖9.33 輸入的文本3. 制作詩“落花”（3）拖動一個顯示圖標到“詩”顯示圖標的下方，并命名為“李商隱圖像”。雙擊該顯示圖標打開其演示窗口，單擊工具欄上的“導(dǎo)入”按鈕，導(dǎo)入事先準備好的圖像，并調(diào)整其大小和位置。（4）拖動一個判斷圖標到“李商隱圖像”顯示圖標的下方，并命名為“計算路徑”。拖動四個群組圖標到該判斷圖標的右側(cè)，并依次命名為“作者簡介”、“詩詞大意”、“詩詞賞析”和“習(xí)題”。3. 制作詩“

16、落花”（5）雙擊“計算路徑”判斷圖標，打開其屬性面板，如圖9.34所示。選擇“重復(fù)”下拉列表框中的“固定的循環(huán)次數(shù)”選項，在下方的文本框中輸入4；選擇“分支”下拉列表框中的“計算分支結(jié)構(gòu)”選項，此時，判斷圖標的圖案由 變?yōu)?，如圖9.35所示。在“分支”下拉列表框下面的文本框中輸入變量“num”。設(shè)置后，在彈出“新建變量”對話框中設(shè)置變量num的初始值為0。圖9.34 決策圖標屬性面板圖9.35 決策圖標的變化3. 制作詩“落花”（6）單擊選中“計算路徑”判斷圖標，按Ctrl+=組合鍵，打開該圖標的程序編輯窗口，輸入以下代碼：num:=num+1即每次變量加1，使得計算決策結(jié)構(gòu)從左往右執(zhí)行一遍

17、所有的路徑。（7）雙擊“作者簡介”群組圖標，拖動一個等待圖標到流程線上，雙擊該等待圖標打開其屬性面板，選中“單擊鼠標”復(fù)選框，取消其他選項的選中狀態(tài)。（8）拖動一個擦除圖標到等待圖標的下方，并命名為“e6”。雙擊該擦除圖標打開其屬性面板，單擊演示窗口中需要擦除的對象，被擦除對象所對應(yīng)的圖標名稱顯示在屬性面板的列表框中，如圖9.36所示。圖9.36 擦除圖標屬性面板3. 制作詩“落花”（9）拖動一個顯示圖標到“e6”擦除圖標的下方，并命名為“詩人簡介”。雙擊該顯示圖標打開其演示窗口，選擇“文本”工具，輸入文本內(nèi)容并設(shè)置文本的格式，如圖9.37所示。（10）雙擊打開“詩詞大意”群組圖標，拖動一個顯

18、示圖標到流程線上，并命名為“大意”。雙擊該顯示圖標，打開其演示窗口，選擇“文本”工具，輸入文本并設(shè)置文本的格式，如圖9.38所示。打開該顯示圖標的屬性面板，設(shè)置特效方式為“Cover Center Out”。 圖9.37 “詩人簡介”圖標中的文本 圖9.38 “大意”圖標中的文本3. 制作詩“落花”（11）雙擊打開“詩詞賞析”群組圖標，拖動一個顯示圖標到流程線上，并命名為“賞析”。雙擊該顯示圖標，打開其演示窗口，輸入文本并設(shè)置文本的格式，如圖9.39所示。打開該顯示圖標的屬性面板，設(shè)置特效方式為“Edges In，Horizontal”。（12）拖動縮排線上的“首行縮進”滑塊，調(diào)整每個段落的首

19、行縮進量為兩個字符，如圖9.40所示。 圖9.39 輸入的文本 圖9.40 每個段落首行縮進兩個字符3. 制作詩“落花”（13）雙擊打開“習(xí)題”群組圖標，拖動一個顯示圖標到流程線上，并命名為“習(xí)題題目”。雙擊該顯示圖標打開其演示窗口，選擇“文本”工具，輸入文本內(nèi)容，如圖9.41所示。圖9.41 輸入的習(xí)題題目3. 制作詩“落花”（14）拖動一個交互圖標到“習(xí)題題目”顯示圖標的下方，并命名為“題1”。拖動一個群組圖標到“題1”交互圖標的右側(cè)，在彈出的“交互類型”對話框中選擇“文本輸入”選項，并命名該群組圖標為“李商隱”。拖動一個群組圖標到“李商隱”群組圖標的右側(cè)，并命名為“*”。（15）雙擊“李

20、商隱”群組圖標上方的類型標識符，打開其交互圖標屬性面板，單擊“響應(yīng)”選項卡，選擇“擦除”下拉列表框中的“在下一次輸入之后”選項；選擇“分支”下拉列表框中的“退出交互”選項；選擇“狀態(tài)”下拉列表框中的“正確響應(yīng)”選項，具體設(shè)置如圖9.42所示。圖9.42 交互圖標屬性面板設(shè)置3. 制作詩“落花”（16）雙擊“*”群組圖標上方的類型標識符，在打開的屬性面板中單擊“響應(yīng)”選項卡，選擇“狀態(tài)”下拉列表框中的“錯誤響應(yīng)”，具體設(shè)置如圖9.43所示。圖9.43 “*”交互圖標屬性面板設(shè)置3. 制作詩“落花”（17）單擊“題1”交互圖標，在演示窗口中出現(xiàn)一文本框，拖動文本框調(diào)整其位置，拖動其上的控制柄調(diào)整文

21、本框的大小，如圖9.44所示。圖9.44 移動文本框并調(diào)整其大小3. 制作詩“落花”（18）在演示窗口中雙擊文本框，打開“屬性：交互作用文本字段”對話框。單擊“交互作用”選項卡，取消“輸入標記”和“退出時擦除輸入內(nèi)容”復(fù)選框的選中狀態(tài)，如圖9.45所示。單擊“文本”選項卡，設(shè)置文本框中文字的字體、大小、風(fēng)格和模式，如圖9.46所示。 圖9.45 “交互作用”選項卡的設(shè)置 圖9.46 “文本”選項卡的設(shè)置3. 制作詩“落花”（19）雙擊打開“李商隱”群組圖標，拖動一個計算圖標到流程線上，并命名為“設(shè)置變量”。雙擊該計算圖標，打開其程序編輯窗口，輸入a:=1。（20）單擊選中“設(shè)置變量”計算圖標，

22、單擊工具欄上的“復(fù)制”按鈕。雙擊打開“*”群組圖標，單擊工具欄上的“粘貼”按鈕。雙擊打開該計算圖標的程序編輯窗口，刪除以前的代碼，輸入a:=0。（21）參照“題1”的制作步驟，制作“題2”。此時流程線的結(jié)構(gòu)如圖9.47所示。圖9.47 添加“題2”交互后的程序流程圖3. 制作詩“落花”（22）雙擊打開“唐”群組圖標，修改“設(shè)置變量”計算圖標的程序代碼為b:=1，雙擊打開“*”群組圖標，修改“設(shè)置變量”計算圖標的程序代碼為b:=0。（23）單擊“題2”交互圖標，拖動演示窗口中的文本框到合適位置，如圖9.48所示。圖9.48 拖動文本框的位置3. 制作詩“落花”（24）拖動一個交互圖標到“題2”交

23、互圖標的下方，并命名為“條件”。拖動一個群組圖標到該交互圖標的右側(cè)，在彈出的“交互類型”對話框中選擇“條件”選項，單擊“確定”按鈕關(guān)閉對話框。拖動三個群組圖標到該群組圖標的右側(cè)，如圖9.49所示。圖9.49 添加的三個群組圖標3. 制作詩“落花”（25）打開第一個條件交互的屬性面板，在“條件”文本框中輸入“a=1”，在“自動”下拉列表框中選擇“為真”選項，如圖9.50所示。打開第二個條件交互的屬性面板，設(shè)置方式如圖9.51所示。圖9.50 第一個條件交互的屬性面板設(shè)置圖9.51 第二個條件交互的屬性面板設(shè)置3. 制作詩“落花”（26）打開如圖9.51所示的“響應(yīng)”選項卡，選擇“擦除”下拉列表框中的“在下一次輸入之后”選項；選擇“分支”下拉列表框中的“繼續(xù)”選項，如圖9.52所示。同樣設(shè)置圖9.50中的“響應(yīng)”選項卡。圖9.52 “響應(yīng)”選項卡屬性設(shè)置3. 制作詩“落花”（27）用相同的方法設(shè)置其他兩個條件交互的交互屬性，它們的“條件”文本框中分別輸入“b:=