模塊4 多媒體教學(xué)課件的設(shè)計(jì)與開發(fā).ppt

4 1多媒體教學(xué)課件概述4 2演示文稿課件制作4 3網(wǎng)頁課件制作與發(fā)布4 4Flash課件設(shè)計(jì)與制作4 5網(wǎng)絡(luò)課程的設(shè)計(jì)與開發(fā) 本模塊主要內(nèi)容 4 1多媒體教學(xué)課件概述 一 多媒體課件的類型 多媒體課件是一種根據(jù)教學(xué)目標(biāo)設(shè)計(jì) 表達(dá)特定教學(xué)內(nèi)容 反映一定教學(xué)策略的計(jì)算機(jī)教學(xué)程序 按照教學(xué)功能劃分 多媒體課件可分為 1 課堂教學(xué)型2 自主學(xué)習(xí)型3 資料工具型4 練習(xí)測試型5 模擬實(shí)驗(yàn)型6 教學(xué)游戲型 二 多媒體課件開發(fā)與設(shè)計(jì)的原則 1 教育性原則2 科學(xué)性原則3 控制性原則4 藝術(shù)性原則5 經(jīng)濟(jì)性原則 三 多媒體課件素材的特點(diǎn)及格式 一 多媒體課件素材的特點(diǎn)在制作多媒體課件中 常用到的素材有文本 圖形 圖像 音頻 動畫 視頻等 文本 文本信息主要指在計(jì)算機(jī)屏幕上呈現(xiàn)的文字內(nèi)容 它是準(zhǔn)確 有效地傳播教學(xué)信息的重要媒體元素 圖片 圖片是學(xué)習(xí)者很容易接受的信息 一幅圖片可以形象 生動 直觀地表現(xiàn)出大量的信息 音頻 波形音頻是記錄聲音的最直接形式 對記錄與播放的環(huán)境要求不高 在多媒體教學(xué)軟件中應(yīng)用也相當(dāng)多 音頻包括音樂 語音和各種音響效果 動畫 動畫是對事物運(yùn)動 變化過程的模擬 可以用來模擬事物的變化過程 說明科學(xué)原理 視頻 與動畫相比 視頻是對現(xiàn)實(shí)世界的真實(shí)記錄 視頻信息量比較大 具有更強(qiáng)的感染力 適宜呈現(xiàn)一些學(xué)習(xí)者感覺比較陌生的事物 三 多媒體課件素材的特點(diǎn)及格式 二 多媒體素材的常見格式文本 doc txt rtf wri wps圖片 jpg jpeg bmp tif tiff gif音頻 wav mp3 mid wma ra動畫 gif swf視頻 avi mpg mpeg wmv mov dat rm 三 多媒體課件素材的特點(diǎn)及格式 小知識實(shí)踐中常會出現(xiàn)由于圖片 音頻 動畫和視頻的存儲格式選擇不當(dāng) 造成多媒體課件占用空間大 品質(zhì)低的問題 因此平衡文件大小與質(zhì)量之間的關(guān)系是制作課件首要考慮的事情 下面是四類素材應(yīng)用于課件的一般規(guī)律 圖片素材 課件制作中如果涉及到圖像 一般使用JPG格式 大小控制在100 200KB之間 如果涉及圖形 一般使用GIF格式 大小控制在100K內(nèi) 音頻素材 一般使用WMA或者M(jìn)P3格式的音頻文件 流量控制在16 128Kb s之間 動畫素材 一般使用GIF和SWF格式的動畫文件 前者適用小卡通動畫 大小控制在100K內(nèi) 后者適用于各種類型的動畫 交互性很強(qiáng) 播放暢快 大小一般控制在10M內(nèi) 視頻素材 常使用WMV格式的視頻文件 流量控制在250KB S左右 4 2演示文稿課件制作 PowerPoint是MicrosoftOffice辦公套裝中的一個組件 也稱為幻燈片 PowerPoint簡單易學(xué) 非常適合于學(xué)科教師根據(jù)自己的教學(xué)需要制作簡單的多媒體課件 1 演示文稿的基本功能 PowerPoint簡介 PowerPoint簡介 圖4 1演示文稿的基本架構(gòu) 2 演示文稿的基本架構(gòu)設(shè)計(jì) 課堂活動實(shí)踐 用PowerPoint2003制作多媒體課件1 確定教學(xué)內(nèi)容本次實(shí)踐內(nèi)容以高中語文課程標(biāo)準(zhǔn)實(shí)驗(yàn)教材第四冊 第二單元中蘇軾的詞 念奴嬌 赤壁懷古 為例 念奴嬌赤壁懷古大江東去 浪淘盡 千古風(fēng)流人物 故壘西邊 人道是 三國周郎赤壁 亂石穿空 驚濤拍岸 卷起千堆雪 江山如畫 一時多少豪杰 遙想公瑾當(dāng)年 小喬初嫁了 雄姿英發(fā) 羽扇綸巾 談笑間 檣櫓灰飛煙滅 故國神游 多情應(yīng)笑我 早生華發(fā) 人生如夢 一尊還酹江月 課堂活動實(shí)踐 2 設(shè)計(jì)課件結(jié)構(gòu) 圖4 2課件呈現(xiàn)的結(jié)構(gòu)圖 課堂活動實(shí)踐 3 主要教學(xué)內(nèi)容及相關(guān)素材收集文字 聲音 圖片來自互聯(lián)網(wǎng) 視頻截取DVD 參考網(wǎng)站 人民教育出版社網(wǎng)站 中學(xué)語文網(wǎng)中網(wǎng) 赤壁網(wǎng) 課堂活動實(shí)踐 4 課件制作 1 封面制作第1步 設(shè)置背景課件中使用與主題內(nèi)容相適應(yīng)的背景 將起到烘托主題的作用 選擇菜單欄中 格式 背景 填充效果 圖片 選擇圖片 在彈出的窗口中 根據(jù)圖片所存的地址位置找到所需的圖片并插入 如圖4 3所示 按 確定 后 再選擇 全部應(yīng)用 課堂活動實(shí)踐 圖4 3幻燈片背景設(shè)置 課堂活動實(shí)踐 第2步 插入標(biāo)題文字及圖片第3步 聲音運(yùn)用在課件中運(yùn)用聲音有很多方式 可以用插入方式 也可在幻燈片切換中添加背景聲音 但這兩種方式對聲音的控制效果不好 為了便于對聲音的控制 可采用控件的方式插入聲音 通過插入的媒體播放器中的 播放 停止 暫停 和 調(diào)節(jié)音量 等按鈕對聲音進(jìn)行控制 具體方式是 選擇菜單欄中 視圖 工具欄 控件工具箱 其它控件 WindowsMediaPlayer 插入媒體播放器 用鼠標(biāo)選擇窗口大小 在屬性欄URL中設(shè)置聲音文件的路徑 如圖4 4所示 課堂活動實(shí)踐 圖4 4幻燈片封面設(shè)計(jì) 課堂活動實(shí)踐 2 課件主界面及導(dǎo)航的制作插入標(biāo)題 圖片和按鈕 方法同上 3 對象超鏈接的設(shè)置 以文章朗讀的超鏈接為例 第1步 文章朗讀的超鏈接幻燈片間的超鏈接可以在文字上做超鏈接 也可以在圖片上做超鏈接 這里選在文字上做超鏈接 鼠標(biāo)選中 文章朗讀 然后單擊鼠標(biāo)右鍵 在彈出的菜單中選擇 超鏈接 然后選擇 本文檔中的位置 然后選中 幻燈片8 文章朗讀 點(diǎn)擊 確定 即可 如圖4 5所示 課堂活動實(shí)踐 圖4 5幻燈片超鏈接設(shè)置 課堂活動實(shí)踐 4 頁面的切換設(shè)置選擇菜單欄中 幻燈片放映 幻燈片切換 在彈出的幻燈片切換窗口中選擇切換的方式 如 盒狀展開 還可以選擇速度 如需要也可加入聲音和設(shè)置換片方式 如圖4 6所示 課堂活動實(shí)踐 圖4 6幻燈片切換設(shè)置 課堂活動實(shí)踐 5 課件的保存和演示課件制作完畢 進(jìn)行保存 演示課件 觀看效果 PPT演示文稿課件制作的心得總結(jié) 在制作過程中遇到了什么問題 你是如何解決的 4 3網(wǎng)頁課件制作與發(fā)布 Dreamweaver簡介 Dreamweaver8是Macromedia新開發(fā)的HTML編輯器 用于對Web站點(diǎn) Web頁和Web應(yīng)用程序進(jìn)行設(shè)計(jì) 編碼和開發(fā) 是一個可視化的網(wǎng)頁設(shè)計(jì)和網(wǎng)站管理工具 Dreamweaver8包含有一個嶄新 簡潔 高效的界面 且性能也得到了改進(jìn) 此外 還包含了眾多新增的功能 改善了軟件的易用性 無論處于設(shè)計(jì)環(huán)境還是編碼環(huán)境都可以方便地生成頁面 課堂活動實(shí)踐 Dreamwaver8制作多媒體課件1 確定教學(xué)內(nèi)容以人教版小學(xué)語文第六冊第一課 荷花 為例 將搜集到的荷花相關(guān)資源虛擬成專題網(wǎng)站 荷花小站 荷花小站 設(shè)有五個部分 分別為 走進(jìn)課堂 增長見識 燦爛文化 荷花資源 荷言荷語 這當(dāng)中既包括課堂教學(xué)所用的資源 也包括供學(xué)生課后拓展性學(xué)習(xí)的資源 Dreamwaver8制作多媒體課件 1 建立站點(diǎn) 打開 我的電腦 窗口 在E盤建立網(wǎng)頁的存放文件夾E myweb 在站點(diǎn)文件夾myweb中建立圖片文件夾 E myweb images 作為默認(rèn)的標(biāo)準(zhǔn) 統(tǒng)一用 Images 命名 將本課中相關(guān)的圖片 視頻等資源復(fù)制到images文件夾中 小提示 站點(diǎn)里存放了網(wǎng)頁 圖片 音頻和視頻等各種資源 建立站點(diǎn) 有利于統(tǒng)一組織和管理與網(wǎng)頁相關(guān)的各類文檔 建站時根據(jù)不同的文件類型建立文件夾 如 建立images存放圖片 以方便分類管理站點(diǎn)中的各種資源 啟動Dreamwaver8 單擊菜單 站點(diǎn) 新建站點(diǎn) 設(shè)置如圖4 7 圖4 7定義荷花站點(diǎn) Dreamwaver8制作多媒體課件 2 制作一個簡單的頁面現(xiàn)在開始制作一個有圖片 文字和背景的簡單頁面 song 如圖4 8所示 圖4 8簡單頁面 Dreamwaver8制作多媒體課件 2 制作一個簡單的頁面 菜單 文件 新建 選擇 基本頁 HTML 點(diǎn)擊 創(chuàng)建 如圖4 9所示 圖4 9新建文檔窗口 Dreamwaver8制作多媒體課件 2 制作一個簡單的頁面 輸入詩歌的標(biāo)題和文字 選中標(biāo)題 在屬性面板中 按照圖4 10設(shè)置詩歌的標(biāo)題 居中 大小 18像素 px 粗體 圖4 10設(shè)置文字格式 Dreamwaver8制作多媒體課件 2 制作一個簡單的頁面 選中文字 在 字體 選項(xiàng)框中選擇 黑體 設(shè)置文字為 黑體 如圖4 11所示 圖4 11編輯字體列表 Dreamwaver8制作多媒體課件 2 制作一個簡單的頁面 插入圖片 光標(biāo)定位在文字的左上方 在 常用 工具欄中 選擇 圖像 按鈕 插入圖片 在屬性面板中設(shè)置圖片對齊方式 如圖4 12所示 圖4 12插入和設(shè)置圖片 Dreamwaver8制作多媒體課件 2 制作一個簡單的頁面 設(shè)置網(wǎng)頁的背景顏色 修改 頁面 按照圖4 13設(shè)置修改頁面屬性 圖4 13頁面屬性 Dreamwaver8制作多媒體課件 2 制作一個簡單的頁面 保存頁面 選擇 文件 保存 文件名存為 song htm 單擊預(yù)覽按鈕 預(yù)覽在IExplorer6 0 預(yù)覽網(wǎng)頁的效果 Dreamwaver8制作多媒體課件 3 創(chuàng)建鏈接參照以上的的方法 創(chuàng)建網(wǎng)頁 introduce html 如圖4 14所示 圖4 14introduce html頁面 Dreamwaver8制作多媒體課件 3 創(chuàng)建鏈接 在 introduce html 中選中 舟過安仁 用鏈接錨點(diǎn)選中鏈接的網(wǎng)頁名稱 如圖4 15所示 或者單擊 文件夾 按鈕進(jìn)行設(shè)置 當(dāng)選中文字下方出現(xiàn)下劃線表示鏈接設(shè)置成功 保存設(shè)置 圖4 15添加鏈接 Dreamwaver8制作多媒體課件 Dreamwaver8制作多媒體課件 3 創(chuàng)建鏈接 打開 song html 選中要鏈接的字體 返回介紹 用同樣的方法進(jìn)行鏈接設(shè)置 保存設(shè)置 單擊F12預(yù)覽網(wǎng)頁效果 可以看到兩個頁面可以相互鏈接訪問 Dreamwaver8制作多媒體課件 4 創(chuàng)建首頁 index html 新建頁面 單擊菜單 插入 表格 用于定位頁面上方的Flash動畫 如圖4 16所示 選中表格 在屬性面板上設(shè)置為 居中對齊 如圖4 17所示 圖4 16表格窗口 圖4 17表格屬性面板 Dreamwaver8制作多媒體課件 4 創(chuàng)建首頁 index html 在表格內(nèi)部單擊 選擇菜單 插入 媒體 Flash 選中E myweb images下的 top swf 后單擊 確定 如圖4 18所示 圖4 18插入Flash 4 創(chuàng)建首頁 index html 單擊圖4 19的 預(yù)覽在IExplorer6 0F12 預(yù)覽目前的效果 圖4 19預(yù)覽網(wǎng)頁 Dreamwaver8制作多媒體課件 4 創(chuàng)建首頁 index html 單擊菜單 插入 表格 按照圖4 20設(shè)置制作網(wǎng)頁的主體部分 在表格屬性面板中設(shè)置表格的屬性 如圖4 21所示 圖4 20表格窗口 圖4 21表格屬性面板 Dreamwaver8制作多媒體課件 4 創(chuàng)建首頁 index html 在表格內(nèi)部單擊 選擇菜單 插入 表格 插入一個1行5列的表格 把制作好的圖片插入到表格中 按照圖4 22設(shè)置左部分的單元格的 屬性 效果如圖4 23所示 圖4 22單元格屬性 Dreamwaver8制作多媒體課件 4 創(chuàng)建首頁 index html 圖4 23頁面效果圖 Dreamwaver8制作多媒體課件 4 創(chuàng)建首頁 index html 在文字 首頁 走進(jìn)課堂 的下方 單擊 插入 HTML 水平線 插入一條水平線 在水平線下方插入一個1行2列的表格 按照圖4 23在左單元格輸入文字 右單元格插入圖片 設(shè)置鏈接 單擊 楊萬里 能鏈接到 introduce html 再插入第二條水平線 并輸入 荷花 這篇課文 最后插入一個1行1列的表格 輸入版權(quán)信息 設(shè)置背景顏色 Dreamwaver8制作多媒體課件 4 創(chuàng)建首頁 index html 設(shè)置背景 修改 頁面 按照圖4 24設(shè)置修改頁面屬性 圖4 24修改頁面屬性 Dreamwaver8制作多媒體課件 4 創(chuàng)建首頁 index html 最后 選擇 文件 保存 保存頁面為index html 保存目錄為E myweb index html 預(yù)覽網(wǎng)頁效果 如圖4 25所示 圖4 25index htm頁面效果 Dreamwaver8制作多媒體課件 5 創(chuàng)建網(wǎng)頁模板 對首頁進(jìn)行修改 刪除不需要的內(nèi)容 只留下主框架 如圖4 26所示 圖4 26頁面模板 Dreamwaver8制作多媒體課件 5 創(chuàng)建網(wǎng)頁模板 單擊 文件 另存為模板 按照圖4 27 圖4 28設(shè)置模板的名字 圖4 27另存為模板 圖4 28另存模板名稱 Dreamwaver8制作多媒體課件 5 創(chuàng)建網(wǎng)頁模板 右鍵單擊模板中的表格空白處 按照圖4 29所示新建模板可編輯區(qū)域 輸入編輯區(qū)域的名稱 效果如圖4 30所示 設(shè)置完成 保存模板 圖4 29新建可編輯區(qū)域 圖4 30模板效果 Dreamwaver8制作多媒體課件 6 利用模板建立網(wǎng)頁 單擊 文件 模板 選擇剛才建立的模板 主頁 如圖4 31所示 圖4 31從模板新建 Dreamwaver8制作多媒體課件 6 利用模板建立網(wǎng)頁 在編輯區(qū)里插入2行1列的表格 在第一個單元格中輸入文字 首頁 增長見識 在第二個單元格內(nèi)單擊 插入 媒體 shockwave 在 選擇文件 窗口中 選擇 images paint wmv 視頻文件 如圖4 32所示 圖4 32插入視頻 Dreamwaver8制作多媒體課件 6 利用模板建立網(wǎng)頁 保存網(wǎng)頁 預(yù)覽效果 如圖4 33所示 用同樣的方法 利用模板 完成 荷花資源 網(wǎng)頁的制作 如圖4 34所示 圖4 33插入視頻后的效果 圖4 34 荷花資源 網(wǎng)頁 Dreamwaver8制作多媒體課件 網(wǎng)頁課件制作的心得總結(jié) 在制作過程中遇到了什么問題 你是如何解決的 Dreamwaver8制作多媒體課件 4 4Flash課件設(shè)計(jì)與制作 Flash簡介 Flash是美國Macromedia公司出品的一款二維動畫制作軟件 是交互式矢量圖和Web動畫的標(biāo)準(zhǔn) 其中經(jīng)歷的歷史版本有Flash1 5 FlashMax2004 Flash8 FlashCS3 FlashCS4等 2005年 Macromedia公司被Adobe公司收購 當(dāng)前Flash的最新版本為AdobeFlashCS4 Flash與Dreamweaver Fireworks并稱網(wǎng)頁設(shè)計(jì)三劍客 是網(wǎng)頁設(shè)計(jì)師的必備工具之一 Flash擁有強(qiáng)大的動畫制作和交互功能 廣泛應(yīng)用于制作多媒體交互網(wǎng)頁 游戲 動畫片 MTV 課件等 Flash非常適合制作網(wǎng)絡(luò)化的 強(qiáng)交互性的教學(xué)課件 其輸出的SWF格式精致小巧 非常適合互聯(lián)網(wǎng)上發(fā)布 Flash的工作窗口主要包括菜單欄 工具欄 編輯區(qū) 層控制區(qū) 時間軸 屬性面板和功能面板等 如圖4 35所示 圖4 35Flash的工作界面 一 FlashCS3的界面 1 時間軸動畫 Animation 是由一系列連續(xù)播放的靜止畫面組成的 這些靜止的畫面在Flash中稱為幀 Frame 時間軸 Timeline 是對幀和圖層進(jìn)行操作的地方 主要由圖層 幀和播放頭組成 分為左右兩個窗口 左窗口是圖層控制區(qū) 用來對圖層進(jìn)行管理和操作 右窗口是幀控制區(qū) 用來對幀進(jìn)行操作 如圖4 36所示 一 FlashCS3的界面 圖4 36時間軸窗口 一 FlashCS3的界面 1 圖層控制區(qū)圖層 Layer 類似于AdobePhotoshop中圖層的概念 各個圖層上的幀是相互獨(dú)立的 如同4 37所示 因此 在有多個圖層之后 關(guān)于幀的操作必須指明是哪個圖層的哪個幀 圖4 37圖層控制區(qū) 一 FlashCS3的界面 2 幀控制區(qū)幀是構(gòu)成Flash動畫的基本單位 一個幀 就是指Flash中的一個畫面 在幀控制區(qū)中 每個小方格就是一個幀 Flash動畫就是按照一定速度連續(xù)地播放這些幀產(chǎn)生的 幀包括以下類型 見圖4 38 圖4 38幀控制區(qū)及幀的類型 一 FlashCS3的界面 關(guān)鍵幀 KeyFrame 關(guān)鍵幀是動畫制作時的關(guān)鍵畫面 有且只有關(guān)鍵幀才可以保存制作者對畫面內(nèi)容的編輯 時間軸上的關(guān)鍵幀可以包含F(xiàn)lash動畫中的各種內(nèi)容 例如文字 圖形 圖片 聲音 元件等各種對象 空白關(guān)鍵幀 如果一個關(guān)鍵幀在舞臺上沒有任何內(nèi)容 則稱之為空白關(guān)鍵幀 在時間軸上顯示為 過渡幀 由計(jì)算機(jī)自動生成的畫面稱為過渡幀 過渡幀無須制作者手工編輯 它總是位于兩個關(guān)鍵幀之間 在時間軸上的底色為淺綠色 或淺藍(lán)色 并且包含一根帶有箭頭的直線 一 FlashCS3的界面 普通幀 普通幀的作用是簡單地延續(xù)前一個關(guān)鍵幀的內(nèi)容 在時間軸上 和都是普通幀 其中 延續(xù)的是空白關(guān)鍵幀 與關(guān)鍵幀不同 普通幀只能延續(xù)顯示前一個關(guān)鍵幀的內(nèi)容 不能保存制作者對內(nèi)容的修改 關(guān)于幀的常用快捷鍵如下 F5 插入普通幀 F6 插入關(guān)鍵幀 F7 插入空白關(guān)鍵幀 2 舞臺 Stage 工作區(qū)舞臺是編輯Flash畫面內(nèi)容的區(qū)域 舞臺中中央是一個白色或其他顏色的矩形區(qū)域 它是舞臺的工作區(qū) 在Flash作品輸出后 只有在舞臺工作區(qū)內(nèi)的對象 才能被用戶觀看到 一 FlashCS3的界面 3 工具箱工具箱主要提供圖形繪制和圖形編輯等各種工具 把鼠標(biāo)停留在工具箱某個按鈕上 軟件會提示該按鈕的名稱和快捷鍵 如圖4 39a 有的工具按鈕左下角有一個小三角 在鼠標(biāo)單擊不放開時 能夠彈出更多的工具供選擇 如圖4 39b 圖4 39工具箱 一 FlashCS3的界面 4 屬性面板屬性面板用于設(shè)置文件中當(dāng)前選中對象的屬性 因此 如果要設(shè)置某個對象的屬性 一般都需要先使用工具箱中的 選擇工具 選中對象 例如 如果 選擇工具 單擊舞臺空白區(qū)域 將呈現(xiàn)文檔屬性面板 如果單擊選中某個關(guān)鍵幀 則呈現(xiàn)幀屬性面板 如果單擊選中舞臺中的文字 則呈現(xiàn)文字屬性面板 如圖4 40所示 一 FlashCS3的界面 圖4 40各種屬性面板 一 FlashCS3的界面 5 功能面板Flash是一個非常強(qiáng)大的軟件 包含一系列的功能面板 每個功能面板都提供某一方面的功能 默認(rèn)界面上只呈現(xiàn)了少量的面板 其他功能面板可以通過 窗口 菜單來顯示或隱藏 常用的有 庫 公用庫 動作 對齊 顏色 變形 其他面板 場景 等 Flash中的工具箱 屬性面板和功能面板等都可以浮動在界面上 如果要恢復(fù)為默認(rèn)的界面 單擊菜單 窗口 工作區(qū) 默認(rèn) 一 FlashCS3的界面 Flash動畫不管如何復(fù)雜 都可以歸納為以下動畫類型 逐幀動畫 逐幀動畫是由連續(xù)的關(guān)鍵幀序列組成的 是最基本的動畫方式 與傳統(tǒng)的動畫的制作原理相同 逐幀動畫的每個幀都需要單獨(dú)編輯 制作工作量大 但它對動畫效果有很強(qiáng)的控制能力 適合較為復(fù)雜的動畫 在圖4 41中米老鼠動畫一共有12個關(guān)鍵幀 每個關(guān)鍵幀的畫面如圖所示 請仔細(xì)觀察云朵和腳步的變化 一 FlashCS3的界面 二 Flash動畫的分類 圖4 41逐幀動畫的原理 2 過渡動畫 Flash所擅長的不是逐幀動畫 而是過渡動畫 過渡動畫由兩個關(guān)鍵幀定義動畫序列的起始狀態(tài)和結(jié)束狀態(tài) 動畫的中間效果由計(jì)算機(jī)自動產(chǎn)生 過渡動畫提高了制作效率 在整個制作過程中 制作者只需要編輯好兩個首尾關(guān)鍵幀 中間的過渡幀由Flash自動生成 二 Flash動畫的分類 過渡動畫進(jìn)一步分為兩種 1 運(yùn)動過渡動畫 運(yùn)動過渡動畫能夠產(chǎn)生位置 大小 旋轉(zhuǎn) 顏色屬性等變化效果 并且可以設(shè)置移動路徑 旋轉(zhuǎn)方向等動畫細(xì)節(jié) 運(yùn)動過渡在時間軸上表現(xiàn)為淺藍(lán)色 帶箭頭直線的幀序列 尤其注意 運(yùn)動過渡的動畫對象必須是集合體或者元件 2 變形過渡動畫 變形過渡可以產(chǎn)生任意形狀 位置和顏色的平滑變化 尤其注意 變形過渡的動畫對象必須是打散的對象 二 Flash動畫的分類 課堂實(shí)踐活動 活動1用Flash制作簡單動畫 本例將制作一個依次顯示5 4 3 2 1進(jìn)行倒計(jì)時的動畫 該動畫的第1 6 11 16 21幀是關(guān)鍵幀 1 新建文件 啟動Flash 點(diǎn)擊菜單 文件 新建 設(shè)置如圖4 42所示 單擊 確定 圖4 42新建文件 一 逐幀動畫 倒計(jì)時 2 制作第一個關(guān)鍵幀 1 單擊工具箱上的文本工具 在舞臺工作區(qū)內(nèi)單擊 輸入 5 2 單擊工具箱上的選取工具 在文字屬性面板上 改變 5 的字號和顏色 如圖4 43所示 圖4 43設(shè)置文字屬性 一 逐幀動畫 倒計(jì)時 3 制作其他關(guān)鍵幀 1 單擊第6幀 見圖4 44 按鍵盤上的F6插入關(guān)鍵幀 2 雙擊 5 將之改成 4 如圖4 45 圖4 44單擊第6幀 圖4 45編輯第6幀 一 逐幀動畫 倒計(jì)時 3 制作其他關(guān)鍵幀 3 重復(fù)上一步驟 依次在第11 16 21幀插入關(guān)鍵幀 并將數(shù)字相應(yīng)地修改為 3 2 1 最后在第25幀單擊 按 F5 插入幀 4 保存和測試動畫 1 選擇 文件 保存 保存Flash文件 保存的格式是 Fla 這是Flash文件的源文件格式 2 按回車鍵在舞臺上預(yù)覽動畫 或者選擇 控制 測試影片 Ctrl 回車 在FlashPlayer播放器中觀看動畫效果 觀看完畢 關(guān)閉播放窗口 一 逐幀動畫 倒計(jì)時 二 變形過渡動畫 正方形變成圓 1 制作開始幀 1 新建文件 單擊工具箱的矩形工具 按住Shift鍵 在工作區(qū)拖動繪制出一個正方形 2 單擊工具箱的選取工具 雙擊選中矩形的內(nèi)部 以便同時選擇矩形的邊框線和內(nèi)部填充 按照圖4 46所示 將矩形的邊框粗細(xì)設(shè)為5 顏色為紅色 FF0000 內(nèi)部填充為黃色 FFFF00 1 制作開始幀 圖4 46設(shè)置圖形的屬性 二 變形過渡動畫 正方形變成圓 2 制作結(jié)束幀 1 單擊第30幀 按鍵盤上的F7鍵插入空白關(guān)鍵幀 2 鼠標(biāo)按住不放 在彈出菜單中選擇 橢圓工具 按住Shift鍵 在工作區(qū)中拖動繪制一個圓 3 單擊工具箱中的 選取工具 雙擊選中圓的內(nèi)部 參考步驟前面的步驟 在圖形屬性面板上任意改變圓的邊框線和內(nèi)部填充的顏色 效果參考圖4 47所示 二 變形過渡動畫 正方形變成圓 2 制作結(jié)束幀 圖4 47在第30幀繪制圓 二 變形過渡動畫 正方形變成圓 3 創(chuàng)建過渡幀 1 右擊中間的某個幀 可以是第1幀至29幀的任意一幀 在彈出的快捷菜單中選擇 創(chuàng)建補(bǔ)間形狀 命令 如圖4 48所示 2 按Ctrl 回車鍵或單擊 控制 測試影片 命令 觀看影片的輸出效果 二 變形過渡動畫 正方形變成圓 3 創(chuàng)建過渡幀 圖4 48創(chuàng)建中間的過渡幀 二 變形過渡動畫 正方形變成圓 活動2用Flash制作多媒體課件 用Flash制作如圖4 49所示的網(wǎng)絡(luò)課件 該課件涉及到的重要知識點(diǎn) 有導(dǎo)入素材 使用聲音 場景 按鈕元件 圖形元件 影片剪輯元件 動作腳本 蒙板圖層 引導(dǎo)線圖層 導(dǎo)出影片等 圖4 49課件的主界面 用Flash制作多媒體課件 一 制作主界面 1 導(dǎo)入課件主界面的背景 1 點(diǎn)擊菜單 文件 新建 選擇 Flash文件 ActionScript2 0 選項(xiàng) 如圖4 50所示 2 按Ctrl J 或菜單 修改 文檔 修改文檔的尺寸為800 560 背景顏色為 006666 見圖4 51 圖4 50新建文件 圖4 51修改文檔屬性 1 導(dǎo)入課件主界面的背景 3 按Ctrl R鍵 或菜單 文件 導(dǎo)入 導(dǎo)入到舞臺 選擇素材文件夾下的 背景圖a jpg 如圖4 52 圖4 52導(dǎo)入圖片 一 制作主界面 1 導(dǎo)入課件主界面的背景 4 單擊工作區(qū)右上角的顯示比例 將顯示比例設(shè)為 顯示幀 單擊選中圖片 在位圖屬性工具欄上 將圖片的x y坐標(biāo)設(shè)為0 如圖4 53 圖4 53修改圖片的位置 一 制作主界面 2 制作背景圖的圖形元件 3 單擊圖層控制區(qū)的 插入圖層 按鈕 新建 圖層2 選擇工具箱的 橢圓繪制工具 在形狀屬性面板上 設(shè)置邊框線為白色 1px 填充顏色為 無色 單擊圖層2第1幀 按住Shift鍵在舞臺上拖動繪制一個圓 如圖4 56所示 圖4 56元件中繪制圓 一 制作主界面 2 制作背景圖的圖形元件 4 點(diǎn)擊工具箱中的 選取工具 選中剛才繪制的圓 按F8鍵 將其轉(zhuǎn)化為名為 圓 的圖形元件 5 按Ctrl L鍵或點(diǎn)擊 窗口 庫 菜單 打開庫面板 兩次將圓拖動到舞臺上 以便在舞臺上放置兩個圓 單擊選中舞臺上的一個圓 按鍵盤Q鍵 或單擊工具箱上的變形工具 然后按住Shift不放開 拖動修改圓的大小 按鍵盤V鍵 或單擊工具箱的選取工具 拖動調(diào)整圓的位置 調(diào)整后的效果如圖4 57所示 一 制作主界面 2 制作背景圖的圖形元件 圖4 57從庫中拖動元件到舞臺 一 制作主界面 2 制作背景圖的圖形元件 6 利用 選取工具 選中一個圓 在實(shí)例屬性面板上將元件的透明度設(shè)置為25 同樣地 將其他兩個圓實(shí)例的透明度設(shè)置為25 如圖4 58所示 7 單擊舞臺左上角的 場景1 退出元件的編輯狀態(tài) 返回到場景的編輯狀態(tài) 圖4 58元件的屬性面板 一 制作主界面 3 制作運(yùn)動過渡動畫 標(biāo)題的運(yùn)動該動畫利用影片剪輯元件來實(shí)現(xiàn) 1 制作名為 標(biāo)題 靜止 的圖形元件 按Ctrl F8鍵 或 插入 新建元件 命令 創(chuàng)建一個名為 標(biāo)題 靜止 的圖形元件 如圖4 59 圖4 59創(chuàng)建新元件 一 制作主界面 3 制作運(yùn)動過渡動畫 標(biāo)題的運(yùn)動 1 制作名為 標(biāo)題 靜止 的圖形元件 按T鍵 或單擊 文本工具 在文本屬性面板上設(shè)置字體為 黑體 35字號 白色 在 標(biāo)題 靜止 元件的編輯區(qū)的正中心 附近 輸入 網(wǎng)頁制作 網(wǎng)絡(luò)課程 如圖4 60所示 一 制作主界面 圖4 60輸入標(biāo)題文字 3 制作運(yùn)動過渡動畫 標(biāo)題的運(yùn)動 1 制作名為 標(biāo)題 靜止 的圖形元件 按V鍵 或點(diǎn)擊選取工具 單擊選中標(biāo)題文字 按Ctrl C鍵復(fù)制 單擊時間軸上的 插入圖層 按鈕 并單擊 圖層2 的第一幀 按Ctrl Shift V鍵 或單擊 編輯 粘貼到當(dāng)前位置 菜單 粘貼標(biāo)題文字 在舞臺上選中 圖層2 的標(biāo)題文字 在文本屬性面板上 將文字顏色修改為 996600 按鍵盤的方向鍵 將其與圖層1的標(biāo)題文字稍微錯開位置 產(chǎn)生陰影效果 如圖4 61所示 一 制作主界面 一 制作主界面 圖4 61陰影效果的標(biāo)題文字 3 制作運(yùn)動過渡動畫 標(biāo)題的運(yùn)動 2 制作名為 標(biāo)題 動畫 的影片剪輯元件 按Ctrl F8鍵 元件名稱為 標(biāo)題 動畫 類型為 影片剪輯 設(shè)置完成后點(diǎn)擊 確定 按Ctrl L鍵打開庫面板 將 標(biāo)題 靜止 元件從庫面板拖放到元件編輯區(qū)的中心附近 如圖4 62所示 一 制作主界面 圖4 62從庫面板使用元件 3 制作運(yùn)動過渡動畫 標(biāo)題的運(yùn)動 2 制作名為 標(biāo)題 動畫 的影片剪輯元件 用 選取工具 單擊時間軸上的第60幀 按F6鍵插入關(guān)鍵幀 單擊第30幀 同樣按F6鍵插入關(guān)鍵幀 接著 在編輯區(qū)中水平向右拖放標(biāo)題文字 將第30幀的文字放置在編輯區(qū)右側(cè)位置 操作界面如圖4 63所示 一 制作主界面 圖4 63插入關(guān)鍵幀 3 制作運(yùn)動過渡動畫 標(biāo)題的運(yùn)動 2 制作名為 標(biāo)題 動畫 的影片剪輯元 單擊第1至29之間的某個幀 在幀屬性面板中將補(bǔ)間設(shè)置為 動畫 以便創(chuàng)建第1至30幀之間的運(yùn)動過渡 使用同樣的方法 創(chuàng)建第30至60之間的運(yùn)動過渡 如圖4 64所示 按回車鍵 在編輯區(qū)中觀看運(yùn)動效果 一 制作主界面 圖4 64設(shè)置過渡動畫 3 制作運(yùn)動過渡動畫 標(biāo)題的運(yùn)動 2 制作名為 標(biāo)題 動畫 的影片剪輯元 單擊元件編輯區(qū)左上角的 場景1 回到場景編輯狀態(tài) 3 在場景的舞臺上使用元件 在圖層控制區(qū) 雙擊文字 圖層1 將其圖層名修改為 背景 單擊 插入圖層 按鈕 建立新圖層 并命名為 標(biāo)題 打開 庫 面板 將 標(biāo)題 動畫 元件從庫中 拖動到舞臺偏上位置 如果有必要 可以按Ctrl 回車鍵測試影片 一 制作主界面 4 制作遮罩層動畫 滾動的文字 1 進(jìn)入素材文件夾 雙擊打開 課程簡介 txt 在記事本中按Ctrl A鍵選中所有文字 按Ctrl C鍵復(fù)制文字 見圖4 65 2 在Flash中 按Ctrl F8鍵 創(chuàng)建一個名為 滾動文字 的影片剪輯元件 見圖4 66 一 制作主界面 圖4 65在記事本中復(fù)制文字 圖4 66創(chuàng)建新元件 4 制作遮罩層動畫 滾動的文字 3 按T鍵 或單擊文本工具 在文本屬性面板上 設(shè)置文字為 宋體 20號 996600 在 滾動文字 元件編輯區(qū)的中心附近 拖動出一個方框 按Ctrl V粘貼文字 如圖4 67所示 一 制作主界面 圖4 67輸入文字 4 制作遮罩層動畫 滾動的文字 4 按V鍵 或單擊 選取工具 在編輯區(qū)中單擊選中文字 在文本屬性上 設(shè)置文本寬為 260 x和y坐標(biāo)都為0 如圖4 68所示 按F8鍵將文字轉(zhuǎn)化為圖形元件 命名為 課程簡介 靜止 5 單擊圖層1的第400幀 按F6鍵插入關(guān)鍵幀 在編輯區(qū)中選中文字 在屬性面板上 將文字的Y值 縱坐標(biāo) 設(shè)為 1300 使文字往上放置 一 制作主界面 圖4 68修改文字的寬度和位置 4 制作遮罩層動畫 滾動的文字 6 右鍵單擊第1至399幀的任意一幀 在彈出的快捷菜單中選擇 創(chuàng)建補(bǔ)間動畫 命令 按回車鍵可以觀看文字向上運(yùn)動的效果 7 單擊 插入圖層 按鈕 插入 圖層2 單擊工具箱中的 矩形工具 單擊圖層2的第1幀 在編輯區(qū)中繪制一個長方形 單擊 選取工具 將長方形設(shè)置為 寬 280 高 250 x 0 y 240 顏色不限 如圖4 69所示 一 制作主界面 一 制作主界面 圖4 69繪制長方形 4 制作遮罩層動畫 滾動的文字 8 右鍵單擊圖層2 在彈出的快捷菜單中選擇 遮罩 命令 以便創(chuàng)建遮罩圖層 如圖4 70所示 一 制作主界面 圖4 70創(chuàng)建遮罩層 4 制作遮罩層動畫 滾動的文字 9 單擊編輯區(qū)左上角 場景1 回到場景編輯狀態(tài) 新建名為 滾動文字 的圖層 選中該圖層的第1幀 從庫中將 滾動文字 元件拖放到舞臺上 如圖4 71所示 一 制作主界面 圖4 71使用 滾動文字 元件 1 新建場景 1 選擇 窗口 其他面板 場景 菜單 在場景面板上單擊 添加場景 按鈕三次 建立三個新的場景 如圖4 72所示 2 雙擊面板中的 場景1 輸入 主界面 使用同樣的方法分別將其余場景命名為 教學(xué)大綱 案例欣賞 和 參考網(wǎng)站 如圖4 73所示 二 制作教學(xué)大綱模塊 圖4 72添加場景 圖4 73修改場景名稱 1 新建場景 3 單擊 場景切換 按鈕 在彈出的菜單中選擇 教學(xué)大綱 以便切換到了新的場景 如圖4 74所示 圖4 74切換場景按鈕 二 制作教學(xué)大綱模塊 2 使用ScrollPane組件利用該組件可制作帶有滾動條的內(nèi)容顯示區(qū) 1 使用 文件 導(dǎo)入 命令和文本工具 矩形工具等 制作如圖4 75所示的畫面 圖4 75教學(xué)大綱的背景和標(biāo)題 二 制作教學(xué)大綱模塊 2 使用ScrollPane組件 2 新建名為 內(nèi)容 的圖層 選中該圖層的第1幀 按Ctrl F7鍵 打開 組件 面板 從 組件 面板中拖動ScrollPane組件到舞臺上建立實(shí)例 在實(shí)例屬性面板上設(shè)置 寬 750 高 450 x 30 y 90 調(diào)整好組件實(shí)例的大小和位置 如圖4 76所示 圖4 76使用ScrollPane組件 二 制作教學(xué)大綱模塊 2 使用ScrollPane組件 3 在ScrollPane的屬性面板上選擇 參數(shù) 選項(xiàng)卡 設(shè)置contentPath參數(shù)的值為 mcplan vScrollPolicy的值為on 如圖4 77所示 圖4 77組件的參數(shù) 二 制作教學(xué)大綱模塊 為了使用ScrollPane組件 需要把教學(xué)大綱的內(nèi)容封裝在一個影片剪輯元件中 因此 首先 下面制作 教學(xué)大綱內(nèi)容 電影剪輯 1 按Ctrl F8鍵 在 元件屬性 對話框中 輸入名稱為 教學(xué)大綱內(nèi)容 類型為 影片剪輯 單擊 高級 基本 切換按鈕展開更多屬性 選中 為ActionScript導(dǎo)出 復(fù)選項(xiàng) 在 標(biāo)示符 文本框中輸入上一步驟中定義的 mcplan 如圖4 78所示 三 制作 教學(xué)大綱內(nèi)容 電影剪輯 三 制作 教學(xué)大綱內(nèi)容 電影剪輯 圖4 78新建 教學(xué)大綱內(nèi)容 元件 三 制作 教學(xué)大綱內(nèi)容 電影剪輯 2 進(jìn)入 教學(xué)大綱內(nèi)容 元件的編輯狀態(tài) 修改圖層名稱為 文字 打開素材文件夾中的 教學(xué)大綱 txt 將 教學(xué)大綱 txt 中的內(nèi)容復(fù)制到Flash中 并且 將在文字的屬性面板中設(shè)置 寬 700 x 0 y 0 字號 20 如圖4 79所示 圖4 79設(shè)置文本格式 三 制作 教學(xué)大綱內(nèi)容 電影剪輯 3 新建名為 圖書 的圖層 在其第1幀 選擇 文件 導(dǎo)入 命令 將素材文件夾下的 跟我學(xué)網(wǎng)頁設(shè)計(jì) 文件導(dǎo)入到舞臺上 選中圖片 按Q鍵 對圖片進(jìn)行變形調(diào)整 適當(dāng)改變圖片大小 如圖4 80所示 圖4 80導(dǎo)入并調(diào)整圖片 三 制作 教學(xué)大綱內(nèi)容 電影剪輯 4 單擊元件編輯區(qū)左上角的 教學(xué)大綱 回到場景 點(diǎn)擊 控制 測試場景 觀看 教學(xué)大綱 場景的效果 本課件剩余的 案例欣賞 和 參考網(wǎng)站 場景的動畫制作與 教學(xué)大綱 場景制作類似 四 動作腳本實(shí)現(xiàn)Flash交互 Flash的交互是通過動作腳本 ActionScript 來實(shí)現(xiàn)的 Flash可以為三種對象分配動作腳本 分別是 關(guān)鍵幀 KeyFrame 按鈕 Button 實(shí)例 電影剪輯 MovieClip 實(shí)例 下面以教學(xué)大綱模塊為例 練習(xí)如何運(yùn)用動作腳本實(shí)現(xiàn) 主界面 和 教學(xué)大綱 場景之間的切換 四 動作腳本實(shí)現(xiàn)Flash交互 1 制作教學(xué)大綱的返回按鈕元件 1 按Ctrl F8鍵 在 創(chuàng)建新元件 窗口中 輸入名稱為 返回按鈕 類型為 按鈕 然后單擊 確定 按鈕 如圖4 81所示 提示 進(jìn)入按鈕元件編輯狀態(tài) 我們發(fā)現(xiàn)它與其他的元件的時間軸完全不同 圖4 82 按鈕元件的時間軸只包含向上 Up 經(jīng)過 Over 向下 Down 和點(diǎn)擊 Hit 四個幀 每個幀分別對應(yīng)了按鈕的四個狀態(tài) 圖4 81新建按鈕元件 圖4 82按鈕元件的四個幀 四 動作腳本實(shí)現(xiàn)Flash交互 制作教學(xué)大綱的返回按鈕元件 2 單擊工具箱上的 橢圓工具 在工具箱上將邊框線設(shè)為黑色 填充顏色設(shè)為紅色漸變 在彈起幀繪制一個橢圓 如圖4 83所示 圖4 83繪制橢圓 四 動作腳本實(shí)現(xiàn)Flash交互 制作教學(xué)大綱的返回按鈕元件 3 單擊 指針經(jīng)過 幀 按F6插入關(guān)鍵幀 在橢圓的屬性面板上將橢圓的顏色改為綠色漸變 同樣的方法 在 按下 幀插入關(guān)鍵幀 將該幀的橢圓改為藍(lán)色漸變 如圖4 84所示 圖4 84按鈕的各個幀 四 動作腳本實(shí)現(xiàn)Flash交互 制作教學(xué)大綱的返回按鈕元件 4 添加并選中新圖層 運(yùn)用 文本工具 在舞臺上輸入 返回 如圖4 85所示 5 單擊編輯區(qū)左上角的 教學(xué)大綱 將 返回按鈕 元件從庫面板中拖動至舞臺中 如圖4 86所示 圖4 85輸入按鈕的文字標(biāo)簽 圖4 86使用返回按鈕 四 動作腳本實(shí)現(xiàn)Flash交互 2 制作主界面的透明菜單按鈕主界面的菜單按鈕是透明的 動態(tài)的 當(dāng)鼠標(biāo)移至按鈕上方時 按鈕的半透明背景能夠忽明忽暗地閃爍 1 切換至 主界面 場景 按Ctrl F8鍵 在 創(chuàng)建新元件 窗口中 輸入名稱為 透明按鈕 類型為 按鈕 如圖4 87所示 圖4 87添加按鈕元件 四 動作腳本實(shí)現(xiàn)Flash交互 2 制作主界面的透明菜單按鈕 2 選中 指針經(jīng)過 幀 按F6鍵在此插入關(guān)鍵幀 利用 矩形工具 在屏幕的十字附近繪制一個如圖4 88所示的白色矩形 然后在單擊 點(diǎn)擊 幀 按F6鍵同樣插入關(guān)鍵幀 圖4 88指針經(jīng)過幀 四 動作腳本實(shí)現(xiàn)Flash交互 2 制作主界面的透明菜單按鈕 3 單擊關(guān)鍵幀 指針經(jīng)過 此時在編輯區(qū)上將選中該關(guān)鍵幀的所有內(nèi)容 即剛才繪制的白色矩形 如圖4 89所示 按F8鍵 將白色矩形轉(zhuǎn)化為名為 閃爍 靜止 的圖形元件 再次按F8鍵 將白色矩形再次轉(zhuǎn)化為名為 閃爍 動畫 的電影剪輯元件 圖4 89將白色矩形轉(zhuǎn)化為元件 四 動作腳本實(shí)現(xiàn)Flash交互 2 制作主界面的透明菜單按鈕 4 在編輯區(qū)中雙擊白色矩形 進(jìn)入 閃爍 動畫 元件的編輯狀態(tài) 如圖4 90所示 5 單擊選中白色矩形 在其屬性面板上的 顏色 下拉框設(shè) Alpha 20 單擊第5幀 按F6插入關(guān)鍵幀 單擊第10幀 按F6鍵插入關(guān)鍵幀 如圖4 91所示 圖4 91插入關(guān)鍵幀 圖4 90編輯閃爍元件 四 動作腳本實(shí)現(xiàn)Flash交互 2 制作主界面的透明菜單按鈕 6 在時間軸上單擊第5幀處 將當(dāng)前幀定位到第5幀 單擊矩形 在其屬性面板上將顏色設(shè)為 Alpha 0 使得矩形透明而不可見 7 分別右擊第1幀 第5幀 并在彈出菜單中選擇 創(chuàng)建補(bǔ)間動畫 命令 按鈕制作完畢 如圖4 92所示 圖4 92創(chuàng)建補(bǔ)間動畫 四 動作腳本實(shí)現(xiàn)Flash交互 2 制作主界面的透明菜單按鈕 8 單擊編輯區(qū)左上角的 主界面 回到場景編輯狀態(tài) 添加一個名為 菜單 的圖層 單擊 菜單 圖層的第1幀 打開 庫 面板 將 透明按鈕 從庫中拖動三次到舞臺上 并調(diào)整按鈕實(shí)例的位置 如圖4 93所示 圖4 93使用按鈕元件 四 動作腳本實(shí)現(xiàn)Flash交互 2 制作主界面的透明菜單按鈕 9 利用 文本工具 和 文件 導(dǎo)入 命令 在按鈕上方添加如圖4 94所示的內(nèi)容 完成三個按鈕的制作 相關(guān)圖標(biāo)位于素材文件夾中 圖4 94主界面的菜單 四 動作腳本實(shí)現(xiàn)Flash交互 3 添加動作腳本可在適當(dāng)?shù)胤教砑觿幼髂_本 1 主界面的動作 右鍵單擊 菜單 圖層的第1幀 在彈出菜單中選擇 動作 命令 在右側(cè)的代碼窗口中輸入 stop 如圖4 95所示 圖4 95添加幀動作 四 動作腳本實(shí)現(xiàn)Flash交互 3 添加動作腳本 1 主界面的動作 在舞臺上右鍵單擊透明按鈕 在彈出菜單中選擇 動作 在右側(cè)的代碼窗口中輸入如下代碼 on press gotoAndPlay 教學(xué)大綱 1 四 動作腳本實(shí)現(xiàn)Flash交互 3 添加動作腳本 2 教學(xué)大綱 場景的動作 右鍵單擊 內(nèi)容 圖層的第一幀 在彈出菜單中選擇 動作 在右側(cè)的代碼窗口中輸入 stop 切換至 教學(xué)大綱 場景 在舞臺上右鍵單擊 返回 按鈕 在彈出菜單中選擇 動作 在右側(cè)的代碼窗口中輸入如下代碼 on press gotoAndPlay 主界面 1 五 測試與輸出影片 1 選擇 窗口 測試影片 命令 觀看動畫效果 點(diǎn)擊動畫中的按鈕 檢查按鈕是否正常 2 選擇 文件 導(dǎo)出 導(dǎo)出影片 命令 將Flash導(dǎo)出SWF文件 此外 也可以先選擇 文件 發(fā)布設(shè)置 命令進(jìn)行導(dǎo)出的設(shè)置 如圖4 96 然后選擇 文件 發(fā)布 命令輸出影片 圖4 96發(fā)布設(shè)置 Flash課件設(shè)計(jì)與制作的心得總結(jié) 在制作過程中遇到了什么問題 你是如何解決的 4 5網(wǎng)絡(luò)課程的設(shè)計(jì)與開發(fā) 網(wǎng)絡(luò)課程是通過網(wǎng)絡(luò)表現(xiàn)的某門學(xué)科的教學(xué)內(nèi)容及實(shí)施的教學(xué)活動的總和 它包括兩個組成部分 按一定的教學(xué)目標(biāo) 教學(xué)策略組織起來的教學(xué)內(nèi)容和網(wǎng)絡(luò)教學(xué)支撐環(huán)境 其中網(wǎng)絡(luò)教學(xué)支撐環(huán)境特指支持網(wǎng)絡(luò)教學(xué)的軟件工具 教學(xué)資源以及在網(wǎng)絡(luò)教學(xué)平臺上實(shí)施的教學(xué)活動 網(wǎng)絡(luò)課程包括教學(xué)內(nèi)容 學(xué)習(xí)資源 教學(xué)策略 學(xué)習(xí)支持 學(xué)習(xí)評價(jià)和教學(xué)活動的總和 如圖4 97所示 網(wǎng)絡(luò)課程中各要素的不同組織方式形成了網(wǎng)絡(luò)課程不同的結(jié)構(gòu) 一 網(wǎng)絡(luò)課程的概念 圖4 97網(wǎng)絡(luò)課程構(gòu)成要素及設(shè)計(jì)原理示意圖 一 網(wǎng)絡(luò)課程的概念 二 網(wǎng)絡(luò)課程的基本特性 1 課程框架的完整性為了讓學(xué)生通過對網(wǎng)絡(luò)課程的學(xué)習(xí) 完整地掌握一門課程的內(nèi)容 網(wǎng)絡(luò)課程應(yīng)當(dāng)具有一個非常系統(tǒng)的框架結(jié)構(gòu) 結(jié)構(gòu)中的各個組成部分之間有著邏輯的聯(lián)系 這種復(fù)雜的框架結(jié)構(gòu)是簡單的課件所不具備的 2 交互性網(wǎng)絡(luò)課程作為一個學(xué)習(xí)者學(xué)習(xí)的平臺 必須具有一個友好的人機(jī)交互界面 交互界面是學(xué)生和計(jì)算機(jī)進(jìn)行信息交換的通道 在網(wǎng)絡(luò)課程當(dāng)中 交互的形式包括有菜單 圖標(biāo) 按鈕 窗口 對話框 熱鍵 超鏈接 Email 聊天室 BBS等 二 網(wǎng)絡(luò)課程的基本特性 3 多種媒體集成網(wǎng)絡(luò)課程是由文本 圖形 動畫 聲音 視頻等多種媒體信息集成在一起 經(jīng)過加工和處理所形成的教學(xué)系統(tǒng) 正因?yàn)槎嗝襟w教學(xué)軟件具有多種媒體的集成性 圖文聲像并茂 具有較強(qiáng)的表現(xiàn)力和感染力 所以能引起學(xué)生的學(xué)習(xí)興趣和提高學(xué)生的學(xué)習(xí)積極性 4 可更新由于網(wǎng)絡(luò)課程是基于internet而存在的 因此便于更新是網(wǎng)絡(luò)課程的特性 這一特征可以在某種程度上指導(dǎo)教師的教學(xué)設(shè)計(jì) 三 網(wǎng)絡(luò)課程的構(gòu)成 完整的網(wǎng)絡(luò)課程應(yīng)由如下幾個系統(tǒng)構(gòu)成 1 教學(xué)內(nèi)容系統(tǒng) 包括課程簡介 目標(biāo)說明 教學(xué)計(jì)劃 知識點(diǎn)內(nèi)容 典型實(shí)例 多媒體素材等 2 開放的教學(xué)環(huán)境系統(tǒng) 包括相關(guān)內(nèi)容 參考文獻(xiàn) 資源 網(wǎng)址的提供等 3 學(xué)習(xí)導(dǎo)航系統(tǒng) 包括內(nèi)容檢索 路徑指引等 4 協(xié)商交流系統(tǒng) 包括電子郵件 電子