资源简介 中小学教育资源及组卷应用平台科教版信息技术六上第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