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

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

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

流程設計窗口標題欄主流程線程序開始點程序結束點粘貼指針工具欄圖標欄17多媒體技術及其醫(yī)學應用二、制作片頭

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

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

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

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

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

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

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

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

調整文字、線條、邊框的顏色設置封閉圖形的填充顏色

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

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

設置顯示對象是否可以移動

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

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

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

設置等待的時間。

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

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

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

調整按鈕的大小

設置按鈕的位置

設置按鈕的標題

設置按鈕的熱鍵

設置當光標移動到按鈕上方時的形狀。

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

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

有三種分支方式，用于選擇結果路徑，不同的結果路徑將導致不同的程序流向

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

出口窗格

拖動滑塊，可以改變窗格大小。

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

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

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

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

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

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

動態(tài)頁文件夾是Dreamweaver處理動態(tài)頁的文件夾。

67多媒體技術及其醫(yī)學應用設置Dreamweaver站點的方法：使用“站點定義向導”，它可以逐步完成