1、網頁三劍客課堂教學教案課程名稱網頁三劍客教學對象單科 專業教 材網頁設計與制作教程授課內容第一章 Flash MX2004概述課時3課時教學目的與要求通過教學，使學生掌握以下技能熟練掌握文檔的基本操作熟悉Flash MX2004的特點了解Flash MX2004的應用領域重點難點Flash MX2004 的特點Flash MX2004文檔的基本操作課 型新授課教學方法講授法教學過程設計 （包括講授知識、 演示內容及案例、 提問及學生演示 內容）一、導入課題（30分鐘）在網絡高速發展的今天，越來越多的人們已經不再滿意圖文并茂的靜態網頁格式， 動態網頁應運而生，但是一般的動態圖片和網站的背景音樂應

2、用并不合拍。什么時候 可以把多媒體應用在網站上呢？Flash正是在這一網絡發展的大背景下應運而生的，前身是Future Splash。Flash1.0版本誕生于1996年，由于當時的網絡大背景，Flash在出道之時并沒有得到計算機行業應有的重視，Flash真正的火爆是從Flash3.0版本開始的，到了 1999年6月發布的Flash4.0版本，其制作的動畫開始大量的在網上傳播，已經逐漸成為了網頁交互多媒體動畫設計軟件的標準。它改變了以往靜態的、枯燥的、網頁 形式，利用它短小精悍的文件體積和插件，利用它簡單易學的操作方式，利用它的“流”式播放形式豐富我們的網絡生活。（在此欣賞一些Flash網頁和

3、Flash動回）Flash是一個創作工具，從簡單的動畫到復雜的交互式Web應用程序（如在線商場），它使您可以創建任何作品。通過添加圖片、聲音和視頻，可以使您的Flash應用程序媒體豐富多彩。Flash包含了許多種功能，如拖放用戶界面組件、將動作腳本添加到文檔的內置行為，以及可以添加到對象的特殊效果。這些功能使Flash不僅功能強大，而且易于使用。下面我們正式的進入Flash的學習，本章內容共分為三部分學習，下面我向大家逐一的講述。二、知識剖析剛才我已經向大家介紹的Flash這個編輯軟件的作用。 下面我們來了解一下這個軟件的特點和應用領域。Flash的特點及應用領域 (50分鐘)特點：(1)很強

4、的交互性能，添加了大量的 Action Script (動作腳本語言)命令；(2)生成的文件體積小。適合 Web (網頁)動畫的文件體積需求；(3)保護措施較好；(4)可以創建聲色俱全的互動性網頁。注：可導入*.WAV及*.MP3格式的音頻文件教學過程設計(續表)應用領域：(1)基于Web的動畫制作；(2)基于 Web的2D動畫藝術創作；(3)基于Web的多媒體課件開發；(4)基于傳統出版行業的多媒體光盤制作；Flash工作環境(20分鐘)Flash的工作介面和我們前面所學的Fireworks雷同，下面我們來認識一下:1、場景(Scene):用來組織不同主題的動畫；2、畫板(Stage):也叫

5、舞臺，即Flash MX的文件工作區，是進行繪圖和編輯動畫 的地方；3、時間軸(Time line):是將對象激活(即選中)的關鍵工具；4、工具箱(Toolbox)：用于圖形設計，為動畫作準備；5、影號庫(Library)：用來存放和組織可反復使用的對象，這些對象統稱為符號；6、面板(Pannels):用于方便地對對象的屬性等進行編輯操作。Flash中的文件操作 (50分鐘)1、新建與打開電影2、電影文件規格的修改“文檔屬性”對話框：要指定舞臺大小(以像素為單位)，請在“寬”和“高”文本框中輸入值。 默認文檔大小為 550 x 400像素。最小大小為 1 x 1像素；最大為2880 x 288

6、0像 素。教學過程設計(續表)對于“幀頻”，請輸入每秒顯示的動畫幀的數量。對于大多數計算機顯示的動 畫，特別是 Web站點中播放的動畫，8 fps (每秒幀數)至U 12 fps就足夠了(默 認的幀頻為12 fps)。要將舞臺大小設置為內容四周的空間都相等，請單擊“匹配”右邊的“內容” 按鈕。要最小化文檔大小，請將所有元素對齊到舞臺的左上角，然后單擊“內容”。要將舞臺大小設置為最大的可用打印區域，請單擊“打印機” 。此區域的大小 是紙張大小減去“頁面設置”中當前選定邊距之后的剩余區域。要將舞臺大小設置為默認大小，請單擊“默認”。要設置文檔的背景顏色，請單擊“背景顏色”框中的三角形，然后從調色板

7、 中選擇一種顏色。3、電影的保存4、電影的導出(*.swf格式)5、將*.swf格式車專為*.exe格式6、Flash電影的發布7、導入外部對象(1)導入并打印多幀Gif圖(2)導入*.AI、*.PNG等格式的文件注：Flash中只能導入Illustrator生成的版本為5.0以下的*.AI格式文件(3)導入聲音文件8、電影文件的播放與測試(1)控制器(Controller)(2)測試場景(Test Scene)：針對多個場景動畫中某一場景的效果測試(3)測試電影(Test Movie):針對整個動畫的效果測試(4)播放電影使用 Flash Player理論作業:復習思考題作業上機任務1、Fl

8、ash Player（Flash播放器）是什么？有什么作用？2、有一動回，在 Flash場景中的大小為 300*200pixels ，現要求將 Flash的文件尺寸 倜整為這個已做好的動回尺寸人小，怎么辦？3、要將Flash動回生成*.exe格式文件，該怎么辦？4、有一個多場景的動畫，若現只想對其中一個場景進行測試預覽，該選用哪個命令？上機操作：1、創建一個400X 300像素的文檔，保存為 test.fla。發布此動回。2、將發布的動畫轉為 exe格式。經敦文獻網頁設計與制作教程 Flash完全自學手冊課后記（或歸納小結）本章我們主要學習了以下內容：Flash MX2004 的特點Flash

9、 MX2004文檔的基本操作Flash 動畫制作 遮罩圖層教學設計一、教學目標1、使學生掌握利用FLASHY作動畫的一般流程及操作方法、增強學生處理信息的能力。2、通過對遮罩圖層的學習，讓學生掌握遮罩圖層建立的基本方法和常用的操作技巧，進一步深化對FLASHY用軟件的認識，拓展學生的知識和能力。3、培養學生的探究、合作精神和熱愛大自然的情感。二、知識體系和能力培養知識理論體系。 本內容基于廣東教育出版社信息技術 第二冊中的第三章內容為藍本使學生掌握和理解遮罩圖層的含義。能力實踐體系。 運用所學知識解決實際問題，將 地理環保知識與信息技術 知識有機的整合。3、思維體系。充分激活學生探究思維和創新

10、思維。4、情感體系。加強環保意識教育，激發學生熱愛大自然，保護大自然的情感。三、重點與難點1、重點：遮罩圖層的含義和建立方法、作用2、難點：理解遮罩與被遮罩的關系。四、 教學對象分析對能否理解遮罩與被遮罩層的關系， 這是教學難點所在。 基于 信息技術課的特點，課時少、周期長、學生易忘、操作性強的特 點，在教學中盡量激發學生的發散思維，讓學生在渴望中積極探究， 自主的學習，并通過分析源文件，從中真正理解其制作過程。高中生 自我表現力強，盡量給學生多練，多展示的機會。并結合所學習的動 畫與地理環保知識進行整合，培養學生科學嚴謹的學習態度，并培 養學生熱愛自然的情趣五、設計思想本節課的設計思想是：從

11、知識、能力思維兩個方面對學生進 行知識傳授和能力培養，同時引入“課程整合”概念，讓學生始終處 于“探究”狀態，激活學生思維和情感。通過flashMTV提出問題一復習原有知識（幀動畫的形式） 并提出任務一引入新知識（遮罩圖層）一新知識剖析（遮罩圖層的含 義）一新知識運用-知識綜合（創作動畫作品）六、教學準備a）使用網絡教室軟件（遠志多媒體網絡教學系統）b） 教學/KeJian/課件和教學錄相七、教學過程（表格式）,學流程*師活動學生活動設計意圖備 注過程一A、給學生欣賞 一段 FLASH MV（一個真實的 故事）B、針對MTV 動畫提問學1、 欣賞并觀察FLASH MTV動畫，分析 在動圓中的每

12、個動 作2、通過提問回想上 節課的內容。i1、 強學生對本節課的興趣通過這段動畫讓學生分析 其動畫形式以此復習上節課內 容（動畫的基本形式）以這段動回的故事內容及 兩組圖片的展示（一組是大自 然飽受污染的圖片，另一組體 現美好大自然的九寨風景圖）生、并針對大 自然給學生對 比兩組圖片并 導入創作主題給學生一種擔憂和向往、激發 學生對大自然的熱愛和愛護大 自然的責任感。并導入該堂課 的創作主題。（創作一個以熱 愛自然、尊重生命為主題的F LASH、動畫）過程二A導入新課 FLASH遮罩效 果的應用B、以/KeJian/ 課件展示遮罩 實例C、以文字遮罩 貴花為例 分析講解、演 示1、學生通過欣賞

13、遮 罩動畫實例來理解 遮罩2、跟隨老師以邊聽 邊看、邊練的方式學 做貴花遮罩動回通過學習遮罩來豐富學生 的創作形式展示豐富的遮罩實例激發 學生對新的FLASHY效的興趣。過程三A、學生自由練 習新課內容 B、老師輔導1、學生自由練習并 提問1、讓學生理解新知識，過程四A、給學生欣賞 一組以熱愛自 然、尊重生命 為主題的學生 作品。B、學生開始分 組進行主題動 面的創作。C、老師指導學生分組創作（以兩 個或四個為一組并 選出組長，每一個組 想個創意，并由 組長分工協調）1、 樹立學生對大自然的責任 感。2、培養學生的團隊合作精神， 促進同學之間的友好。3、激舊生的創新能切口想 象力過程五A、選出兩組學 生作品進行展 示、講評，并 給予肯定和鼓 勵1、 學生展示作品2、并由組長簡單說 明一個其創意和創 作方法。通過作品的展示給