Authorware教程：框架和導(dǎo)航結(jié)構(gòu)的設(shè)計(jì)

1、第10章框架和導(dǎo)航結(jié)構(gòu)的設(shè)計(jì)在Autuorware中，利用“框架”圖標(biāo)，可以建立流程的頁，通過“導(dǎo)航”圖標(biāo)，可以實(shí) 現(xiàn)對(duì)頁的訪問。10.1翻頁結(jié)構(gòu)設(shè)計(jì)西風(fēng)吹書讀哪頁10.1 . 1認(rèn)識(shí)框架圖標(biāo)在Authorware中，框架結(jié)構(gòu)有三部分組成：框架圖標(biāo)、 不同主頁的頁圖標(biāo)、導(dǎo)14航圖標(biāo)。在框架圖標(biāo)中他們?nèi)咧挥薪Y(jié)合在一起才有導(dǎo)航的作用。I 岡Untitled2兇匚幻框架''丄丄1IW11S1 國、第一貢 第二頁Level 1框架中的更圖 10.1框架圖標(biāo)/框架圖標(biāo)Ent rys Level 1Gray Habitation Panelffavijat ion hjp °G

2、o backRecent pages FindExit f ranework FirwtExit; Level 1圖10.2框架圖標(biāo)的內(nèi)部結(jié)構(gòu)“框架”圖標(biāo)窗口共分為三部分。在輸入窗口的最頂端是一個(gè)“顯示”圖標(biāo)?！帮@示”圖標(biāo)的下方是“交互”圖標(biāo)。近期障世貞下亠暹啦換<怎圖10.3導(dǎo)航按鈕在“交互”圖標(biāo)中的八個(gè)定向按鈕，在程序運(yùn)行時(shí)，只要單擊這些定向按鈕就可以實(shí)現(xiàn) 頁面的跳轉(zhuǎn)和查找。白中國奇觀背景 喜馬檢雅山 黃河瀑布 萬里悵城 西寶兵馬俑囹 Gray Navigation PanelNavigat ion hyp.運(yùn)行該程序后屏幕上首先出現(xiàn)圖 圖10.3所示的響應(yīng)方式跳轉(zhuǎn)。3兇Lev*!

3、1Go back Recent pages FindEzit framework Fif#t page-n x|Ent ry: Level 1Exit: Level 1圖10.4例10-1-中國奇觀程序10.5的效果，然后可點(diǎn)擊屏幕上的按鈕，程序?qū)?huì)按照鞫 Presentation WindowFile圖10.5例10-1-中國奇觀程序運(yùn)行效果10.1 . 2認(rèn)識(shí)導(dǎo)航圖標(biāo)“導(dǎo)航”圖標(biāo)主要用于控制程序的跳轉(zhuǎn)方向和方式，通過該圖標(biāo)，可跳轉(zhuǎn)到程序中任意“框架”圖標(biāo)下的頁圖標(biāo)。具體可實(shí)現(xiàn)以下功能：(1) 跳轉(zhuǎn)到程序中任意頁圖標(biāo)；(2) 圖標(biāo)間的相對(duì)位置跳轉(zhuǎn)，如跳轉(zhuǎn)到前一頁或后一頁；(3) 回到用戶使用

4、過的頁圖標(biāo)；在用戶已使用過的頁圖標(biāo)中選擇一頁作為目的頁；(5) 查找功能定位所需的頁圖標(biāo)并跳轉(zhuǎn)；(6) 通過于程序調(diào)用跳轉(zhuǎn)并返回?！翱蚣堋眻D標(biāo)建立了頁的結(jié)構(gòu)，但要實(shí)現(xiàn)與頁之間的定向鏈接，就是用“導(dǎo)航”圖標(biāo)。雙擊“導(dǎo)航”圖標(biāo)，打開“Properties:Navigate IconRecent pages ”屬性設(shè)置對(duì)話框。圖10.6導(dǎo)航圖標(biāo)屬性設(shè)置在對(duì)話框的“ Destination ”欄中可選擇如下五種鏈接方式。1. Recent2. Nearby圖10.7設(shè)置最近頁面屬性1）單擊"Previous”按鈕2）單擊“ Next ”按鈕3）單擊“ First ”按鈕4）單擊“ Last”

5、按鈕5）單擊“ ExitFramework / Return ”按鈕3. Any where圖10.8設(shè)置任意位置頁面屬性4. Calculate圖10.9設(shè)置計(jì)算頁面屬性5. Search圖10.10設(shè)置查找頁面屬性Type”Search” （搜索）10.1 . 3創(chuàng)建框架結(jié)構(gòu)的基本操作框架結(jié)構(gòu)的創(chuàng)建一般步驟如下：(1) 拖曳“框架”圖標(biāo)到主流程線上并命名。拖曳頁圖標(biāo)至“框架”圖標(biāo)的右側(cè)釋放并命名。(3) 雙擊“框架”圖標(biāo)打開其“輸入/輸出”層進(jìn)行編輯。輸入/輸出層的結(jié)構(gòu)流程及缺省 工具條。(4) 編輯“框架”圖標(biāo)右側(cè)各頁的內(nèi)容框架輸入層有一套缺省的翻頁工具條，共有8個(gè)按鈕，如果對(duì)缺省的翻頁

6、工具條不滿意，例如工具條按鈕個(gè)數(shù)、按鈕形狀、按鈕位置以及各按鈕的響應(yīng)方式等，均可以進(jìn)行調(diào)整，具 體操作如下。(1) 改變工具條的按鈕數(shù)目：(2) 改變響應(yīng)方式：(3) 改變按鈕形狀：(4) 拖放按鈕位置：當(dāng)程序執(zhí)行到一個(gè)框架結(jié)構(gòu)時(shí)，在進(jìn)入其中第一個(gè)頁圖標(biāo)前首先執(zhí)行“框架”圖標(biāo)的輸 入層內(nèi)容，在窗口中顯示出輸入層缺省的(或定制的)導(dǎo)航按鈕，然后自動(dòng)進(jìn)入首頁瀏覽。在退出框架結(jié)構(gòu)時(shí)，執(zhí)行框架輸出層的設(shè)置內(nèi)容后，刪除框架結(jié)構(gòu)中的所有內(nèi)容，撤銷所有 導(dǎo)航控制。另外，替換系統(tǒng)默認(rèn)的定向控制還有另一種方法，那就是使用模塊進(jìn)行替換。如果確實(shí)想這樣做，可以參照下面的具體步驟進(jìn)行：1. 打開Authorware7

7、的文件夾，在列表框中用鼠標(biāo)右鍵單擊Framewrk.a7d文件，選擇“剪切”命令。然后進(jìn)入其他目錄，用右鍵單擊窗口的空白處，在彈出的菜單中選擇“粘貼”命令，將此模塊文件移動(dòng)到這個(gè)文件夾中保存。2. 打開流程線上的“框架”圖標(biāo)，然后刪除輸入窗口中的所有圖標(biāo)，按用戶的需要設(shè)置新的 定向控制結(jié)構(gòu)。實(shí)例10.1西風(fēng)吹書讀哪頁-中國奇觀電子圖書程序設(shè)計(jì)的步驟如下：1 .用“ Modify ”t“ File ”宀“ Properties ”命令設(shè)置程序的基本參數(shù)，選定分辨率為 640X 480。2 .拖曳一個(gè)框架圖標(biāo)至流程線上，然后為它命名“中國奇觀”。3. 先后拖曳七個(gè)顯示圖標(biāo)到框架圖標(biāo)的右下方建立七條

8、分支，然后分別為它命名為“背 景”、“喜瑪亞拉山”、“黃河瀑布”、“萬里長城”、“西安兵馬俑”、“新安江”、“青藏高原”。4. 雙擊“背景”顯示圖標(biāo)，用文本設(shè)計(jì)標(biāo)題“中國奇觀”，然后輸入“第十章框架和導(dǎo)航結(jié)構(gòu)的設(shè)計(jì)/10-1-翻頁結(jié)構(gòu)設(shè)計(jì)/10-1-中國奇觀圖片/背景.jpg ”。5. 依次雙擊后面的顯示圖標(biāo)，然后分別輸入“第十章框架和導(dǎo)航結(jié)構(gòu)的設(shè)計(jì)/10-1-翻頁結(jié)構(gòu)設(shè)計(jì)/10-1-中國奇觀圖片/”相應(yīng)的圖片。10.2動(dòng)態(tài)跳轉(zhuǎn)設(shè)計(jì)一一非線性閱讀10.2.1 幾種常見的翻頁跳轉(zhuǎn)結(jié)構(gòu)在Autuorware中，有關(guān)翻頁結(jié)構(gòu)的制作在很大程度上都需要通過“導(dǎo)航”圖標(biāo)及“框架”圖標(biāo)協(xié)作來完成，兩者缺一不

9、可。一、在多個(gè)框架圖標(biāo)之間實(shí)現(xiàn)跳轉(zhuǎn)Level 1口開始back12345ni.6S54Size：52 Mpd：2S04-e； ReE bvNfiFramework.Entire filep Wflrd臣 KeywordTVP ； <* Jwp t* Fit寧 r Cflll and El| Any*here;tiiLalion:Pa£«；Um國H圖10.11多個(gè)框架圖標(biāo)之間的跳轉(zhuǎn)、利用導(dǎo)航圖標(biāo)直接跳轉(zhuǎn)圖10.12直接跳轉(zhuǎn)三、使用交互圖標(biāo)控制跳轉(zhuǎn)罔UntitledLevel 1按總 熱區(qū) 熱對(duì)象-一 _（面I 出哈血血尙12 3 4 5圖10.13交互控制10.2.2

10、框架的嵌套和返回框架的嵌套是指一個(gè)框架的某些頁中還存在有另外一個(gè)框架的使用方式。實(shí)例10.2多媒體教材程序設(shè)計(jì)的步驟如下：1 設(shè)置程序的基本參數(shù)。2 .拖曳一個(gè)交互圖標(biāo)至流程線上，然后為它命名"多媒體教材”。包括四個(gè)按鈕響應(yīng),圖10.14多媒體教材主程序Level 1鉤多媒體®H.a7p容內(nèi)授題析助 鞍習(xí)芬?guī)?. 為每一按鈕響應(yīng)設(shè)置鏈接。講授內(nèi)容 習(xí)題問題分析 幫助圖10.15多媒體教材按鈕響應(yīng)設(shè)置4 總體框架中的“習(xí)題”部分內(nèi)容應(yīng)該包含各章的習(xí)題，所以在“習(xí)題”這一夜中又包 含了一個(gè)名為“章”的子框架，此子框架中的每一頁相當(dāng)于每一張的習(xí)題。Level 1講授內(nèi)容 習(xí)題間題

11、分析多媒體救材內(nèi)容I I I I教授內(nèi)容 習(xí)題wi圖10.16 多媒體教材子框架示意圖上1其I冬媒體裁材孑參媒體救材內(nèi)容Level 1講授內(nèi)容 習(xí)題容內(nèi)授題析肋 鞍習(xí)分幫問題分析 幫助圖10.17多媒體教材程序跳轉(zhuǎn)當(dāng)從主框架中進(jìn)入其中一頁的子框架時(shí)，程序并不退出主框架?？蚣艿那短字心J(rèn)的導(dǎo)航控制功能與普通框架中默認(rèn)的控制響應(yīng)按鈕的功能區(qū)別。在框架嵌套中的搜索功能。Any where和Calculated類型的導(dǎo)航控制特點(diǎn)。利用導(dǎo)航圖標(biāo)實(shí)現(xiàn)主框架和子框架中的相互跳轉(zhuǎn)。二、框架的返回框架的返回與前面介紹的返回并不相同，前面介紹的內(nèi)容是設(shè)置如何返回到最近訪問的 某頁，而框架的返回相當(dāng)于程序設(shè)計(jì)語言中

12、的子程序概念。要?jiǎng)?chuàng)建一個(gè)完整的子程序，操作步驟如下：（1）拖動(dòng)一個(gè)框架圖標(biāo)到流程線上。（2）拖動(dòng)其他圖標(biāo)到框架圖標(biāo)的右邊，并編輯這些圖標(biāo)的內(nèi)容。（3）在框架圖標(biāo)的每一頁的最后都添加一個(gè)導(dǎo)航圖標(biāo)，并將其屬性設(shè)置為 Nearby中的ExitFramework/Return。(4) 拖動(dòng)一個(gè)導(dǎo)航圖標(biāo)到程序中需要跳轉(zhuǎn)的地方。(5) 導(dǎo)航圖標(biāo)屬性對(duì)話框中將該導(dǎo)航圖標(biāo)的Destination屬性設(shè)置成 Anywhere。(6) 在Any where屬性下面的 Type選項(xiàng)組中選擇 Call and Retur n單選按鈕。(7) 鏈接到子程序中的某一頁。(8) 重復(fù)步驟(4)到步驟(7)的操作，直到結(jié)束。

13、10.3熱字鏈接一一超文本大動(dòng)員在Autuorware中，利用超文本對(duì)象也可以建立一種定向鏈接，當(dāng)使用鼠標(biāo)單擊、雙擊或 將鼠標(biāo)移至定義的超文本正文對(duì)象上時(shí)，Autuorware就會(huì)直接進(jìn)入與該正文對(duì)象所對(duì)應(yīng)、所鏈接的頁中，這樣的正文對(duì)象被我們稱之為超文本對(duì)象，簡(jiǎn)稱超文本。10. 3. 1超級(jí)鏈接文本使用原則10. 3. 2設(shè)置超級(jí)鏈接文本的風(fēng)格超級(jí)鏈接文本都是具備一定風(fēng)格的。在Autuorware中，超級(jí)鏈接把定義一種風(fēng)格和導(dǎo)航圖標(biāo)建立的交互結(jié)合在一起使用。圖10.18定義超文本鏈接的顯示風(fēng)格1. In teractivity2. Auto Highlight3. Cursor4. Navig

14、ate To10. 3. 3設(shè)置超級(jí)鏈接文本的基本操作在Autuorware中制作超文本要用到的 Define Styles對(duì)話框。(1)拖動(dòng)一個(gè)框架圖標(biāo)到流程線上，命名為“主菜單”，雙擊打開該框架圖標(biāo)，將其所有內(nèi)容刪除。拖動(dòng)四個(gè)顯示圖標(biāo)放在框架圖標(biāo)的右邊，分別命名為“本書目錄”、“唐詩”、“宋詞”、“古風(fēng)”。 IE錄自書詩詞M本唐宋古Level 1圖10.19超級(jí)鏈接程序(2) 單擊Text菜單，選擇 Define Styles選項(xiàng)。(3) 雙擊“本書目錄”顯示圖標(biāo)，其中“唐詩”、“宋詞”、“古風(fēng)”全部設(shè)為“標(biāo)題”風(fēng)格。本書口錄圭詞劃圖10.20超級(jí)鏈接的封面(4) 雙擊“唐詩”顯示圖標(biāo)，其

15、中“返回”設(shè)為“返回”風(fēng)格。圖10.21唐詩的內(nèi)容(5) 重復(fù)(4)可完成“宋詞”、“古風(fēng)”的設(shè)置。(6) 單擊按鈕，使程序運(yùn)行。設(shè)置10.22所示的導(dǎo)航圖表述性對(duì)話框。0KC込磴el):05544Size.52 d-2004-4-2 Ref. bvHo詩Ycrd書鳳詢 凈古耒CancelID: 65544.Size：52 MQ-d:20OW-£Ref. bvifa1斥Typa : > ' J"unp Id F& C? Call and RetFramework珀訊I中 Wrd兩 Koyword:tinati oil| Anther ePtK*本書目親

16、 古鳳 宋詞 垂詩圖10.22設(shè)置導(dǎo)航圖標(biāo)的屬性(7)繼續(xù)運(yùn)行該程序，進(jìn)入圖 10.21頁面，點(diǎn)擊“返回”，系統(tǒng)會(huì)打開圖10.23所示的返回屬性對(duì)話框。2S1屋 Prcperties: havigatian圖10.23設(shè)置返回屬性實(shí)例10.3超文本大動(dòng)員-班級(jí)紀(jì)念光盤感 Prcscntaitioini Window圖10.24程序主畫面File鳴噥前Sr4月t學(xué)蟲活>1-4T開記憶時(shí)Mf'J人生目it-.!x.Level 1窗口大小頁面主畫面 第一部分 第二部分 第三部分 第四部分罔主倉面Level 2主畫面選擇圖10.25程序流程圖在制作超文本之前，首先要定制文本格式。單擊對(duì)話框中的按鈕，打開Properties : Navigation Style對(duì)話框，拖動(dòng) Page列表框右側(cè)的滾動(dòng)條