第七章 多媒體作品的創(chuàng)作

第七章多媒體作品的創(chuàng)作1多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用第七章多媒體作品的創(chuàng)作第一節(jié)多媒體作品的創(chuàng)作概述第二節(jié)多媒體創(chuàng)作工具第三節(jié)HTML語(yǔ)言與網(wǎng)頁(yè)制作2多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用加工得到的文本、圖像、動(dòng)畫(huà)、視頻和聲音只是一個(gè)個(gè)獨(dú)立的文件而不是一個(gè)有機(jī)的整體，必須使用多媒體合成工具將它們按要求連接起來(lái)，形成完整的多媒體作品。本章重點(diǎn)介紹基于圖標(biāo)和流程線的多媒體制作軟件Authorware，HTML語(yǔ)言與網(wǎng)頁(yè)制作。講解多媒體作品的制作流程、對(duì)各種素材的處理手法、人機(jī)交互的設(shè)置等技術(shù)。3多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用第一節(jié)多媒體作品的創(chuàng)作概述一、總體設(shè)計(jì)與腳本編寫(xiě)二、收集與整理素材三、制作多媒體作品4多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用第一節(jié)多媒體作品的創(chuàng)作概述多媒體作品的開(kāi)發(fā)主要采用快速原型設(shè)計(jì)思想，就是結(jié)構(gòu)化、自頂向下、逐步精細(xì)的設(shè)計(jì)思路。雖然根據(jù)不同目標(biāo)開(kāi)發(fā)的多媒體作品，功能不同，表現(xiàn)方式也不相同，但開(kāi)發(fā)流程是基本相同的，一般都是在需求分析的基礎(chǔ)上進(jìn)行總體規(guī)劃設(shè)計(jì)，然后創(chuàng)作腳本，根據(jù)需求進(jìn)行素材的收集和整理，從而完成媒體的集成，通過(guò)調(diào)試測(cè)試，最終完成作品的發(fā)布。5多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（一）總體設(shè)計(jì)作品的總體設(shè)計(jì)指在對(duì)主題進(jìn)行整體分析的基礎(chǔ)上進(jìn)行構(gòu)思，通常包括作品結(jié)構(gòu)的設(shè)計(jì)、所需素材和總體風(fēng)格的確定等，然后確定多媒體作品中各部分的組成方式及各種素材的連接方式，從而形成一個(gè)有機(jī)的步驟。6多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（二）腳本編寫(xiě)根據(jù)多媒體作品的開(kāi)發(fā)規(guī)模和組織的不同，腳本的含義、詳細(xì)程度和內(nèi)容等方面也會(huì)有很大的差異。編寫(xiě)腳本并沒(méi)有統(tǒng)一的分類和標(biāo)準(zhǔn)。腳本就是多媒體模塊的設(shè)計(jì)方案的具體體現(xiàn)，包含了對(duì)多媒體模塊內(nèi)容、交互控制方式、聲音以及屏幕美術(shù)設(shè)計(jì)等方面的詳細(xì)描述，腳本相當(dāng)于影視拍攝中的劇本，因此它是多媒體產(chǎn)品成功的關(guān)鍵因素之一。7多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用腳本的總體設(shè)計(jì)是對(duì)整個(gè)腳本的版面、圖形文字、內(nèi)容呈現(xiàn)方式、顏色基調(diào)和音樂(lè)節(jié)奏等項(xiàng)目的整體規(guī)劃和設(shè)計(jì)的過(guò)程。腳本的寫(xiě)作首先要根據(jù)所表現(xiàn)主題的需要確定表達(dá)方式，然后對(duì)涉及到的所有信息資料進(jìn)行分析，設(shè)計(jì)每個(gè)屏幕對(duì)象的呈現(xiàn)方式、呈現(xiàn)順序、呈現(xiàn)時(shí)的美術(shù)變化、聲音效果和色彩基調(diào)。腳本的內(nèi)容分析指由軟件開(kāi)發(fā)人員共同分析撰寫(xiě)腳本時(shí)產(chǎn)生的有關(guān)文件，明確腳本的主題、使用對(duì)象和表現(xiàn)基調(diào)，充分了解腳本作者的原意。腳本詳細(xì)設(shè)計(jì)是根據(jù)總體設(shè)計(jì)所確定的原則和方向，進(jìn)行更進(jìn)一步的細(xì)節(jié)描述和素材的準(zhǔn)備工作。（二）腳本編寫(xiě)8多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用二、收集與整理素材素材的整理與收集就是根據(jù)需要，對(duì)各種媒體，例如文字、圖形、圖像、聲音、動(dòng)畫(huà)、視頻等進(jìn)行整理和收集。素材的收集與整理盡管比較瑣碎，但對(duì)整個(gè)系統(tǒng)來(lái)說(shuō)是至關(guān)重要的。在收集素材時(shí)可以分類別進(jìn)行收集，例如，可以分為文字、圖片、動(dòng)畫(huà)、視頻和已有模塊等。在使用相關(guān)軟件處理好素材后，注意保存的目錄應(yīng)該有層次，目錄名稱應(yīng)該用中文，并且標(biāo)明時(shí)間，以便調(diào)用。獲取素材常用的方法是從素材庫(kù)、光盤(pán)或因特網(wǎng)的相應(yīng)網(wǎng)站下載獲得，這種方法相對(duì)容易，但往往不能滿足人們的需求，有時(shí)需要自己制作多媒體素材。9多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用獲取圖形、圖像、聲音、視頻和動(dòng)畫(huà)媒體素材的一般方法:（一）獲取圖形、圖像在計(jì)算機(jī)中，可以利用鍵盤(pán)上的PrintScreen功能鍵或相關(guān)的軟件來(lái)抓取屏幕圖像。除此之外，還可以通過(guò)掃描儀、數(shù)碼相機(jī)等設(shè)備獲取圖像。（二）獲取聲音聲音文件包括WAV文件、MIDI文件、CD文件、MP3文件等?？梢岳肳indows的“錄音機(jī)”程序錄制語(yǔ)音，制成WAV文件。10多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（三）獲取視頻計(jì)算機(jī)中常見(jiàn)的視頻文件有VCD、AVI等。獲取視頻的方法有很多種，最常用的是通過(guò)多媒體播放軟件截取影像。（四）獲取動(dòng)畫(huà)制作動(dòng)畫(huà)的軟件很多，例如，制作二維動(dòng)畫(huà)的軟件有AnimatorPro、IconAnimate等。一些多媒體編輯工具，如Authorware、方正奧思、Director、Flash等，也具有制作二維動(dòng)畫(huà)的功能。制作三維動(dòng)畫(huà)的軟件主要有3DSMAX。獲取圖形、圖像、聲音、視頻和動(dòng)畫(huà)媒體素材的一般方法:11多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用三、制作多媒體作品多媒體作品采用的是模塊化結(jié)構(gòu)，總共分成幾個(gè)模塊，每個(gè)模塊又分成幾層，分別表現(xiàn)什么內(nèi)容，要達(dá)到什么目的，每一個(gè)模塊與其它模塊是什么關(guān)系，它有些什么特點(diǎn)，相互之間如何進(jìn)行交互，要采用哪些檢索手段等等，都應(yīng)給出一個(gè)總體的規(guī)劃。多媒體作品雖然要分成多個(gè)模塊，又是由多個(gè)人來(lái)進(jìn)行創(chuàng)作，但要注意，一個(gè)作品應(yīng)當(dāng)有一個(gè)統(tǒng)一的風(fēng)格。作品的綜合評(píng)估主要是對(duì)其科學(xué)性、教育性、藝術(shù)性等進(jìn)行評(píng)估，提出修改意見(jiàn)，最終評(píng)估是要在使用的實(shí)踐過(guò)程中進(jìn)行的。打包后的多媒體作品就可以脫離其制作軟件直接運(yùn)行，形成可執(zhí)行文件后既不能對(duì)文件進(jìn)行修改，也不能看到程序的具體內(nèi)容了。12多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用第二節(jié)多媒體創(chuàng)作工具一、多媒體創(chuàng)作概述二、制作片頭：顯示、運(yùn)動(dòng)、擦除、等待、組圖標(biāo)三、程序整體框架：交互、框架、導(dǎo)航圖標(biāo)四、聲音的控制：聲音、計(jì)算圖標(biāo)五、視頻動(dòng)畫(huà)的處理：視頻圖標(biāo)、插入媒體六、片尾制作：函數(shù)與變量七、AuthorWare醫(yī)學(xué)多媒體作品制作實(shí)例13多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用第二節(jié)多媒體創(chuàng)作工具一、多媒體創(chuàng)作概述多媒體創(chuàng)作工具，也稱為多媒體開(kāi)發(fā)平臺(tái)、多媒體著作系統(tǒng)、多媒體寫(xiě)作系統(tǒng)或者多媒體編輯軟件，其主要功能是將文字、圖像、聲音、動(dòng)畫(huà)和視頻等多媒體素材按照需求結(jié)合，形成表現(xiàn)力強(qiáng)、交互性強(qiáng)且可在本地主機(jī)或網(wǎng)絡(luò)上傳輸運(yùn)行的多媒體應(yīng)用系統(tǒng)。常見(jiàn)的多媒體應(yīng)用系統(tǒng)的創(chuàng)作工具很多，有方正奧思、洪圖（HongTool）、青鳥(niǎo)師友（JBMT）、幾何畫(huà)板、Action、Authorware、Director、Dreamweaver、Flash、FrontPage、PowerPoint、ToolBook、VisualBasic等。Macromedia公司推出的多媒體制作軟件Authorware是一款優(yōu)秀的交互式多媒體集成開(kāi)發(fā)工具。14多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用Authorware的主要特點(diǎn):為設(shè)計(jì)者提供了直觀的流程線控制界面。提供了多樣化的交互響應(yīng)方式。可直接在屏幕上編輯對(duì)象。支持Flash和Director交互動(dòng)畫(huà)。強(qiáng)有力的數(shù)據(jù)處理能力。強(qiáng)大的功能擴(kuò)展特性。不斷擴(kuò)充的知識(shí)對(duì)象。強(qiáng)化網(wǎng)絡(luò)應(yīng)用功能。具有良好的用戶界面。15多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用Authorware7.0的啟動(dòng)方法

選擇任務(wù)欄中的“開(kāi)始”→“程序”→“Macromedia”→“MacromediaAuthorware7.0”命令。在“新建”對(duì)話框中單擊“取消”或“不選”。16多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用Authorware7.0主界面的組成

流程設(shè)計(jì)窗口標(biāo)題欄主流程線程序開(kāi)始點(diǎn)程序結(jié)束點(diǎn)粘貼指針工具欄圖標(biāo)欄17多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用二、制作片頭

（一）顯示顯示圖標(biāo)是用來(lái)繪制圖形、輸入文字、顯示圖像的。顯示圖標(biāo)是Authorware中最基本和重要的一項(xiàng)功能，靈活并有創(chuàng)意性地應(yīng)用此項(xiàng)功能是Authorware的基礎(chǔ)。

1.添加圖像的方式通過(guò)導(dǎo)入按鈕添加圖像通過(guò)菜單方式添加圖像通過(guò)粘貼方式添加圖像18多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用2.創(chuàng)建圖形（1）將一個(gè)顯示圖標(biāo)或交互圖標(biāo)拖拽到流程線上。（2）雙擊顯示圖標(biāo)打開(kāi)演示窗口和繪圖工具面板。（3）用鼠標(biāo)單擊某項(xiàng)，就可以執(zhí)行此工具相應(yīng)的功能。文本工具：用來(lái)在演示窗口中輸入文字。

直線工具：用于創(chuàng)建水平、垂直及45o角的直線。

斜線工具：用于繪制任意角度的直線。

多邊形工具：用于繪制任意形狀。選取工具：作用是選擇演示窗口中的對(duì)象，被選中的對(duì)象四周會(huì)出現(xiàn)控制句柄，通過(guò)它們能調(diào)節(jié)對(duì)象的大小。

矩形工具：用于繪制矩形，如果在繪圖的同時(shí)按下【Shift】鍵可繪制正方形。

橢圓工具：用于繪制橢圓，如果在繪圖的同時(shí)按下【Shift】鍵可繪制正圓。

圓角矩形工具：用于繪制圓角矩形，可以拖動(dòng)左上角的句柄調(diào)節(jié)圓角的大小。

調(diào)整文字、線條、邊框的顏色設(shè)置封閉圖形的填充顏色

設(shè)置圖形的線型，上面部分用于設(shè)置線條，下面用于設(shè)置有無(wú)箭頭。設(shè)置圖形的填充底紋

19多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（4）設(shè)置顯示效果對(duì)于顯示圖標(biāo)中的對(duì)象，可以根據(jù)需要設(shè)置一些獨(dú)特的顯示屬性以增強(qiáng)演示效果，比如分層顯示、過(guò)渡效果、定位顯示等，都可以實(shí)現(xiàn)。選中流程線上的一個(gè)顯示圖標(biāo)，然后在菜單欄中選擇“修改（M）→圖標(biāo)（I）”→屬性（P）”，或單擊鼠標(biāo)右鍵，在快捷菜單中選擇“屬性”命令，打開(kāi)顯示圖標(biāo)的屬性面板，名稱框當(dāng)前顯示對(duì)象所在的層次設(shè)置過(guò)渡效果設(shè)置顯示對(duì)象在演示窗口中的位置

設(shè)置顯示對(duì)象是否可以移動(dòng)

20多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（二）運(yùn)動(dòng)Authorware7.0可以通過(guò)“移動(dòng)”圖標(biāo)使對(duì)象運(yùn)動(dòng)起來(lái)，但它改變的只是對(duì)象的位置，而對(duì)象的大小、形狀、方向等均不能改變?！耙苿?dòng)”圖標(biāo)本身不能加入被移動(dòng)的對(duì)象，它控制的是流程線上的其他對(duì)象。該對(duì)象可以是文字、圖片、動(dòng)畫(huà)、數(shù)字化電影或插件等顯示對(duì)象。它們可以通過(guò)“顯示”圖標(biāo)、“交互”圖標(biāo)、“數(shù)字電影”圖標(biāo)或其他方法被加入到程序中。21多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用1．設(shè)置“移動(dòng)”圖標(biāo)如果讓流程線上的某個(gè)圖標(biāo)中的對(duì)象運(yùn)動(dòng)，就必須將“移動(dòng)”圖標(biāo)放在移動(dòng)對(duì)象的后面，然后選中“移動(dòng)”圖標(biāo)，并打開(kāi)“移動(dòng)”圖標(biāo)屬性面板。選擇移動(dòng)對(duì)象的速度度量單位。

代表移動(dòng)類型，有五種：指向固定點(diǎn)，指向固定直線上的某點(diǎn)，指向固定區(qū)域內(nèi)的某點(diǎn)，指向固定路徑的終點(diǎn)，指向固定路徑上的任意點(diǎn)22多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（三）擦除使用“擦除”圖標(biāo)可以擦除已經(jīng)顯示的任何圖標(biāo)的內(nèi)容。設(shè)置擦除對(duì)象時(shí)，確?！安脸眻D標(biāo)放在擦除對(duì)象的后面。設(shè)置擦除時(shí)的過(guò)渡效果。

該選項(xiàng)被選中時(shí)，只有擦除當(dāng)前對(duì)象之后才顯示下一個(gè)對(duì)象，即擦除對(duì)象和顯示對(duì)象的過(guò)渡效果將不會(huì)同時(shí)發(fā)生。23多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（四）等待可以通過(guò)“等待”圖標(biāo)實(shí)現(xiàn)程序的停頓。通過(guò)將圖標(biāo)工具箱中的“等待”圖標(biāo)拖動(dòng)到流程線上和合適位置來(lái)完成“等待”圖標(biāo)的導(dǎo)入。當(dāng)程序執(zhí)行到“等待”圖標(biāo)時(shí)，程序會(huì)暫停，并在畫(huà)面上出現(xiàn)按鈕，單擊該按鈕，流程繼續(xù)向下運(yùn)行。指定“等待”結(jié)束的事件。

設(shè)置等待的時(shí)間。

顯示倒計(jì)時(shí)：只有在“時(shí)限”后面輸入了時(shí)間，該項(xiàng)才可用。選中該項(xiàng)，在程序暫停時(shí)將顯示一個(gè)時(shí)鐘圖標(biāo)，不斷地顯示剩余時(shí)間。顯示按鈕：選中該項(xiàng)將顯示一個(gè)等待按鈕。單擊按鈕，程序往下執(zhí)行。

24多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（五）圖標(biāo)的群組當(dāng)流程線上的圖標(biāo)越放越多時(shí)，設(shè)計(jì)窗口將無(wú)法容納它們，將部分圖標(biāo)制作成群組是最好的選擇。將連續(xù)的圖標(biāo)歸為一組的方法是：首先選中它們，然后單擊“修改（M）→群組（G）”命令，或按【Ctrl+G】組合鍵即可將圖標(biāo)歸為一組。將已歸為群組的圖標(biāo)恢復(fù)原狀的方法是：選中群組圖標(biāo)，再單擊“修改（M）→取消群組（U）”命令，或按【Ctrl+Shift+G】組合鍵即可。25多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用三、程序整體框架

程序流程線和圖標(biāo)作為Authorware7.0最基本的操作方式，它們將沿著單一的路徑從一個(gè)圖標(biāo)執(zhí)行到下一個(gè)圖標(biāo)。但是，隨著程序的深入，這種單一的順序執(zhí)行方式已不能滿足用戶的更高要求。例如，在處理多頁(yè)文本時(shí)，用戶根據(jù)需要向前或向后瀏覽；或者和瀏覽網(wǎng)頁(yè)一樣，根據(jù)需要返回已經(jīng)瀏覽過(guò)的某一頁(yè)；或者是在不改變當(dāng)前頁(yè)的情況下轉(zhuǎn)到術(shù)語(yǔ)表或者幫助頁(yè)面。這些與前面介紹的順序執(zhí)行方式不同。為了解決這個(gè)問(wèn)題，Authorware7.0提供了“交互”圖標(biāo)、“導(dǎo)航”圖標(biāo)和“框架”圖標(biāo)，通過(guò)這些圖標(biāo)的配合使用，可以更好地實(shí)現(xiàn)程序與用戶之間的交互性。26多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（一）人機(jī)交互Authorware7.0提供了11種人機(jī)交互方式：按鈕交互、熱區(qū)域交互、熱對(duì)象交互、目標(biāo)區(qū)交互、下拉菜單交互、條件交互、文本輸入交互、按鍵交互、重試限制交互、時(shí)間限制交互和事件交互。所有的交互方式都要通過(guò)工具箱中的交互按鈕來(lái)實(shí)現(xiàn)。1．按鈕交互按鈕交互是交互響應(yīng)類型中最普通的一種，也是交互程序中使用最廣泛的交互形式。用此功能可以自動(dòng)地在屏幕上建立一個(gè)按鈕，通過(guò)單擊按鈕進(jìn)行選擇。27多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用雙擊“交互”圖標(biāo)右邊的按鈕響應(yīng)類型標(biāo)識(shí)符，就會(huì)打開(kāi)按鈕響應(yīng)屬性面板，設(shè)置按鈕交互的屬性。設(shè)定交互類型

調(diào)整按鈕的大小

設(shè)置按鈕的位置

設(shè)置按鈕的標(biāo)題

設(shè)置按鈕的熱鍵

設(shè)置當(dāng)光標(biāo)移動(dòng)到按鈕上方時(shí)的形狀。

選擇“永久”選項(xiàng)后，只要按鈕未被擦除，就會(huì)一直在演示窗口中，單擊按鈕后馬上可以進(jìn)行交互。

可以在文本框中輸入一個(gè)變量或表達(dá)式，如果值為真，該按鈕才起作用。擦除：有四種擦除方式

有三種分支方式，用于選擇結(jié)果路徑，不同的結(jié)果路徑將導(dǎo)致不同的程序流向

28多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用2．熱區(qū)域交互熱區(qū)域交互與按鈕交互非常相似，它的創(chuàng)建過(guò)程與按鈕交互大致相同，只不過(guò)這時(shí)所定義的不再是按鈕對(duì)象，而是展示窗口中的一塊矩形區(qū)域。熱區(qū)域交互可把任意長(zhǎng)方形區(qū)域或者整個(gè)屏幕定義成熱區(qū)域，當(dāng)用戶單擊、雙擊或停留在熱區(qū)域上時(shí)就進(jìn)入交互響應(yīng)。29多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用3．熱對(duì)象交互熱對(duì)象交互和熱區(qū)域交互有許多相似之處，但它們也有各自的特點(diǎn)。熱對(duì)象交互是通過(guò)單擊、雙擊激活對(duì)象進(jìn)行交互，與熱區(qū)域交互的不同之處在于：前者是針對(duì)對(duì)象進(jìn)行交互，后者是對(duì)一個(gè)矩形固定區(qū)域進(jìn)行交互。建立了熱對(duì)象交互分支后，單擊響應(yīng)類型標(biāo)識(shí)符，即可打開(kāi)屬性面板。在展示窗選擇了一個(gè)物體作為熱對(duì)象后，該對(duì)象的圖標(biāo)名稱就會(huì)顯示在熱對(duì)象欄中，同時(shí)在預(yù)覽窗口也會(huì)顯示出熱對(duì)象的縮略圖。30多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用4．目標(biāo)區(qū)交互目標(biāo)區(qū)交互是要求用戶將指定對(duì)象移動(dòng)指定區(qū)域時(shí)發(fā)生的交互。這是一種動(dòng)態(tài)的交互，可讓使用者拖動(dòng)演示窗口上的對(duì)象到某一固定的區(qū)域，根據(jù)不同的目的地做出不同的響應(yīng)。目標(biāo)區(qū)交互至少由3個(gè)圖標(biāo)組成：目標(biāo)對(duì)象（可以是顯示圖標(biāo)也可以是動(dòng)畫(huà)圖標(biāo)）、交互圖標(biāo)和群組圖標(biāo)。把一個(gè)組合圖標(biāo)或群組圖標(biāo)放置在流程線上交互圖標(biāo)的右側(cè)，在彈出的交互類型對(duì)話框中選擇目標(biāo)區(qū)類型。31多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用5．下拉菜單交互下拉菜單是Windows窗口中最常見(jiàn)的菜單。在默認(rèn)情況下，演示窗口只有一個(gè)“文件”菜單，它的下拉菜單中也只有“退出”命令。利用交互響應(yīng)中的下拉菜單交互，可以在多媒體程序中添加多個(gè)命令。把一個(gè)群組圖標(biāo)放置于流程線上交互圖標(biāo)的右側(cè)，在彈出的“交互類型”對(duì)話框中選擇下拉菜單類型，于是交互圖標(biāo)的右側(cè)增加了一個(gè)交互類型為下拉菜單的分支流程。32多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用6.條件交互條件交互是設(shè)計(jì)滿足指定條件時(shí)的交互。條件交互類型是根據(jù)在程序的運(yùn)行過(guò)程中所設(shè)置的條件是否得到了滿足來(lái)匹配交互的，這些條件一般通過(guò)函數(shù)或表達(dá)式的值為T(mén)rue或False等形式來(lái)設(shè)置。33多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用7．文本輸入交互文本輸入交互可以用來(lái)接受鍵盤(pán)輸入的文字、數(shù)字、符號(hào)，如果輸入的文字（數(shù)字）與交互的標(biāo)題名稱相吻合，則此交互發(fā)生作用。34多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用8．按鍵交互按鍵交互是指操作指定按鍵時(shí)發(fā)生的交互。在多媒體程序設(shè)計(jì)中，按鍵交互常用來(lái)創(chuàng)建一個(gè)多選擇的交互作用分支結(jié)構(gòu)。對(duì)于習(xí)慣使用鍵盤(pán)操作的用戶來(lái)說(shuō)，按鍵交互比其他交互更快捷、方便。35多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用9．時(shí)間限制交互時(shí)間限制交互用來(lái)限制用戶的操作時(shí)間。它很少單獨(dú)使用，主要作為其他交互類型的輔助交互，例如經(jīng)常作為文本輸入交互的輔助交互。36多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用10．重試限制交互重試限制交互用來(lái)限制用戶的操作次數(shù)。如果不希望用戶無(wú)限次地重試某一個(gè)響應(yīng)匹配時(shí)，如無(wú)限次地重試密碼或答案等，可以采用重試限制響應(yīng)來(lái)控制重試的次數(shù)。和時(shí)間限制交互一樣，重試次數(shù)交互一般情況下很少單獨(dú)使用，主要作為其他交互類型的輔助交互。37多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用11．事件交互事件交互類型是一種比較特殊的交互方式。是運(yùn)用于計(jì)算機(jī)同Xtras文件的交互作用，該交互涉及Windows中ActiveX控件的內(nèi)容，概念相對(duì)比較復(fù)雜，所以一般的編程人員在Authorware中很少使用到該交互。38多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（二）框架1．框架圖標(biāo)框架圖標(biāo)是一個(gè)特殊的功能模塊化的復(fù)合型設(shè)計(jì)圖標(biāo)，其主要功能是建立多媒體框架結(jié)構(gòu)，如導(dǎo)航圖標(biāo)、超文本鏈接等。框架圖標(biāo)實(shí)際上是一些圖標(biāo)的組合，比如由顯示圖標(biāo)、交互圖標(biāo)和導(dǎo)航圖標(biāo)等設(shè)計(jì)圖標(biāo)組成。將一個(gè)框架結(jié)構(gòu)圖標(biāo)拖動(dòng)到主流程線上，雙擊該框架結(jié)構(gòu)圖標(biāo)，就能打開(kāi)框架結(jié)構(gòu)設(shè)計(jì)窗口。入口窗格

出口窗格

拖動(dòng)滑塊，可以改變窗格大小。

39多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（三）導(dǎo)航1．導(dǎo)航圖標(biāo)導(dǎo)航圖標(biāo)用于程序內(nèi)部模塊或圖標(biāo)之間的跳轉(zhuǎn)，它可以位于程序流程線上的任何位置。不過(guò)，充分體現(xiàn)出其控制程序跳轉(zhuǎn)執(zhí)行功能的常見(jiàn)位置是在框架圖標(biāo)內(nèi)。導(dǎo)航圖標(biāo)是構(gòu)成導(dǎo)航結(jié)構(gòu)的基礎(chǔ)，主要用于建立超鏈接。2．導(dǎo)航圖標(biāo)的屬性導(dǎo)航圖標(biāo)的屬性除了描述圖標(biāo)的通用屬性之外，主要有目的地屬性。導(dǎo)航圖標(biāo)的目的地有最近、附近、任意位置、查找、計(jì)算幾種類型。40多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用四、聲音的控制

（一）聲音圖標(biāo)聲音是多媒體非常重要的媒體素材之一，聲音能夠作為描述性信息，增強(qiáng)場(chǎng)景表現(xiàn)效果，表現(xiàn)場(chǎng)景的變化，甚至作為應(yīng)用的主要焦點(diǎn)。Authorware可以在程序中使用多種格式的聲音文件，但不能編輯制作聲音文件。Authorware中所使用的聲音文件只能使用其他軟件來(lái)編制制作，通過(guò)聲音圖標(biāo)加載到程序中，并進(jìn)行聲音播放的有效控制。1．導(dǎo)入聲音先創(chuàng)建聲音圖標(biāo)，通過(guò)聲音圖標(biāo)導(dǎo)入聲音通過(guò)工具欄導(dǎo)入按鈕導(dǎo)入聲音直接將聲音文件拖入聲音圖標(biāo)41多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用2．聲音圖標(biāo)的屬性聲音圖標(biāo)的主要屬性有圖標(biāo)名稱、聲音和計(jì)時(shí)屬性，利用選項(xiàng)卡組織在聲音圖標(biāo)屬性面板中。聲音圖標(biāo)屬性面板左側(cè)是描述聲音圖標(biāo)的基本信息、聲音文件預(yù)覽控制窗口和導(dǎo)入按鈕。42多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（二）計(jì)算圖標(biāo)計(jì)算圖標(biāo)的主要作用是在程序中引入函數(shù)和變量，從而實(shí)現(xiàn)程序中的數(shù)據(jù)的運(yùn)算、過(guò)程的控制等。此外，計(jì)算圖標(biāo)還可以放置程序的注釋信息，增強(qiáng)程序的可讀性。43多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用五、視頻動(dòng)畫(huà)的處理

（一）視頻圖標(biāo)在Authorware7.0中，如果要播放大容量的影音資料，可以使用視頻圖標(biāo)。播放視頻需要相應(yīng)的硬件支持。拖動(dòng)視頻圖標(biāo)到流程線上，雙擊該圖標(biāo)，打開(kāi)視頻圖標(biāo)屬性面板。該對(duì)話框有“視頻”、“計(jì)時(shí)”和“版面布局”三個(gè)選項(xiàng)卡。（二）電影圖標(biāo)利用電影圖標(biāo)可以在程序中播放高質(zhì)量的數(shù)字電影。電影的添加方法和聲音的添加方法一樣。44多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用六、片尾制作

（一）變量Authorware中的變量是用來(lái)記錄某種信息的。使用變量可以存儲(chǔ)數(shù)值，確定用戶操作的層次，構(gòu)建操作報(bào)告，控制應(yīng)用程序的進(jìn)行，用來(lái)完成某段任務(wù)代碼。變量、函數(shù)一般用在計(jì)算圖標(biāo)、圖標(biāo)的屬性面板以及顯示文本的嵌入代碼中。在Authorware中，變量分為系統(tǒng)變量和自定義變量?jī)纱箢悺uthorware中的系統(tǒng)變量總是以大寫(xiě)字母開(kāi)頭，變量中不包含空格。語(yǔ)法形式為：系統(tǒng)變量名@“圖標(biāo)名”45多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用可以給系統(tǒng)變量賦值來(lái)控制程序的進(jìn)行。例如，令系統(tǒng)變量Movable為真或假來(lái)告訴系統(tǒng)是否要移動(dòng)某個(gè)對(duì)象。而有些系統(tǒng)變量（如TimeRemaining）的值是由系統(tǒng)決定的，用戶只能讀取而不能修改。單擊常用工具欄上的【變量】圖標(biāo)按鈕，打開(kāi)“變量”面板。所有的系統(tǒng)變量和當(dāng)前應(yīng)用程序使用的自定義變量都可以在列表框中找到。46多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（二）函數(shù)所有的程序設(shè)計(jì)語(yǔ)言都提供了函數(shù)這樣一個(gè)工具?？梢园押瘮?shù)看成是具有特定功能的一段獨(dú)立的代碼。函數(shù)通常指能夠?qū)崿F(xiàn)某種指定功能的程序語(yǔ)句段，并通過(guò)一個(gè)函數(shù)名來(lái)表示，當(dāng)程序設(shè)計(jì)過(guò)程中需要實(shí)現(xiàn)某一功能時(shí)，只需調(diào)用事先編寫(xiě)好的具有實(shí)現(xiàn)該功能的函數(shù)，而無(wú)須重新編寫(xiě)，這無(wú)疑有利于程序的結(jié)構(gòu)化和模塊化。Authorware7.0提供了18類系統(tǒng)函數(shù)。字符、CMI、文件、框架、概要、圖形、圖標(biāo)、跳轉(zhuǎn)、語(yǔ)法、列表、數(shù)學(xué)、網(wǎng)絡(luò)、OLE、平臺(tái)、目標(biāo)、時(shí)間、視頻和Xtras（外部擴(kuò)展）。47多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用七、AuthorWare醫(yī)學(xué)多媒體作品制作實(shí)例簡(jiǎn)易影像圖片冊(cè)的制作首先，準(zhǔn)備好相應(yīng)的素材：圖片冊(cè)中需要的影像圖片，以及需要的其他圖片文件，例如背景圖片。新建一個(gè)文件，保存為“簡(jiǎn)易影像圖片冊(cè).a7p”。打開(kāi)文件屬性面板，設(shè)置文件屬性。在“大小”后選擇“800×600(SVGA)”，在選項(xiàng)“選項(xiàng)”后取消“顯示標(biāo)題欄”和“顯示菜單欄”的選擇，選中“居中屏幕顯示”。48多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用在流程線上放置一個(gè)“顯示”圖標(biāo)，命名為“背景”，在其中導(dǎo)入素材文件夾中的“背景.jpg”文件作為背景。將一個(gè)“框架”圖標(biāo)放置在流程線上“背景”圖標(biāo)下方，命名為“分類”。雙擊“分類”圖標(biāo)，打開(kāi)其結(jié)構(gòu)編輯窗口，這里只保留3個(gè)分支項(xiàng)：“胸腔”、“頭部”和“手足”。把其余的交互響應(yīng)和作為按鈕底板的“顯示”圖標(biāo)刪除，并且把保留的交互響應(yīng)的響應(yīng)類型更改為“熱區(qū)域響應(yīng)。49多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用在出口段加入一個(gè)“計(jì)算”圖標(biāo)，命名為“退出”，在其中輸入以下語(yǔ)句：Quit()拖動(dòng)一個(gè)“群組”圖標(biāo)到“框架”圖標(biāo)“分類”的右邊，命名為“胸腔”。雙擊該“群組”圖標(biāo)打開(kāi)其二級(jí)流程編輯窗口。拖動(dòng)一個(gè)“框架”圖標(biāo)，命名為“胸腔”。修改該“框架”圖標(biāo)的控制結(jié)構(gòu)。只保留兩個(gè)分支：“上一頁(yè)”和“下一頁(yè)”，并把交互類型更改為“熱區(qū)域”交互。50多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用關(guān)閉“框架”圖標(biāo)“胸腔”的結(jié)構(gòu)設(shè)計(jì)窗口回到“群組”圖標(biāo)“胸腔”的流程線上。在“框架”圖標(biāo)的右側(cè)放置若干個(gè)“顯示”圖標(biāo)，每個(gè)“顯示”圖標(biāo)都可以導(dǎo)入一張影像圖片，并調(diào)整圖片在背景中的位置，以達(dá)到合適的效果。這里放置了兩個(gè)“顯示”圖標(biāo)，分別命名為“第一幅”和“第二幅”。51多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用關(guān)閉“群組”圖標(biāo)“胸腔”的編輯窗口，回到“簡(jiǎn)易影像圖片冊(cè)”的主流程線上。按照“群組”圖標(biāo)“胸腔”的制作過(guò)程，依次制作“群組”圖標(biāo)“頭部”和“手足”。52多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用制作完畢之后，點(diǎn)擊工具欄上的【運(yùn)行】按鈕，就可以使用制作完成的“簡(jiǎn)易影像圖片冊(cè)”進(jìn)行瀏覽影像圖片了53多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用第三節(jié)HTML語(yǔ)言與網(wǎng)頁(yè)制作一、HTML的基本結(jié)構(gòu)和元素屬性二、HTML基本元素三、HTML的超鏈接與插入圖片四、網(wǎng)頁(yè)集成軟件Dreamweaver簡(jiǎn)介五、Dreamweaver的站點(diǎn)管理和網(wǎng)頁(yè)發(fā)布六、運(yùn)用Dreamweaver制作含表格、樣式表、表單和框架的頁(yè)面七、Dreamweaver中使用腳本和對(duì)象54多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用一、HTML的基本結(jié)構(gòu)和元素屬性HTML(HypertextMarkedLanguage，即超文本標(biāo)記語(yǔ)言)是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行HTML文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作。HTTP協(xié)議的制定使瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn)。用HTML編寫(xiě)的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)。所謂超文本，是因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫(huà)、影視等內(nèi)容，事實(shí)上每一個(gè)HTML文檔都是一種靜態(tài)的網(wǎng)頁(yè)文件，這個(gè)文件里面包含了HTML指令代碼，這些指令代碼并不是一種程序語(yǔ)言，它只是一種排版網(wǎng)頁(yè)中資料顯示位置的標(biāo)記結(jié)構(gòu)語(yǔ)言，易學(xué)易懂，非常簡(jiǎn)單。HTML超文本文件需要用到一些標(biāo)簽。在HTML中每個(gè)用來(lái)作標(biāo)簽的符號(hào)都是一條命令，它告訴瀏覽器如何顯示文本。這些標(biāo)簽均由"<"和">"符號(hào)以及一個(gè)字符串組成。這些標(biāo)簽符號(hào)用“<標(biāo)簽名字屬性>”來(lái)表示。55多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用HTML文件由標(biāo)記、文本和URL組成。標(biāo)記（Tag）是HTML的基本元素，大多數(shù)成對(duì)出現(xiàn).格式為：<標(biāo)記屬性1=屬性值屬性2=屬性值…>受標(biāo)記影響的內(nèi)容</標(biāo)記>例如，字體標(biāo)記<FONT>，有屬性size和color等。屬性size表示文字的大小，屬性color表示文字的顏色。如：<FONTsize=3color=“red”>屬性示例</FONT>56多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用二、HTML基本元素

HTML文檔主要由頭部元素（HEAD）和主體元素（BODY）組成。頭部用來(lái)定義頁(yè)面的標(biāo)題等信息，主體用來(lái)定義頁(yè)面的內(nèi)容。HTML文件的基本結(jié)構(gòu)一般可描述如下：<HTML><HEAD><TITLE>網(wǎng)頁(yè)的標(biāo)題</TITLE></HEAD><BODY>網(wǎng)頁(yè)的內(nèi)容</BODY></HTML>其中，<HTML>和</HTML>標(biāo)記用于識(shí)別HTML文件，在文檔中是成對(duì)出現(xiàn)的。<HEAD>和</HEAD>表示網(wǎng)頁(yè)的頭部，用來(lái)說(shuō)明文件命名和與文件本身相關(guān)的信息。可以包括網(wǎng)頁(yè)的標(biāo)題部分：<TITLE>……</TITLE>，一個(gè)網(wǎng)頁(yè)只能有一個(gè)標(biāo)題。<BODY>和</BODY>表示網(wǎng)頁(yè)的主體即正文部分。57多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用HTML的其他標(biāo)記元素

標(biāo)題元素<hn>標(biāo)題元素有6種，分別為h1,h2,…h(huán)6，用于表示文章中的各種題目。標(biāo)題號(hào)越小，字體越大。例7-7.html<html><body><h1>這是1號(hào)標(biāo)題</h1><h2>這是2號(hào)標(biāo)題</h2><h3>這是3號(hào)標(biāo)題</h3><h4>這是4號(hào)標(biāo)題</h4><h5>這是5號(hào)標(biāo)題</h5><h6>這是6號(hào)標(biāo)題</h6></body></html>58多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用段落元素<P>由<p>標(biāo)簽所標(biāo)識(shí)的文字，代表同一個(gè)段落的文字。不同段落間的間距等于連續(xù)加了兩個(gè)換行符，也就是要隔一行空白行，用以區(qū)別文字的不同段落。它可以單獨(dú)使用，也可以成對(duì)使用。格式：<P><PALIGN=參數(shù)>其中ALIGN是<p>標(biāo)簽的屬性，屬性有三個(gè)參數(shù)left、center、right。這三個(gè)參數(shù)設(shè)置段落文字的左、中、右位置的對(duì)齊方式。HTML的其他標(biāo)記元素59多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用例:7-8.html<html><head><title>測(cè)試分段控制標(biāo)簽</title></head><body><p>花兒什么也沒(méi)有。它們只有凋謝在風(fēng)中的輕微、凄楚而又無(wú)奈的吟怨，就像那受到了致命傷害的秋雁，悲哀無(wú)助地發(fā)出一聲聲垂死的鳴叫。</p><palign="right">或許，這便是花兒那短暫一生最凄涼、最傷感的歸宿。</p><palign=center>而美麗苦短的花期</p><palign="left">卻是那最后悲傷的秋風(fēng)挽歌中的瞬間插曲。</p></body></html>60多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用（三）換行元素<br/>換行元素是個(gè)單標(biāo)簽，也叫空標(biāo)簽，不包含任和內(nèi)容，在html文件中的任何位置只要使用了<br>標(biāo)簽，當(dāng)文件顯示在瀏覽器中時(shí)，該標(biāo)簽之后的內(nèi)容將顯示下一行。例：7-9.html<html><head><title>換行示例</title></head><body>無(wú)換行標(biāo)記：登鸛雀樓白日依山盡，黃河入海流。欲窮千里目，更上一層樓。<br>有換行標(biāo)記：<br>登鸛雀樓<br>白日依山盡，<br>黃河入海流。<br>欲窮千里目，<br>更上一層樓。</body></html>61多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用三、HTML的超鏈接與插入圖片HTML文件中最重要的應(yīng)用之一就是超鏈接，超鏈接是一個(gè)網(wǎng)站的靈魂，Web上的網(wǎng)頁(yè)是互相鏈接的，單擊被稱為超鏈接的文本或圖形就可以鏈接到其它頁(yè)面。超級(jí)鏈接除了可鏈接文本外，也可鏈接各種媒體，如聲音、圖象、動(dòng)畫(huà)，通過(guò)它們我們可享受豐富多彩的多媒體世界。建立超鏈接的標(biāo)簽為<A>和</A>格式為：<AHREF="資源地址"TARGET="窗口名稱"TITLE="指向連接顯示的文字">超鏈接名稱</A>用圖形做鏈接時(shí)只要把顯示圖像的標(biāo)志<img>嵌套在<AHREF=“URL”></A>之間就能實(shí)現(xiàn)圖像鏈接的效果。當(dāng)鼠標(biāo)指向“超鏈接名稱”處時(shí)會(huì)變成手狀，單擊這個(gè)元素可以訪問(wèn)指定的目標(biāo)文件。62多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用例：7-10.html<HTML><HEAD><TITLE>鏈接到http://</TITLE></HEAD><BODY><CENTER><AHREF=""title="打開(kāi)新浪首頁(yè)"><imgsrc="1.gif"></A><BR><BR><AHREF="">清華大學(xué)</A><BR><BR><AHREF="">北京大學(xué)</A><BR><BR><AHREF=""target=_blank>上海外國(guó)語(yǔ)學(xué)院</A><BR></CENTER></BODY></HTML>63多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用四、網(wǎng)頁(yè)集成軟件Dreamweaver簡(jiǎn)介Dreamweaver的出現(xiàn)是網(wǎng)頁(yè)制作界的一大革新，從2.0版開(kāi)始到現(xiàn)在最新的Dreamweaver8.0版本，做的都非常優(yōu)秀。它能生成精簡(jiǎn)和高效的HTML源代碼，并對(duì)其進(jìn)行直接精確的控制，實(shí)現(xiàn)可視化環(huán)境和源代碼編輯兩者之間的融會(huì)貫通，便于用戶對(duì)HTML的學(xué)習(xí)和理解。Dreamweaver有如下特點(diǎn)：優(yōu)秀的制作效率。強(qiáng)大的控制能力。方便的網(wǎng)站管理。對(duì)模板和XML的支持。良好的兼容性。64多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用在Windows中首次啟動(dòng)Dreamweaver8.0時(shí)，會(huì)出現(xiàn)一個(gè)對(duì)話框，用戶可以從中選擇一種工作區(qū)布局。如果用戶以后改變了主意，可以使用“參數(shù)選擇”對(duì)話框切換到一種不同的工作區(qū)。默認(rèn)情況下，Dreamweaver8.0的主界面：65多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用五、Dreamweaver的站點(diǎn)管理和網(wǎng)頁(yè)發(fā)布（一）站點(diǎn)管理MacromediaDreamweaver8.0是一個(gè)站點(diǎn)創(chuàng)建和管理工具，因此使用它不僅可以創(chuàng)建單獨(dú)的文檔，還可以創(chuàng)建完整的Web站點(diǎn)。為了達(dá)到最佳效果，在創(chuàng)建任何Web站點(diǎn)頁(yè)面之前，應(yīng)對(duì)站點(diǎn)進(jìn)行規(guī)劃和設(shè)計(jì)。規(guī)劃站點(diǎn)結(jié)構(gòu)后，或者已有現(xiàn)有站點(diǎn)，在開(kāi)始開(kāi)發(fā)前必須在Dreamweaver中指定新站點(diǎn)。66多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用Dreamweaver站點(diǎn)由三部分組成：本地文件夾遠(yuǎn)程文件夾動(dòng)態(tài)頁(yè)文件夾本地文件夾是工作目錄。Dreamweaver將該文件夾稱為“本地站點(diǎn)”。遠(yuǎn)程文件夾是存儲(chǔ)文件的位置，這些文件用于測(cè)試、生產(chǎn)、協(xié)作等，具體取決于環(huán)境。Dreamweaver將該文件夾稱為“遠(yuǎn)程站點(diǎn)”。

動(dòng)態(tài)頁(yè)文件夾是Dreamweaver處理動(dòng)態(tài)頁(yè)的文件夾。

67多媒體技術(shù)及其醫(yī)學(xué)應(yīng)用設(shè)置Dreamweaver站點(diǎn)的方法：使用“站點(diǎn)定義向?qū)А?，它可以逐步完?/p>