資源簡介 中小學教育資源及組卷應用平臺科教版信息技術六上第10課金花的故鄉-大理(二)教學設計課題 第10課 金花的故鄉-大理(二) 單元 第二單元 學科 信息技術 年級 六年級學習目標 學會使用SWFText軟件制作Flash動畫。學會在網頁中插入Flash動畫。學會在網頁中應用“主題”。重點 制作Flash動畫并插入到網頁中,繼續完善首頁。難點 學會在網頁中插入Flash動畫。教學過程教學環節 教師活動 學生活動 設計意圖導入新課 同學們,你知道什么是動畫嗎?你知道動畫是怎樣做出來的嗎? 聽講,思考 通過日常生活圖片方式引入,吸引學生的學習興趣。講授新課 跟我做 在瀏覽網頁時,漂亮動感的Flash動畫 是不是很吸引人呢 接下來,我們一起來 制作Flash動畫,并把它插入到網頁中。 ●1.制作flash動畫制作Flash動畫的軟件很多,通常使用的是Macromedia Flash,這里我們使用一款很簡單易用的制作Flash動畫的軟件一SWFText。①雙擊桌面圖標口,啟動SWFText, 如圖10-1。②單擊主窗口左側的“剪輯”標簽,在右側窗口中設置剪輯寬度為800(首頁上表格的寬度),高度為150。 ③單擊主窗口左側的“背景”標簽,在右側窗口中選中“圖像”選項,單擊“瀏覽”按鈕,從素材資料中找到相應的圖片文件;在“位置”選項中選擇“Stretch”(其中Stretch 是拉伸,Tile是平鋪) ;在“品質”選項中選擇100。(數字越大,圖像越清晰),如圖10-2。④單擊主窗口左側的“背景特效”標簽,在右側窗口中選擇一種自己喜歡的背景特效。 ⑤單擊主窗口左側的“文本”標簽,在右側窗口中選中原有的文本,單擊“編輯”按鈕,修改成你設計的歡迎詞;還可以單擊“添加”按鈕,繼續輸入文字;單擊“刪除”按鈕,刪除選中的文字,如圖10-3。 ⑥單擊主窗口左側的“文本特效”標簽,在右側窗口中選擇一種自己喜歡的文本特效。⑦單擊主窗口左側的“字體”標簽,在右側窗口中設置文字的字體、顏色、大小、字符間距等,如圖10-4所示。 ⑧單擊“發布”按鈕,在彈出的“發布”對話框中選中“保存Flash剪輯”選項,單擊”確定“按鈕。在彈出的“另存為”對話框中,在“保存在”的列表框中,選擇“我的站點”中“images”文件夾,將動畫文件命名為“banner”,單擊“保存”按鈕,如圖10-5所示。 ●2.在網頁中插入Flash動畫下面我們要把剛才做好的Flash動畫插入到網頁中,讓網頁看起來更有動感。 ①啟動FrontPage 2003,打開我的站點,進入index.htm網頁編輯區,把光標定位在需要插入Flash動畫的單元格里。 ②打開“插入”菜單,單擊“圖片→Flash影片”命令,彈出“選擇文件”對話框,從images文件夾中選擇“ banner.swf”文件,單擊“插入”按鈕,如圖10-6所示。 ③雙擊插入到網頁中的Flash動畫,在彈出的“Flash影 片屬性”對話框中,取消“保持縱橫比”的選擇,設置寬度為800,高度為150 (和Flash動畫的寬和高一致),單擊“確定”按鈕,如圖10-7所示。④保存網頁,單擊左下角的“預覽”視圖按鈕,就能看到Flash動畫在網頁中的效果了,網頁是不是變得很有動感了 如圖10-8所示。 ●3.應用主題①在網頁“設計”視圖中單擊“格式”菜單中的“主題”選項。②在右側的“主題”任務窗格中,單擊需要的主題右側的下拉箭頭按鈕或右擊鼠標,在彈出的菜單中選擇“應用為默認主題”命令,這樣就把選擇的主題應用到網頁中了,如圖10-9。4.保存網頁 單擊工具欄上的“保存”按鈕,就把剛才設計好的網頁保存起來了網站的風格最好是一致的, 所以把剛才制作好的網頁另存為top.htm,這樣就可以在其他的網頁中使用該網頁了。另存網頁的方法是打開“文件”菜單,單擊“另存為”命令,在打開的對話框中,選擇文件保存路徑“我的站點”,將文件命名為“top.htm”。最終的網頁效果如圖10-10。 使用SWFText軟件制作Flash動畫,并將制作的動畫插入到首頁中,保存首頁,同時另存為top.htm文件。 了解、掌握了解及掌握。了解、掌握掌握了解聽講及掌握理解了解掌握了解掌握掌握了解、掌握了解掌握操作 通過教師講解制作flash動畫的步驟與方法。了解“背景特效”設計的步驟和方法。“文本”標簽通過教師講解了解“文本特效”標簽的方法。發布Flash的方法掌握在網頁中插入Flash動畫的方法。打開我的站點的方法與步驟。了解插入到網頁中的Flash動畫保存網頁使用在網頁“設計”視圖中單擊“格式”菜單中的“主題”選項。保存網頁的方法使用SWFText軟件制作Flash動畫課堂小結 1、單擊主窗口左側的“字體”標簽,在右側窗口中設置文字的字體、顏色、大小、字符間距等2、打開“插入”菜單,單擊“圖片→Flash影片”命令,彈出“選擇文件”對話框,從images文件夾中選擇“ banner.swf”文件,單擊“插入”按鈕3、在網頁“設計”視圖中單擊“格式”菜單中的“主題”選項。 提問回答 通過提問方式進行總結。板書 1、制作flash動畫2、在網頁中插入Flash動畫3、應用主題4、保存網頁21世紀教育網 www.21cnjy.com 精品試卷·第 2 頁 (共 2 頁)HYPERLINK "http://www.21cnjy.com/" 21世紀教育網(www.21cnjy.com)21世紀教育網 –全國領先的中小學教育資源及組卷應用平臺第10課《金花故鄉-大理(二)》練習一、選擇題1、使用Flash按鈕和Flash文本對象時創建的文件類型是()。A. Flash文件(.fla)B. Flash SWF文件(.swf)C. Flash模板文件(.swt)D. Flash元素(.swc)2、Flash文檔中的庫存儲了在Flash中創建的( ),以及導入的文件。A.圖形B.按鈕C.電影剪輯;D.元件3、使用Flash按鈕和Flash文本對象時創建的文件類型是()A.Flash文件(.fla)B.Flash SWF文件(.swf)C.Flash模板文件(.swt)D.Flash元素(.swc)4、下面哪些是flash播放器可以打印的:A.flash的元件B.FLASH的位圖圖像C.FALSH的文本塊FLASH的文本域二、判斷題1、Flash只支持UTF_8格式的文本文件。( )2、網頁中插入Flash文件的后綴名swf。( )3、在網頁中插入的 FlAsh動畫文件的擴展名不能為flA。( )三、簡答題1、怎樣在網頁中插入Flash影片?2、如何發布flash?第10課《金花故鄉-大理(二)》答案一、選擇1.A2.D3.B4.A二、判斷題1、錯2、對3、對三、簡答題1、答:①選擇"swf"命令②選擇flash影片③完成flash影片的添加2、答:單擊“ 發布”按鈕,在彈出的“發布”對話框中選中“保存Flash剪輯”選項,單擊”確定“按鈕。21世紀教育網 www.21cnjy.com 精品試卷·第 2 頁 (共 2 頁)HYPERLINK "http://21世紀教育網(www.21cnjy.com)" 21世紀教育網(www.21cnjy.com)(共34張PPT)第十課 金花的故鄉—大理(二)教科版 六年級上新知導入同學們,你知道什么是動畫嗎?新知導入你知道動畫是怎樣做出來的嗎?新知導入新知講解跟我做在瀏覽網頁時,漂亮動感的Flash動畫 是不是很吸引人呢 接下來,我們一起來 制作Flash動畫,并把它插入到網頁中。新知講解●1.制作flash動畫制作Flash動畫的軟件很多,通常使用的是Macromedia Flash,這里我們使用一款很簡單易用的制作Flash動畫的軟件一SWFText。①雙擊桌面圖標口,啟動SWFText, 如圖10-1。新知講解②單擊主窗口左側的“剪輯”標簽,在右側窗口中設置剪輯寬度為800(首頁上表格的寬度),高度為150。新知講解③單擊主窗口左側的“背景”標簽,在右側窗口中選中“圖像”選項,單擊“瀏覽”按鈕,從素材資料中找到相應的圖片文件;在“位置”選項中選擇“Stretch”(其中Stretch 是拉伸,Tile是平鋪) ;在“品質”選項中選擇100。(數字越大,圖像越清晰),如圖10-2。新知講解④單擊主窗口左側的“背景特效”標簽,在右側窗口中選擇一種自己喜歡的背景特效。新知講解⑤單擊主窗口左側的“文本”標簽,在右側窗口中選中原有的文本,單擊“編輯”按鈕,修改成你設計的歡迎詞;還可以單擊“添加”按鈕,繼續輸入文字;單擊“刪除”按鈕,刪除選中的文字,如圖10-3。新知講解⑥單擊主窗口左側的“文本特效”標簽,在右側窗口中選擇一種自己喜歡的文本特效。新知講解⑦單擊主窗口左側的“字體”標簽,在右側窗口中設置文字的字體、顏色、大小、字符間距等,如圖10-4所示。新知講解⑧單擊“ 發布”按鈕,在彈出的“發布”對話框中選中“保存Flash剪輯”選項,單擊”確定“按鈕。在彈出的“另存為”對話框中,在“保存在”的列表框中,選擇“我的站點”中“images”文件夾,將動畫文件命名為“banner”,單擊“保存”按鈕,如圖10-5所示。新知講解●2.在網頁中插入Flash動畫下面我們要把剛才做好的Flash動畫插入到網頁中,讓網頁看起來更有動感。新知講解①啟動FrontPage 2003,打開我的站點,進入index.htm網頁編輯區,把光標定位在需要插入Flash動畫的單元格里。新知講解②打開“插入”菜單,單擊“圖片→Flash影片”命令,彈出“選擇文件”對話框,從images文件夾中選擇“ banner.swf”文件,單擊“插入”按鈕,如圖10-6所示。新知講解③雙擊插入到網頁中的Flash動畫,在彈出的“Flash影 片屬性”對話框中,取消“保持縱橫比”的選擇,設置寬度為800,高度為150 (和Flash動畫的寬和高一致),單擊“確定”按鈕,如圖10-7所示。新知講解④保存網頁,單擊左下角的“預覽”視圖按鈕,就能看到Flash動畫在網頁中的效果了,網頁是不是變得很有動感了 如圖10-8所示。新知講解●3.應用主題①在網頁“設計”視圖中單擊“格式”菜單中的“主題”選項。新知講解②在右側的“主題”任務窗格中,單擊需要的主題右側的下拉箭頭按鈕或右擊鼠標,在彈出的菜單中選擇“應用為默認主題”命令,這樣就把選擇的主題應用到網頁中了,如圖10-9。新知講解主題是一組統一的設計元素和配色方案,可應用到網頁中使之具有更為專業的外觀。使用主題是使網頁具有一致的視覺效果且具有吸引力的快捷方法。FrontPage包括許多可立即使用的完整主題。如果想刪除剛才應用的主題,單擊“主題”任務窗格中“無主題”格式即可。小知識新知講解4.保存網頁單擊工具欄上的“保存”按鈕,就把剛才設計好的網頁保存起來了新知講解網站的風格最好是一致的, 所以把剛才制作好的網頁另存為top.htm,這樣就可以在其他的網頁中使用該網頁了。新知講解另存網頁的方法是打開“文件”菜單,單擊“另存為”命令,在打開的對話框中,選擇文件保存路徑“我的站點”,將文件命名為“top.htm”。最終的網頁效果如圖10-10。基礎練習使用SWFText軟件制作Flash動畫,并將制作的動畫插入到首頁中,保存首頁,同時另存為top.htm文件。1、設置背景顏色基礎練習2、 背景特效基礎練習3、添加文字基礎練習4、設置文本特效和字體基礎練習5、交互效果和聲音拓展練習嘗試應用任意一種主題到首頁中。課堂總結1、單擊主窗口左側的“字體”標簽,在右側窗口中設置文字的字體、顏色、大小、字符間距等2、打開“插入”菜單,單擊“圖片→Flash影片”命令,彈出“選擇文件”對話框,從images文件夾中選擇“ banner.swf”文件,單擊“插入”按鈕3、在網頁“設計”視圖中單擊“格式”菜單中的“主題”選項。板書設計1、制作flash動畫2、在網頁中插入Flash動畫3、應用主題4、保存網頁https://www.21cnjy.com/help/help_extract.php 展開更多...... 收起↑ 資源列表 第10課 《金花的故鄉——大理(二)》練習題.doc 第10課 金花的故鄉——大理 (二).doc 第10課 金花的故鄉——大理 (二).pptx 縮略圖、資源來源于二一教育資源庫