FLASH-網(wǎng)站設計與制作-教材課件匯總完整版ppt全套課件最全教學教程整本書電子教案全書教案合集_第1頁
FLASH-網(wǎng)站設計與制作-教材課件匯總完整版ppt全套課件最全教學教程整本書電子教案全書教案合集_第2頁
FLASH-網(wǎng)站設計與制作-教材課件匯總完整版ppt全套課件最全教學教程整本書電子教案全書教案合集_第3頁
FLASH-網(wǎng)站設計與制作-教材課件匯總完整版ppt全套課件最全教學教程整本書電子教案全書教案合集_第4頁
FLASH-網(wǎng)站設計與制作-教材課件匯總完整版ppt全套課件最全教學教程整本書電子教案全書教案合集_第5頁
已閱讀5頁,還剩61頁未讀 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、多媒體動畫設計FLASH 網(wǎng)站設計與制作-服裝網(wǎng)站一項目目標二項目重點、難點三教學方法四課時安排五學習過程項目目標一知識目標:1、進一步熟悉FLASH CS5工作界面2、進一步熟悉FLASH的工具面板3、進一步掌握元件和庫的使用4、進一步掌握各種動畫的設計與制作5、進一步掌握常用腳本的使用技能目標:1、圖層面板的使用2、元件、庫的使用3、場景面板的使用4、動畫腳本的使用5、逐幀、補間、遮罩、引導層動畫的使用6、自行設計所需動畫效果情感目標:根據(jù)本章節(jié)的要點,設計出符合主題的FLASH網(wǎng)站動畫畫面,主要練習FLASH動畫設計技能、腳本控制技能。項目重點、難點二【項目重點】元件的使用、各種動畫效果

2、的使用、腳本控制【項目難點】設計出符合主題的FLASH網(wǎng)站動畫畫面、網(wǎng)站導航制作、網(wǎng)站片頭制作教學方法三1、講授法:利用多媒體計算機教室,教師和學生示范演練同步操作,及時解決制作難題;在課堂上注意教學做結合,教師與學生互動,充分調動學生的積極性,培養(yǎng)學生的動手能力與職業(yè)技能,提高學生學習的積極性和團隊合作意識與溝通能力。2、案例教學法:對于典型項目中的核心技能用生動、直觀的案例進行導入。3、啟發(fā)式教學法:學生掌握案例的制作方法后,對案例涉及的知識技能進行拓展提問,啟發(fā)學生去思考,使學生能夠舉一反三,拓寬動畫設計思路;4、任務驅動項目教學法:把真實的企業(yè)項目作為工作任務引入課堂,引導學生在完成任

3、務的過程中模擬進入崗位角色,并以公司的工作制度、工作流程來要求學生完成作品的創(chuàng)作。課時安排四【課時安排】共計:10學時任務1項目分解網(wǎng)站片頭動畫制作:2學時任務2 項目分解網(wǎng)站導航制作:2學時任務3 項目分解網(wǎng)站頁面制作1:2學時 任務4 項目分解網(wǎng)站頁面制作2:2學時拓展訓練公司網(wǎng)站:2學時學習過程五1、創(chuàng)設任務激發(fā)興趣2、學生探究學習3、協(xié)作創(chuàng)作4、作品欣賞交流評價5、積極探索課外延伸6、項目小結7、項目評價8、拓展訓練創(chuàng)設任務激發(fā)興趣1簡要介紹并播放一個名為“服裝網(wǎng)站”的Flash網(wǎng)站動畫。欣賞多媒體展示這個動畫效果,使學生產生精神上的共鳴,快速進入學習狀態(tài)。(1)需求分析本項目主要介紹

4、一個以服裝為主的企業(yè)網(wǎng)站的制作步驟。該網(wǎng)站結構簡單,沒有多余的動畫效果,并且省略了一些附加功能。目的在于通過這個結構簡單但目的明確的網(wǎng)站制作,來使讀者對網(wǎng)站的整體制作方法有個初步的認識和把握。然后讀者可以在此基礎上,根據(jù)需要對網(wǎng)站的功能進行拓展,使其得到進一步的完善。(2)任務提出創(chuàng)作一個名為“服裝網(wǎng)站”的Flash動畫作品。明確學習任務:1.布置任務。2.確定作品使用的創(chuàng)作方法。3.教師引領制作。4.協(xié)作創(chuàng)作。5.交流評價,培養(yǎng)學生在較短的時間內抓住事物的主要矛盾的能力。學生探究學習21.教師指導學生進行規(guī)劃,并聽根據(jù)作品效果,給出作品評價標準。2.及時將學生探究的閃光點與全體學生交流。3.

5、學生規(guī)劃創(chuàng)作進程:(1)確定作品主題。(2)構思作品呈現(xiàn)方式。(3)選擇創(chuàng)作工具。(4)對我們所掌握的知識、技能進行分析,我們進行創(chuàng)作還需學習哪些新知識和技能。培養(yǎng)學生的主動學習意識,為調動學生有效進行探究、創(chuàng)作提供保障。協(xié)同創(chuàng)作31.巡視。2.指導。3.調控課堂氣氛,展開學生創(chuàng)作,交流協(xié)助,師生交流反饋,鼓勵學生自主創(chuàng)作。作品欣賞交流評價41.指導學生進行自評。2.引導學生通過網(wǎng)絡平臺開展互評。3.根據(jù)發(fā)現(xiàn)的有創(chuàng)意的思路或是新的操作方法,請學生代表通過網(wǎng)絡教室進行演示。(1)網(wǎng)上在線呈交作品。(2)欣賞作品。(3)根據(jù)評價表和作品創(chuàng)作說明(見附表),進行學生自評、互評、教師評價。對于提交的作

6、品,學生可以通過網(wǎng)絡教室平臺,對每個作品進行評論。實施作品網(wǎng)上評論,展示自我風采。讓學生在盡情欣賞同學們的作品,并毫不保留地對這些作品加以品頭論足,審美能力得以提高,語言表達和思維能力也得以訓練。積極探索課外延伸5介紹一些好的Flash網(wǎng)站及論壇,讓那些對Flash情有獨鐘的學生得到更大空間的提高,找到展示自己的舞臺。項目小結6本項目主要介紹一個以服裝為主的企業(yè)網(wǎng)站的制作步驟。該網(wǎng)站結構簡單,沒有多余的動畫效果,并且省略了一些附加功能。目的在于通過這個結構簡單但目的明確的網(wǎng)站制作,來使讀者對網(wǎng)站的整體制作方法有個初步的認識和把握。然后讀者可以在此基礎上,根據(jù)需要對網(wǎng)站的功能進行拓展,使其得到進

7、一步的完善。在操作過程中,除了考核記錄學生的個人完成情況,還特別考評了學生的審美能力,將綜合效果作為考評結果。項目評價7評價項目評價標準滿分得分自評教師評素材準備情況掌握素材的搜集渠道,并能解決本項目所需完成的任務10軟件操作能力在實際操作過程中對軟件使用的熟練程度,是否能在規(guī)定時間內完成作品的制作20動畫設計能力在實際操作過程中的動畫設計能力,能否能夠根據(jù)項目需求,設計合適的動畫30舉手發(fā)言在教學課程中能積極參加討論,提出自己的看法和見解10完成作品質量動畫作品完成之后的效果,是否達到項目要求,色彩搭配合理,動畫設計合理。30總分100拓展訓練8根據(jù)要求,使用Flash進行設計創(chuàng)作,利用所學

8、內容創(chuàng)作一個Flash網(wǎng)站動畫。要求:(1)主題明確,設計有創(chuàng)意,不同于課本例題。(2)自行設計界面,至少包括4個場景。(3)使用繪圖工具設計對象。(4)使用元件和庫整理素材。(5)自行設計動畫效果,需使用逐幀、補間、遮罩和引導動畫。(6)將動畫作品上傳至教師機。參考案例效果如圖所示。項目七 FLASH網(wǎng)站設計與制作任務7.1 項目分解網(wǎng)站片頭動畫制作1、進一步熟悉FLASH CS5工作界面2、進一步熟悉FLASH的工具面板3、進一步掌握元件和庫的使用4、進一步掌握各種動畫的設計與制作5、進一步掌握常用腳本的使用6、根據(jù)本章節(jié)的要點,設計出符合主題的FLASH網(wǎng)站動畫畫面,主要練習FLASH動

9、畫設計技能、腳本控制技能。任務目標一【任務重點】元件的使用、各種動畫效果的使用、腳本控制【任務難點】設計出符合主題的FLASH網(wǎng)站動畫畫面、網(wǎng)站導航制作、網(wǎng)站片頭制作【學時安排】 共計:2學時任務重點、難點、學時安排二學習過程三1、知識講解2、步驟詳解3、任務小結4、任務評價5、拓展訓練7.1.1效果展示本案例中的片頭部分主要由進度條和LOGO動畫組成,其中進度條由三個部分構成,分別是進度條、進度顯示、播放控制按鈕,案例如圖所示。知識講解11網(wǎng)站制作流程使用Flash制作網(wǎng)站的基本流程:(1)確定網(wǎng)站的主題和風格(2)網(wǎng)站結構規(guī)劃本案例中的網(wǎng)站主要由5個SWF文件組成,分別作為該網(wǎng)站的首頁、“

10、公司簡介”、“最新動態(tài)”、“產品信息”、“聯(lián)系方式”5個頁面,其結構關系如圖所示。知識講解1首頁index.swf公司簡介about.swf最新動態(tài)news.swf產品信息product.swf聯(lián)系方式contact.swf1網(wǎng)站制作流程使用Flash制作網(wǎng)站的基本流程:(3)網(wǎng)頁布局設計該網(wǎng)站的頁面主要由三部分組成公司Logo、導航菜單和網(wǎng)頁內容。其中的網(wǎng)頁內容即為首頁下屬的各子頁面的內容。單擊導航菜單中的相應菜單項,在網(wǎng)頁內容中將顯示相應的子頁面的內容,其布局如圖所示。(4)準備頁面元素(5)制作各頁面影片(6)整合與發(fā)布知識講解1Logo導航菜單網(wǎng)頁內容(各子頁面內容)2進度條介紹稍微大

11、一些的Flash作品在播放之前都會有一個loading預載畫面,這考慮到網(wǎng)絡的速度,本地瀏覽不需要等待下載,但傳到網(wǎng)上,因為每個用戶的網(wǎng)速不同,為避免受眾尷尬的等待,F(xiàn)lash制作人員往往設計一個加載(loading)的畫面,等影片的全部字節(jié)下載到本地后再播放,從而保證影片的播放質量。3網(wǎng)站LOGO介紹對一個網(wǎng)站而言,LOGO就是網(wǎng)站的名片,是能夠體現(xiàn)網(wǎng)站形象的一個重要元素。一個好的網(wǎng)站LOGO需要能夠體現(xiàn)出網(wǎng)站的內涵和特征,能夠傳達給瀏覽者一些關于網(wǎng)站的信息和理念。所以,對于一個網(wǎng)站建設者來說,LOGO的設計與制作是十分重要的。知識講解11制作進度條使用矩形工具繪制出進度條如圖1所示。使用傳

12、統(tǒng)文本工具中的動態(tài)文本,并添代碼如圖2、3所示。使用公用庫中的按鈕并設置按鈕代碼如圖4所示。步驟詳解2圖1圖2圖3圖42制作LOGO動畫使用遮罩動畫制作logo光線動畫,效果如圖所示。步驟詳解2本項目主要介紹一個以服裝為主的企業(yè)網(wǎng)站的制作步驟。該網(wǎng)站結構簡單,沒有多余的動畫效果,并且省略了一些附加功能。目的在于通過這個結構簡單但目的明確的網(wǎng)站制作,來使讀者對網(wǎng)站的整體制作方法有個初步的認識和把握。然后讀者可以在此基礎上,根據(jù)需要對網(wǎng)站的功能進行拓展,使其得到進一步的完善。本次任務主要完成了網(wǎng)站的進度條以及網(wǎng)站logo動畫,需掌握網(wǎng)站進度條的制作方法和logo動畫的設計。在操作過程中,除了考核記

13、錄學生的個人完成情況,還特別考評了學生的審美能力,將綜合效果作為考評結果。任務小結3評價項目評價標準滿分得分自評教師評素材準備情況掌握素材的搜集渠道,并能解決本項目所需完成的任務10軟件操作能力在實際操作過程中對軟件使用的熟練程度,是否能在規(guī)定時間內完成作品的制作20動畫設計能力在實際操作過程中的動畫設計能力,能否能夠根據(jù)項目需求,設計合適的動畫30舉手發(fā)言在教學課程中能積極參加討論,提出自己的看法和見解10完成作品質量動畫作品完成之后的效果,是否達到項目要求,色彩搭配合理,動畫設計合理。30總分100任務評價4根據(jù)要求,使用Flash進行設計創(chuàng)作,利用所學內容創(chuàng)作一個Flash網(wǎng)站動畫的lo

14、go動畫和進度條動畫。要求:(1)主題明確,設計有創(chuàng)意,不同于課本例題。(2)使用繪圖工具和文本工具設計對象。(3)使用元件和庫整理素材。(4)自行設計動畫效果,需使用逐幀、補間、遮罩和引導動畫。(5)將動畫作品上傳至教師機。拓展訓練5項目七 FLASH網(wǎng)站設計與制作任務7.2 項目分解頁面導航制作1、進一步熟悉FLASH CS5工作界面2、進一步熟悉FLASH的工具面板3、進一步掌握元件和庫的使用4、進一步掌握各種動畫的設計與制作5、進一步掌握常用腳本的使用6、根據(jù)本章節(jié)的要點,設計出符合主題的FLASH網(wǎng)站動畫畫面,主要練習FLASH動畫設計技能、腳本控制技能。任務目標一【任務重點】元件的

15、使用、各種動畫效果的使用、腳本控制【任務難點】設計出符合主題的FLASH網(wǎng)站動畫畫面、網(wǎng)站導航制作、網(wǎng)站片頭制作【學時安排】 共計:2學時任務重點、難點、學時安排二學習過程三1、知識講解2、步驟詳解3、任務小結4、任務評價5、拓展訓練7.2.1 效果展示在制作網(wǎng)頁導航菜單時,就可以針對網(wǎng)站的實際情況來具體選擇采用何種形式。常見的導航菜單如圖所示。實際上,什么樣的網(wǎng)站該選擇哪種導航菜單形式并沒有一個標準,有時候甚至可以根據(jù)實際需要在一個導航菜單中結合運用兩種或多種形式。知識講解1圖1 普通導航菜單圖2 下拉導航菜單圖3 隱形按鈕導航菜單制作網(wǎng)頁時,F(xiàn)lash最常用的功能之一就是制作導航菜單。與傳

16、統(tǒng)的文字導航和圖片導航相比,用Flash制作的導航菜單具有動感強、視覺效果好、交互性高的優(yōu)點。在網(wǎng)頁中適當?shù)丶尤隖lash導航菜單,將會使網(wǎng)頁顯得生動活躍、具備更強的吸引力,從而增強網(wǎng)站的瀏覽量。導航菜單是為整個網(wǎng)站服務的,根據(jù)網(wǎng)站類型的不同,導航菜單也會表現(xiàn)出不同的設計形式,在制作導航菜單之前,首先應當了解導航菜單所屬網(wǎng)站的類型,以及該導航菜單所要實現(xiàn)的功能。然后,根據(jù)網(wǎng)站的具體需要選擇合適的形式,并完成進一步的設計。1普通導航菜單2觸發(fā)導航菜單3下拉菜單4循環(huán)滾動菜單知識講解11制作普通導航菜單在網(wǎng)上經常看到,有一些網(wǎng)頁的導航菜單當鼠標移動到按鈕上方,按鈕會放大顯示。1)新建文件。2)新建

17、一個按鈕元件。3)選擇矩形填充色塊。4)在“指針經過”幀上插入關鍵幀,使用“任意變形工具”,調整矩形大小。在“點擊”幀上插入幀。5)新建一圖層,在該圖層“彈起”幀上輸入文本網(wǎng)站首頁。在“指針經過”幀上插入關鍵,使用“任意變形工具”調整放大文本大小。在“點擊”幀上插入幀。6)按上述方法,分別建立按鈕元件,按鈕上的文本分別為“課程簡介”、“教學資源”、“網(wǎng)絡課堂”、“在線教學”。7)回到場景,將完成的按鈕元件放入舞臺中,按下Ctrl+Enter測試。案例效果如圖所示。步驟詳解22制作下拉菜單下拉菜單是應用比較廣泛的導航菜單形式。使用這種形式的導航菜單,可以有效地節(jié)約頁面空間,同時使網(wǎng)站的結構更加具

18、有層次感。如圖所示,當瀏覽者將鼠標指針移動到某一主菜單按鈕上時,在該按鈕的下方會出現(xiàn)一排菜單。瀏覽者需要通過單擊子菜單的按鈕項以訪問相應的頁面。步驟詳解23制作網(wǎng)站導航菜單使用隱形按鈕制作本網(wǎng)站的導航菜單,具體操作步驟詳見教程。需注意代碼控制,添加的代碼如圖所示。步驟詳解2本項目主要介紹一個以服裝為主的企業(yè)網(wǎng)站的制作步驟。該網(wǎng)站結構簡單,沒有多余的動畫效果,并且省略了一些附加功能。目的在于通過這個結構簡單但目的明確的網(wǎng)站制作,來使讀者對網(wǎng)站的整體制作方法有個初步的認識和把握。然后讀者可以在此基礎上,根據(jù)需要對網(wǎng)站的功能進行拓展,使其得到進一步的完善。本次任務主要完成了導航條的設計與制作,要求能

19、夠掌握各種導航條的設計方法和制作過程。在操作過程中,除了考核記錄學生的個人完成情況,還特別考評了學生的審美能力,將綜合效果作為考評結果。任務小結3評價項目評價標準滿分得分自評教師評素材準備情況掌握素材的搜集渠道,并能解決本項目所需完成的任務10軟件操作能力在實際操作過程中對軟件使用的熟練程度,是否能在規(guī)定時間內完成作品的制作20動畫設計能力在實際操作過程中的動畫設計能力,能否能夠根據(jù)項目需求,設計合適的動畫30舉手發(fā)言在教學課程中能積極參加討論,提出自己的看法和見解10完成作品質量動畫作品完成之后的效果,是否達到項目要求,色彩搭配合理,動畫設計合理。30總分100任務評價4根據(jù)要求,使用Fla

20、sh進行設計創(chuàng)作,利用所學內容創(chuàng)作一個Flash網(wǎng)站動畫導航欄。要求:(1)主題明確,設計有創(chuàng)意,不同于課本例題。(2)自行設計界面,至少包括4個按鈕。(3)使用繪圖工具設計對象。(4)使用元件和庫整理素材。(5)自行設計動畫效果,需使用逐幀、補間、遮罩和引導動畫。(6)將動畫作品上傳至教師機。拓展訓練5項目七 FLASH網(wǎng)站設計與制作任務7.3 項目分解網(wǎng)站頁面制作11、進一步熟悉FLASH CS5工作界面2、進一步熟悉FLASH的工具面板3、進一步掌握元件和庫的使用4、進一步掌握各種動畫的設計與制作5、進一步掌握常用腳本的使用6、根據(jù)本章節(jié)的要點,設計出符合主題的FLASH網(wǎng)站動畫畫面,主

21、要練習FLASH動畫設計技能、腳本控制技能。任務目標一【任務重點】元件的使用、各種動畫效果的使用、腳本控制【任務難點】設計出符合主題的FLASH網(wǎng)站動畫畫面、網(wǎng)站導航制作、網(wǎng)站片頭制作【學時安排】 共計:2學時任務重點、難點、學時安排二學習過程三1、知識講解2、步驟詳解3、任務小結4、任務評價5、拓展訓練7.3.1效果展示知識講解1圖2 音樂圖表效果圖3 公司簡介頁面效果圖1 背景光圈效果1網(wǎng)站首頁設計原則在任何WEB站點上,首頁都是最重要的頁面。會有比其他頁面更大的訪問量。首頁的目的是多樣的,訪問者的目的也是多樣的。網(wǎng)站的設計既要重點突出一目了然,又要充分理解訪問者的目的,這都是設計首頁的關

22、鍵。(1)首頁必須身份顯著(2)首頁必須主題鮮明,令人印象深刻(3)首頁必須內容明確(4)首頁必須易于使用知識講解12頁面布局設計(1)頁面尺寸(2)整體造型(3)頁面元素頁面元素主要由5個部分構成,分別是頁眉、文本、頁腳、圖片和多媒體。(4)網(wǎng)頁布局的方法網(wǎng)頁布局的方法有兩種,第一種為紙上布局;第二種為軟件布局。(5)常見的頁面布局架構1)“國字”型布局 2)T型布局 3) 標題正文型 4)左右框架型布局5)上下框架型 6)綜合框架型 7)自由式布局 8)FLASH布局知識講解12頁面布局設計(1)頁面尺寸(2)整體造型(3)頁面元素頁面元素主要由5個部分構成,分別是頁眉、文本、頁腳、圖片和

23、多媒體。(4)網(wǎng)頁布局的方法網(wǎng)頁布局的方法有兩種,第一種為紙上布局;第二種為軟件布局。(5)常見的頁面布局架構1)“國字”型布局 2)T型布局 3) 標題正文型 4)左右框架型布局5)上下框架型 6)綜合框架型 7)自由式布局 8)FLASH布局知識講解13色彩搭配相關知識色彩是美麗而豐富的,它能喚起人類的心靈感知。一般來說,紅色是火的顏色,熱情、奔放;也是血的顏色,可以象征生命。黃色是明度最高的顏色,顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象征安寧和平與安全,如綠色食品。紫色是高貴的象征,有莊重感。白色能給人以純潔與清白的感覺,表示和平與圣潔。色彩代表了不同的情感,

24、有著不同的象征含義。這些象征含義是人們思想交流當中的一個復雜問題,它因人的年齡、地域、時代、民族、階層、經濟地區(qū)、工作能力、教育水平、風俗習慣、宗教信仰、生活環(huán)境、性別差異而有所不同。知識講解11網(wǎng)站首頁制作(1)背景動畫制作,效果如圖1所示。(2)音樂動畫制作,效果如圖2所示。步驟詳解2圖2 音樂圖表元件效果圖1 背景光圈圖層效果2“公司簡介”頁面制作公司簡介頁面,效果如圖1所示。播放動畫時的公司簡介頁面,效果如圖2所示。步驟詳解2圖2 播放動畫時的效果圖1 公司簡介頁面本項目主要介紹一個以服裝為主的企業(yè)網(wǎng)站的制作步驟。該網(wǎng)站結構簡單,沒有多余的動畫效果,并且省略了一些附加功能。目的在于通過

25、這個結構簡單但目的明確的網(wǎng)站制作,來使讀者對網(wǎng)站的整體制作方法有個初步的認識和把握。然后讀者可以在此基礎上,根據(jù)需要對網(wǎng)站的功能進行拓展,使其得到進一步的完善。本次任務主要完成了網(wǎng)站首頁和網(wǎng)站第一個頁面的效果設計與制作,要求能夠掌握版面的設計與制作。在操作過程中,除了考核記錄學生的個人完成情況,還特別考評了學生的審美能力,將綜合效果作為考評結果。任務小結3評價項目評價標準滿分得分自評教師評素材準備情況掌握素材的搜集渠道,并能解決本項目所需完成的任務10軟件操作能力在實際操作過程中對軟件使用的熟練程度,是否能在規(guī)定時間內完成作品的制作20動畫設計能力在實際操作過程中的動畫設計能力,能否能夠根據(jù)項

26、目需求,設計合適的動畫30舉手發(fā)言在教學課程中能積極參加討論,提出自己的看法和見解10完成作品質量動畫作品完成之后的效果,是否達到項目要求,色彩搭配合理,動畫設計合理。30總分100任務評價4根據(jù)要求,使用Flash進行設計創(chuàng)作,利用所學內容創(chuàng)作一個Flash網(wǎng)站動畫。要求:(1)主題明確,設計有創(chuàng)意,不同于課本例題。(2)自行設計界面,至少包括4個場景。(3)使用繪圖工具設計對象。(4)使用元件和庫整理素材。(5)自行設計動畫效果,需使用逐幀、補間、遮罩和引導動畫。(6)將動畫作品上傳至教師機。參考案例效果如圖所示。拓展訓練5項目七 FLASH網(wǎng)站設計與制作任務7.4 項目分解網(wǎng)站頁面制作2

27、1、進一步熟悉FLASH CS5工作界面2、進一步熟悉FLASH的工具面板3、進一步掌握元件和庫的使用4、進一步掌握各種動畫的設計與制作5、進一步掌握常用腳本的使用6、根據(jù)本章節(jié)的要點,設計出符合主題的FLASH網(wǎng)站動畫畫面,主要練習FLASH動畫設計技能、腳本控制技能。任務目標一【任務重點】元件的使用、各種動畫效果的使用、腳本控制【任務難點】設計出符合主題的FLASH網(wǎng)站動畫畫面、網(wǎng)站導航制作、網(wǎng)站片頭制作【學時安排】 共計:2學時任務重點、難點、學時安排二學習過程三1、知識講解2、步驟詳解3、任務小結4、任務評價5、拓展訓練7.3.1效果展示知識講解1圖2產品信息頁面效果圖3聯(lián)系方式頁面效

28、果圖1最新動態(tài)頁面效果頁面文件制作完成后,就可以發(fā)布網(wǎng)站了。發(fā)布網(wǎng)站的過程實際上就是將頁面發(fā)布為HTML文件和SWF文件的過程。其具體發(fā)布過程如下:1)打開需要發(fā)布的文件,以之前完成的“index.fla”為例。單擊“文件”菜單下“發(fā)布設置”命令,彈出“發(fā)布設置”對話框。在“格式”選項卡中選中Flash和HTML兩個復選框,如圖41所示。這里需注意,發(fā)布的SWF文件和HTML文件必須為英文名稱。2)分別單擊Flash選項卡和HTML選項卡,對所發(fā)布的兩種格式進行相應的屬性設置,如圖2、3所示。3)設置完成后,單擊“發(fā)布”按鈕,將index.fla文件發(fā)布為index.swf文件和index.html文件。這樣,網(wǎng)站的發(fā)布就完成了,可以在瀏覽器中打開index.html文件測試該Flash網(wǎng)站的整體效果。知識講解1圖1“發(fā)布設置”對話框圖2 Flash格式參數(shù)設置圖3 HTML格式參數(shù)設置1“最新動態(tài)”頁面制作“最新動態(tài)”頁面的制作方法與“公司簡介”頁面的制

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論