-
全部
- 第1章 第1节 网站的创建 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第1章 第2节 网页的基本操作 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第1章 第3节 表格的编辑 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第1章 第4节 超链接的设置 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第1章 第5节 设置网页的动画效果 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第1章 第6节 站点发布 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第2章 第1节 关键帧动画 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第2章 第3节 变形动画 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第2章 第4节 图层的使用 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第2章 第5节 蜻蜓飞舞—引导层的使用 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第2章 第6节 遮罩和配音 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第2节 元件绘制及动作补间动画_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第3章 第1节 数据输入 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第3章 第2节 编辑和格式化 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第3章 第3节 公式的使用 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第3章 第4节 函数的使用 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第3章 第5节 数据图表 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第3章 第6节 综合练习 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
- 第4章 第2节 北京七日游 教案_2023新河大版八年级全册《信息技术》.doc--点击预览
文件预览区
|
|
资源描述
第第 1 节节 网站的创建网站的创建 教案教案教学目标教学目标 1 确定网站主题及网站所包含的内容,网页的内容,包括文字,图片,音乐等素材。2 规划网站,建产网站的示意图。3 创建网站,设计网页,建立网页之间的关系。4 通过建立关于中国茶的网站,让学生了解中国是茶文化的发源地,茶文化是中国传统文化的组成部分。随着社会的进步,茶不但对经济发展起着促进作用,而且逐渐形成了灿夺目的茶文化。21 教育网教学重点教学重点创建一个以“中国茶文化”为主题的网站教学难点教学难点能够初步进行网页设计 教学方法教学方法 讲练结合 教具准备教具准备 计算机 学具准备 计算机 作业要求作业要求 上网搜索茶的素材。教学过程教学过程 一 引入 问题一:在上一学期,我们上了很长时间的一段网,基本对网络也有所了解。那么上网给你们带来了哪些好处呢?21 世纪教育网版权所有问题二:想不想有一个属于自己的网站呢?www 是目前因特网上使用最为广泛的服务功能之一。它将信息以“网页”(也称 WEB 页)的形式展现给用户,图文相济,声情并茂。学会制作网页,就可以更好的利用因特网发布展示信息。(一)认识网页 1.网页(WebPage)是一个包含有文本、图形、超链接以及其他信息元素的文件。不同的网页对应一个不同的文件名。21cnjycom2.网站(WebSite)是由一个包含多个由超链接连在一起的网页集合。它包含的网页呆以是几个也可以是上千个。由在因特网上网站是通过一个地址进行定位的,它就像网站信息中的一个节点,所以有是称它为“站点”。www.21-cn-3.主页(homePage)是网站的起始页,包含必要的内容和索引信息。大家通过因特网对某个网站进行信息查询时,首先访问到的起始信息页通常是该网站的主页。一般情况下主页的文件名都是“index.htm”.21cnjy(二)网页编辑工具 Microsoft 公司的 FrontPage Macromedia 公司的 Dreamweaver 特点:所见即所得,很容易上手 FrontPage 工作界面与 Word 的不同之处:视图栏:提供六个不同的视图,以不同形式显示网站状态。网页显示模式:普通:用于基本网页编辑。HTML:显示网页源代码。预览:显示网页浏览时的实际效果。(三)、操作指南。创建网站创建网站 在 D 盘建立“chaweb”的网站。(1)启动 ProntPage 软件,执行“文件”“新建”“站点”命令。(2)在打开的“新建”对话框中,选择默认的“只有个网页的站点,”在“指定新站点的位置”输入框中输入“d:chaweb”,然后单击“确定”按钮。添入网页添入网页(1)执行“文件”“新建”“网页”命令,弹出“新建”对话框,茶与茶的来源 茶的起源 茶的分类 茶圣 茶树 陆羽介绍(2)选择“常规”选项卡”茶的起源用“目录在左边的两栏正文”模板。单击“确定”。除用“普通网页”模板创建的网页是空白的外,利用其他模板建立的网页中都有一些提示文字和图片。保定网页保定网页 执行“文件”“保存文件”命令,弹出如下所示的“另存为”对话框。输入网页标题 网页标题是对网页内容的一个概括,在浏览器中,它出现在标题栏的左上角,般用中文描述。单击“更改”按钮,修改网页标题名为“茶的起源”输入文件名 注:每一个网页都是一个独立的文件,要以文件名命名。一般以字符描述。 第第 2 节节 网页的基本操作网页的基本操作 教案教案一、教材分析一、教材分析 网页的基本操作是河北大学出版社信息技术八年级下册第一章第二节的内容,本节课的主要任务是掌握编辑网页的最基本的方法:在网页中插入编辑文字,插入、编辑图片,以及背景图片和背景色的设置 【版权所有:21 教育】二、学生分析二、学生分析 教学对象是八年级学生,经过上节课的学习同学们已经知道 FrontPage 与word、Excel 都是 Microsoft Office 的组件,它们的操作界面和使用方法有很多相似之处。学生已经会建立站点,建立并保存网页,本节课主要学习在网页中插入、编辑文字,插入图片,设置图片对齐方式,设置网页背景,由于学生在以前已经学过 Microsoft Office 中的许多工具,它们的使用方法有许多相似之处,学生对本课内容较容易理解。同时由于学生之间存在个体差异,不同的学生接受能力也会有所不同。21 教育名师原创作品三、教学目标三、教学目标【知识与技能】a.学生知道网页中的基本元素有文字、图片、音频、动画、视频 b.使学生能够熟练操作文字的输入以及设置;【来源:21世纪教育网】c.使学生能够插入图片;设置图片对齐方式,改变图片大小 d.使学生会设置网页背景图片,背景色。【过程与方法】通过对比观察,使学生利用已学知识去解决问题的能力进一步得到提高,使学生敢于尝试和自主探究的学习能力、相互协作能力和知识的迁移能力进一步得到提高。21*cnjy*com【情感态度与价值观】(1)激发学生感恩老师、感恩父母、感恩社会,以使学生能够关爱他人。(2)激发学生的学习热情和创作热情,在亲历学习过程中,获取知识、体验成功,从而提高学习兴趣。(3)培养审美意识,促进学生形成良好的审美观;提高信息素养。(4)在合作学习中,学会交流与协作,提高学生的合作意识和合作能力。四、教学重点四、教学重点 在 FrontPage 中编辑文字和插入图片。使用文字处理和插入图片是学生在今后的网页制作、多媒体作品制作以及其它很多场合中使用的一个非常基本的工作。同时,就看编辑文字和插入图片自身来看,他们是其一项最基本最主要的功能。因而我认为此次课的教学重点应为:编辑文字和插入图片。难点难点在文件中插入图片后,保存网页文件。(在 word、powerpoint,或 frontpage 插入文字直接按保存按钮即可,而在frontpage 插入图片后会弹出“保存嵌入式文件”对话框,单击对话框中“打开改变文件夹”对话框,选择“images”文件夹,让学生养成合理存放网站素材的习惯,以便建立好的网站拿到任何地方都可以顺利的打开)21 教育网五、教学方法五、教学方法 情景导学法与任务驱动法、启发式教学 六、学法六、学法 自主探索和相互学习 七、教学环境与素材七、教学环境与素材 1教学环境:多媒体网络教室,学生计算机中安装 IE5.0 以上版本及Frontpage2000 以上中文版,要求能上因特网。www-2-1-cnjy-com 2教学素材:准备好一些具有代表性的网站供学生欣赏,准备些文字、图片资料供学生使用;八、教学过程八、教学过程(本课时安排一节课)运用驱动任务和启发式教学法 (一)、用 FrontPage 制作网页(情景导学法)1创设情境:在教师机上展示用 FrontPage 制作的网页作品。2引入课题:“网页的基本操作”3提出问题:我们怎样才能制作网页呢?首先直接在教师机上展示用 FrontPage 制作的网页作品。借助电子教室软件将教师机上显示出的图片内容一一传送到所有学生机的屏幕上。这样一来,不仅大大地调动了学生学习的兴趣与动机,还很自然地将学生的注意力吸引到了本次课的学习主题上来了。此时,我便不失时机地提出本次课的课题:“网页的基本操作”。接着提出问题“我们怎样才能制作出这样的网页呢?”,进入正题。4示范操作 制作流程:I、启动程序、打开站点、打开空白页面 II、输入、编辑文字 III、插入图片、设置图片大小、对齐方式 IV、保存网页 编辑文字:同学们以前都学习过 WORD 的基本操作,对于文字的编辑应该都掌握了。下面大家就回忆一下应该怎样操作。21 世纪教育网版权所有 图片插入 通过以上步骤之后,我们可以看到在页面上只有几个零星的文字,如果网页中只有文字,而没有图片的搭配装饰,一定会显得呆板。在这里就给学生提出问题:“那么在 FrontPage 中如何为网页加上图片呢?”在这里不做演示主要让同学们从实践中得到答案,不做过多的讲解。保存网页:I、单击窗口中工具栏的保存按钮或选取菜单命令“文件”“保存”。II、保存主页面,如:“*.htm”。III、保存图片文件。说:在“示范操作”这个环节的指导过程中,就其中的制作流程一步只须简单地向学生提一下就可以了,因为这些操作与前面学习过的其它应用程序的操作方式是大致相同的,但就编辑文字、插入图片、这个步骤要做重点示范与说明。在示范过程中,要适时抓住学生所提出的问题,将学生的注意力引导到下一步。5学生练习:在网页中插入图片。怎样对图片进行修改。说:通过必要的实践,培养学生的动手操作能力。同时让学生对其它一些工具按钮的作用进行适当的了解,自已去发现、探索与体会 FrontPage 的一些其它功 能,发挥学生的主体作用,培养学生的自学能力及探索创新能力。背景图片背景色的设置,学生自主探索。21cnjycom6师生小结 说:通过小结,点拔实质,突出重点,使学生巩固所学知识。(二)、思考练习 做自己心目中的网页。建立班级网站,搜集同学们做的网页。(基础较好的同学要求)给出一定的思考练习题,目的就是要让学生通过问题的解决,提高自身的各种能力,发挥自身的主体作用。www.21-cn-九、小结九、小结 FrontPage 是一个网页制作软件,在做简单的网站时必须基本掌握文字的处理和图片的插入,需要学生动手动脑来消化。我们掌握好了 FrontPage 软件的使用,就会对我们今后的更高层次作品的制作提供大大的方便。通过简单的归纳总结,加深学生对知识的记忆与理解,建立一个较完整的知识架构。同时指出:FrontPage 还有其它很多的功能,希望学生在今后的学习中进一步去发现与探索,进而进一步调动学生的自学能力与创新意识。通过小结,点拔实质,突破难点,有利于学生进一步巩固知识。21cnjy十、我的准备工作十、我的准备工作:1、做好(茶,我的个人网站、中秋节、母亲节、2008 奥运会)网站,茶网站是课本上的示例但没有现成的素材,需要自己上网搜集,根据课本上的要求完成,其它网站以茶网站为例,内容不一样,但模式大致一样,插入图片,表格布局,超级链接,动态效果,课本上在茶网站中用到的 frontpage 操作在另外几个网站中都要有所体现。做好的网站放在服务器上供学生借鉴,做这些网站需要的文字,图片资料放在教师机的百度硬盘上,供学生下载使用。2-1-c-n-j-y2、实行积分制度。每节课学生表现的评价利用积分的形式在小组竞赛中记录下来,根据积分的多少来客观评价学生平时成绩。【来源:21cnj*y.co*m】十一、反思:十一、反思:学生动手尝试操作时可能会出现如下问题:部分学生上节课任务没有完成,没有建立站点(针对这一情况,给几分钟时间,让组长检查本组站点建立情况,没完成的找操作快的同学帮助完成,为本节课的学习打好基础。)21世纪*教育网 部分学生可能不会插入图片(先让学生自己尝试插入图片,让完成的学生演示并讲解插入图片的方法,这样可以让演示的学生将自己的成果和大家一起分享,在讲解的同时又使他的语言表达能力进一步提高,还有就是变老师讲解为学生讲解,可以提高学生学习的兴趣。)21*cnjy*com根据学生的素质和差异情况,我们要对学生进行客观的评价,对于学生在操作中可能遇到的问题我们要提前想到,解决的办法有几种,比如:教师辅导、学生之间互相帮助,学生分组合作。【出处:21 教育名师】 第第 3 节节 表格的编辑表格的编辑 教案教案教学目标教学目标1、知识与技能目标:知道常用的图表类型;熟练掌握 Excel 图表的相关操作;2、过程与方法目标:经历表格数据加工与表达的过程,既快又好地完成报告;比较分析各类图表的适用范围;21cnjy3、情感态度价值观目标:体会图表在呈现数据方面的优越性;通过参与作品的评价,提高审美能力及鉴别能力;培养合作的精神,体验分享的乐趣。学情分析学情分析教学对象为八年级学生。学生经过前面几堂课的学习,对 EXCEL 操作已经有了初步的了解。能够简单运用所学的知识对数据进行处理,但是这种纯文字、数字的格调让他们感觉不再新鲜。一篇成功的调查报告,不但要有数据,还应该有漂亮、直观的图形。通过本节课的学习,使他们能够运用 EXCEL 中的“图表”来处理数据,而这些处理的数据又跟我们学生有密切的关系,又是学生自己调查出来的,因此学生在学习这堂课的时候,学习兴趣应该会很高,效果也会很好。重点难点重点难点教学重点 1、使用合适的图表类型来呈现数据;2、总结各类图表的适用范围。教学难点 1、根据实际问题选择恰当的图表类型;2、能不能正确选择创建图表的数据源。教学过程教学过程4.1 第一学时【导入】对照式导入法:创设篮球比赛得分情境,对照不同呈现方式引导学生思考一系列问题,突出图表呈现方式的直观性教师:最近学校组织的高中篮球赛咱们同学都在积极参与,现在咱们一起来看“高中年级篮球赛得分统计表”先后给出两个表格:含有 3 个班的统计表和含有 60 个班的统计表,同样提出问题:哪一个班的总成绩最好?21cnjycom学生浏览 3 个班表格,很快回答出问题。浏览 60 个班的表格,无法回答出问题。教师总结:很明显,在数据量剧增的情况下进行数据分析有相当的困难。以 10 个班作例子,生成了两个图表。同样问刚才的问题,对比刚才的纯表格呈现方式,图表更具直观性。21 世纪教育网版权所有设计意图:揭示表格呈现方式的局限性,突出图表呈现方式的直观性。【活动】建立图表和图表数据项的更改教师示范图表建立的操作步骤(教师利用常用工具栏中“图表向导”按钮建立图表,强调图表数据源的选取和修改)【来源:21世纪教育网】学生观察思考操作过程教师提问:还可以通过哪种方法来插入图表?学生自由操作,找出问题的答案(通过“插入”菜单)教师布置任务一:建立图表 根据学生出现的问题,提出问题:图表数据项的更改。学生实践,学生在操作的过程中可能会出现错误选取图表数据源的问题,在这过程中教师要给予帮助和引导。回答问题并对自己的错误操作进行修改。设计意图:这阶段主要让学生掌握建立图表的方法和通过教师的讲解、学生实践来突破难点,培养学生获得知识的能力。学生掌握了方法后更容易去学习下面的内容,为自主学习打下基础。21世纪*教育网【活动】选择适合的图表类型教师:同学们,刚才我们已经学会了建立图表,可以直观地说明我们表格中的数据。但是,老师发现了一个问题,也请同学们互相看看同学们的机器,有什么不同呢?学生通过观察后可以发现每个人的图表类型不同。教师提出任务二:选择适合的图表类型,并发起小组讨论。学生通过自由讨论,自主学习,发现各种类型图表的不同之处。教师归纳总结。【活动】对图表进行编辑,并能根据自己的喜好设计图表区、绘图区、图例的颜色和字体教师布置自主学习的内容,任务三:学生打开已保存在机器中的文件,“北京奥运会.xls”文件,根据学生自学提示内容,来完成教师的任务。21 教育网学生比赛,争做小老师,演示自己的操作方法,激发了学生的兴趣。设计意图:教师通过任务驱动为学生设定学习环境,激发学生的兴趣、引导学生自主学习,培养学生分析问题、解决问题的能力。创设竞赛机制,极大地调动了学生的积极性,无意识地产生了一种竞争机制,从而提高了学生的实践操作能力和自主学习的能力,并养成良好的学习习惯。www.21-cn-【练习】综合实践、发展提高教师给出了家庭收支数据表、学习成绩数据表。提出晋级任务:家庭收支情况分析,学生成绩分析任选其一进行小组讨论:可以从老师所给出的数据制作那些相关图表来了解家庭的经济状况和同学们的学习情况。2-1-c-n-j-y教师巡视帮助有困难的学生,解决学生的突发问题,引导学生的操作方向。学生小组讨论,同学回答,并制作不同类型的图表。设计意图:1、任务的安排已把明确任务建立表格分析数据形成报告这一流程渗透其中。让学生经历表格数据加工与表达的过程。突破教学难点。2、实现任务内容多样化,课前准备了多份材料,小组以抽签形式决定具体任务,可避免学生作品千篇一律。交流时,可以分享更多的资源。www-2-1-cnjy-com【活动】作品展示、归纳总结教师将一些做的好、有创意的作品展示给全班学生。小结所学内容,实现知识的再现,集体纠正操作中出现的问题,实现知识的巩固。21*cnjy*com学生对教师展示的作品进行点评并相互交流心得。 第第 4 节节 超链接的设置超链接的设置 教案教案教学目标教学目标:知识与技能:1、理解超链接的概念,理解导航栏在网页设计中的重要性。2、学会在网页中插入超链接和导航栏;掌握将链接指向站点内、站点外和电子邮箱的方法。过程与方法:1、在教师引导下,在原有知识技能的基础上自主学习,实现知识迁移。掌握建立超级链接的基本方法。2、通过层次递进的任务,逐渐理解超链接的意义与内涵。情感态度与价值观:1、在任务学习的过程中,加深学生对超链接的理解,让学生提高知识技能迁移的能力。2、通过引导学生自主探究,总结归纳知识技能要点,既激发了学生的学习积极性,又提高学生的自主学习能力。学情分析学情分析 超级链接在 PPT 教学时学生进行了很好的练习,如果能调动学生原有的知识结构,促使学生了解在网页中如何插入超链接和导航栏,使学生主动接收新知识,这是非常重要的。21cnjycom重点难点重点难点:教学重点:设置超链接和网站导航栏。教学难点:理解超级链接的含义 教学过程教学过程:教学活动 活动 1【导入】谈话导入 师:上网简单而有趣,那同学们知道我们为什么能够在网上跳来跳去像冲浪一样吗?这是因为网页使用了超越空间界限的法宝超级链接。提出问题:我们浏览的网页哪些是超级链接呢?常用的超链接结构有哪些各自优点?通过回顾和体验来展示超链接在网页中的神奇功能和表现特点。展示本课任务引入课题。活动 2【讲授】学习探究 (一)设置超链接 学生活动:阅读课文第一部分,小组讨论,完成以下问题:1、设置超链接的目的是什么?2、什么是超链接?3、超链接有哪几种类型?师生总结:目的:使网页之间形成一个紧密的整体,能够很容易地从一个网页到达另一个网页。定义:超链接是指从一个网页指向一个目标的连接关系。类型:站点内的链接、到其他网站的链接、到邮箱的链接、书签链接。步骤:“插入”-“超链接”。(二)大显身手:根据所阅读内容,探究如下任务:1.打开 chaweb 网站,建立 chaweb 网站之间网页的相互连接 2.在茶的分类网页中,建立从目录文字到对应内容的连接 3.在主页中建立指向 E-mail 的超级连接 4.预览网页 5.保存网页(三)学生进行自主探究过程,教师引导学生注意操作步骤。A、设置网站导航栏 学生活动:阅读课文第 2021 页,考虑问题:1、为什么要设置网站导航栏?2、什么是导航栏?3、建立导航栏的方法有哪些?B、学生试操作 建立主页与子页的链接,建立网页与其他网页的链接。练习在“茶的分类”网页中,建立从目录文字到对应内容的链接。在主页中建立指向 E-mail 的超链接。21 世纪教育网版权所有活动 3【活动】实践创新 学生讨论:网页中的文字建立超链接后,会有什么变化?你能改变超链接文字的默认颜色吗?活动 4【活动】展示作品 展示学生作品,查看链接是否正确。活动 5【练习】拓展应用 师:结合实践应用,还可以补充空链接、外网的网页地址链接、文件下载链接、普通文件链接等。拓展任务 1:将题库中网页链接到一个普通文件,首页设置空链接。具体要求:在网页的书签链接行右边添加文字“更多精彩”,将其链接到素材库中的 word 文档;首页设置空链接。21 教育网拓展任务 2:添加素材下载链接。具体要求:添加“素材下载”,链接下载 sucai.rar。活动 6【活动】课堂小结 引导学生总结超链接的设置应用。学生发言,谈学习感受。教师总结。 第第 5 节节 设置网页的动画效果设置网页的动画效果 教案教案教学目标教学目标1 知识与能力目标:通过本节的学习,使学生能熟练掌握:使用滚动字幕、鼠标悬停和网页过渡等功能为网页中的部分对象和网页的整体切换添加动画效果。21cnjy2 过程与方法目标:通过任务驱动,引导学生根据教师所演示的操作来完成任务,培养学生的自主学习能力;通过分组协作设置有个性的动画效果,培养学生的协作学习、探究学习的能力以及创新精神。21世纪*教育网3 情感态度与价值观目标:鼓励学生大胆演示、展示作品,培养学生自我表现的能力;通过对网页动画效果的合理、灵活的运用,培养学生的审美情趣、学习兴趣和信息素养。学情分析学情分析知识和能力方面:通过前面几节课的学习学生已经熟悉了 frontpage 编辑环境,掌握了创建网站、编辑网页和网页布局及超级链接等操作,这节课的知识对于学生来说比较容易上手。但是学生之间存在一定的差异,所以在教学中我适当地采取分层教学,对于基础较好的学生我将放手让他们自学,而对于能力较弱的学生,让他们在同学和老师的引导、示范讲解下完成任务。www-2-1-cnjy-com生理和心理方面:初二的学生对于制作动画效果的兴趣比较浓厚,但是青少年好动,注意力容易分散,所以在教学中我一方面运用直观的范例,引发学生的兴趣,使他们的注意力始终集中在课堂上;另一方面要创造条件和机会,让学生发表见解,发挥学生学习的主动性。21*cnjy*com重点难点重点难点【教学重点】通过观看范例、教师演示引导和学生自主完成任务来让学生学会使用滚动字幕、鼠标悬停和网页过渡等功能为网页中的部分对象和网页的整体切换添加动画效果。【来源:21cnj*y.co*m】【教学难点】操作过程并不复杂,但是对动画效果的合理、灵活运用以及创新比较困难。在这方面可以通过欣赏实例让学生初步了解动画在网页中的应用,在了解的基础上再进行创新。【出处:21 教育名师】教学过程教学过程教学活动活动 1【导入】一、观看实际示例,导入新课:1、展示一份网站的欢迎界面。2、提问:(1)同学们你觉得这样的欢迎界面怎么样?(2)同学们你想不想自己动手设计这样的一个带有动画的欢迎界面?(3)今天我们一起来学习在网页中设置动画。活动 2 【讲授】新课教学二、网页动画介绍。Frontpage 提供了滚动字幕、动态 HTML 效果、网页过渡等具有动态效果的功能,其中在我们上述示例中所展示的就是滚动字幕、鼠标悬停、网页过渡的效果:21 世纪教育网版权所有滚动字幕:一行文字在屏幕上滚动。鼠标悬停:当光标移动到图片上时,变成另外一幅图片,光标移开后恢复原样。这就是动态 HTML 效果中的一种。网页过渡:进入网页(网站)和离开网页(网站)的动画。本节课我们也主要来学习上述这些操作。三、准备操作。1、启动 frontpage 2003 软件。2、学生自主建立网站,网站名称为春雨工程。(注意:网站名称和网页名称用英文或汉语拼音,比如 spring-rain、chunyugongcheng、cygc 等)www.21-cn-3、新建一个网页,命名为 welcome.html。4、双击 welcome.html 页面,进入编辑界面。以上部分由学生自主完成,主要目的是检测学生前面所学知识的掌握情况。四、教师演示部分1、鼠标悬停操作过程。(1)在网页中插入一张图片,进行简单的格式设置,放置到页面中央位置。(2)单击“视图”“工具栏”“DHTML 效果”选项,打开 DHTML 效果对话框。(3)选中图片,在“选择一种事件”下拉列表中选择“鼠标悬停”,在“选择一种效果”下拉列表中选择“交换图片”,在“选择设置”里面选择一张图片。(4)如果效果不满意,可以删除效果,重新设置。(5)设置完成后,通过预览查看效果。本部分主要学习鼠标悬停的操作过程,对于其他效果,学生可以在完成任务时自己进行拓展练习,教师可以给予辅导。【来源:21世纪教育网】2、滚动字幕操作过程。(1)在图片下方单击鼠标,执行“插入”“Web 组件”命令,选择“动态效果”类型中的“字幕”,打开“字幕属性”对话框。2-1-c-n-j-y(2)在文本输入框中输入“欢迎光临大水泉中学春雨工程网站,单击图片进入主页!”。(3)在“背景颜色”的选项框中,选择一种颜色,也可以不添加背景。(4)“方向”、“表现方式”、“重复”等选项可以根据自己想要的效果进行设置,在这里我们选择默认即可。21cnjycom(5)单击“样式”按钮,打开“修改样式”对话框。(6)单击“格式”按钮,选择“字体”选项卡,打开“字体”对话框。(7)在“字体”对话框中,选择“绿色”,“加粗”字型,字体为“华文新魏”,字号为“24pt”。单击确定。【版权所有:21 教育】(8)预览滚动字幕的效果。本部分进行滚动字幕的操作学习,学生可以根据自己的设计进行设置,不一定非要和教师的设置数据一致。鼓励学生进行创新。21 教育名师原创作品 3、网页过渡效果设置。(1)给图片进行超级链接设置,链接到主页“index.html”。(2)双击 index.html,在主页上输入“返回欢迎界面”文字,并超级链接到welcome.html 页面。(本部分可以让学生练习前面学过的超级链接知识)(3)双击 welcome.html,执行“格式”“网页过渡”命令。(4)在事件下拉列表中选择相应事件,在“过渡效果”选项框中选择相应的过渡效果。(5)预览效果。本部分学习网页过渡的效果,所以需要和主页有一个互动,才能让效果更加明显。活动 3【练习】学生练习要求如下:先模仿教师演示步骤进行操作,教师进行辅导。然后利用教师所发素材图片中的另两幅图片,做一个名为 study 的网站的欢迎界面或者主页,鼓励学生按照自己的意愿进行设置,使其效果准确美观,并可以添加更多要素使整个页面更加协调,功能更加完善。21 教育网第第 6 节节 站点发布站点发布 教案教案教学目标教学目标(1)、知识与技能:掌握获取站点空间的有效途径。(2)、过程与方法:通过任务让学生自主实践,培养学生自主学习能力、探索创新能力和综合运用知识的能力;(3)、情感态度价值观:培养学生把美丽的新疆介绍给别人的创作思路。学情分析学情分析本节课是最后一小节,它是在前两节学习基础上的一个继续,在这节课之前学生应该基本完成个人网站的设计和制作,但由于赛课的需要,在我试讲的过程中,学生看见自己的网站能够发布还是相当兴奋和激动的。在评价方面,因为本教材强调了作品评价,学生在前面的学习中也对“应用文档的设计”、“多媒体作品的设计”、“动画作品的设计”这些电子作品进行过评价,所以对本节的“网页作品”的评价内容并不陌生。重点难点重点难点教学重点:发布站点的三个步骤(获取站点空间、测试站点、发布站点)。教学难点:发布站点的三个步骤(获取站点空间、测试站点、发布站点)。课时准备课时准备1 课时教学过程教学过程教学活动活动 1【导入】导入新课(1)、教学重点:发布站点的三个步骤(获取站点空间、测试站点、发布站点)。(2)、教学难点:发布站点的三个步骤(获取站点空间、测试站点、发布站点)。活动 2【讲授】讲授新课(一)、获取站点空间 要获取站点空间,一般有三种途径:1、向 ISP(因特网服务提供商)租用站点空间。提供站点空间的 ISP 很多,只要向他们提出申请、注册并交纳一定的费用,就可以获得用户账号、密码和网址。2、在网上申请免费的站点空间。目前,有一些公司、机构可以提供免费的站点空间,只要登录他们的网站,申请并注册后,就能获得一个网址。申请免费站点的 操作和申请免费邮箱时类似。3、把自己的计算机建成一个网络服务器,并与 Intemet 建立链接。这种方式往往需花费较多的费用和精力,对于个人用户来说不适用。(二)、测试站点 为了确保质量,在网站发布前要检查站点中的网页,发现问题及时进行相应地修改和调整。要测试站点,可以按以下步骤进行:。第一步:检查网页的内容。浏览每一个网页,查看网页中使用的图像是否清晰,链接是否有效,文字与背景的配合是否协调,词语、句子是否正确、规范等。第二步:检查超链接的可靠性。选择“视图”“超链接”,可查看网站中是否有无效的超链接。(三)、发布站点 获得站点空间并对站点测试无误后,就可以向获得的站点空问上传网页了。具体步骤如下:第一步:打开站点。第二步:选择“文件”“发布网站”,弹出“远程网站属性”对话框。第三步:在“远程网站位置”中输入获取的站点空间地址。第四步:打开“发布”选项卡,选择相应内容,单击“确定”按钮。课后作业课后作业1、学生实践:完成 P92 页思考练习 1、2、题。2、知识拓展:了解以共享的方式发布站点及把文件夹转化成网站。 第第 1 节节 关键帧动画关键帧动画 教案教案一、教材分析一、教材分析 FLASH 是一种矢量图形编辑和交互动画创作的工具软件,主要应用于网页动画制作、教学课件、广告创意等。FLASH 作品更是网络动画作品的主流。我选取的是教材 FLASH 部分内容的第一课时,所以在教学中我主要侧重了动画的基本原理介绍和软件的基本操作练习,同时,通过本节课的学习,力求使学生建立对 FLASH 软件的浓厚兴趣,并能独立制作简单的关键帧动画。由于教材中 FLASH 软件的版本比较旧,为 5.0 中文版,和现在主流的FLASH MX2004、FLASH 8 以及 FLASH CS3、CS4 版本在某些概念、操作上有很大的差别,所以在实际教学中我折衷地选择了 FLASH 8 版本。同时,在教学内容的安排上也大胆地进行了调整。对整章内容的安排按 FLASH 动画基本原理介绍和逐帧动画制作、补间动画(动作、形状)、引导层动画、层的运用、简单交互动画的制作等由简到难的顺序进行讲授。www-2-1-cnjy-com本节教学内容主要安排以下三个方面:1.让学生了解动画基本原理;2.让学生简单了解目前网络上流行的主要动画制作工具FLASH,并熟悉FLASH 软件的工具界面;3.通过本课学习使学生能够制作简单的逐帧动画和关键帧动画。通过学生亲自动手操作,进一步熟悉软件的操作方法(箭头工具、文本工具、填充颜色设置等),掌握动画的保存与发布。21世纪*教育网二、学情分析二、学情分析 玩是学生的天性,学是我们的天职。怎样在玩中学,在学中玩,把玩和学统一起来应该是信息技术课追求的目标。【出处:21 教育名师】由于本节学生是开始接触 flash 这个计算机动画制作软件第一节课,况且在教材中也没有详细的对 FLASH 动画作更深入的阐述和说明,学生对 flash 动画只有一个模糊的概念。因此对于学生来说,我一方面通过分组学习等形式充分调动学生的学习积极性,培养学生的团结协作精神,通过演示 flash 动画实例激发学生对学习 FLASH 的兴趣;另一方面,在教学中还注意渗透对电脑使用的正确认识,以期改变很多学生对电脑“主要是用来玩的”这种错误认识。三、教学目标三、教学目标 在 FLASH 以前关于图形的学习中,如 WORD、画图工具等,都是静止的图形。而 FLASH 软件是要让静止的“图”动起来。我认为,学生动画基本原理的理解是快速进入 FLASH 软件学习的关键。【版权所有:21 教育】(1)知识与技能目标:了解动画基本原理;掌握关键帧的概念;掌握制作逐帧动画的方法。(2)过程与方法目标:采用任务驱动法,讲、练结合,结合自主探究学习模式,教师为主导,创设学习情境和任务,引导学生探究学习,完成相应的任务。将能力的培养落实到具体的真实的情境任务中.学生为主体,让学生进入主体角色,成为知识的主动建构者,亲身感受并体验知识发现的过程,在自主学习和协作学习中通过探索与创新获得成功的体验。2-1-c-n-j-y(3)情感与价值观目标:通过学生操作练习,激发学生的学习兴趣,培养学生的成就感,为今后学会自 主学习打下良好的基础。通过小组协作活动,培养学生协作学习的意识和研究探索的精神,培养学生动手能力和创造力,体验成功的喜悦,从而激发学生对 Flash 产生浓厚的兴趣。四、四四、重点、难点重点、难点【来源:21世纪教育网】重点:动画的原理、理解关键帧的含义 难点:逐帧动画与关键帧动画的区别 关键帧动画还可以派生出形状补间动画、动作补间动画、引导层动画等多种形式。因为本节是学生初学 FLASH,所以对关键帧动画并不多做解释,只要让学生理解关键帧动画比逐帧动画制作起来省时省力即可。21*cnjy*com五、教学方法五、教学方法 信息技术课是实践极强的学科,不实践学不会。在实际教学中要以实践为主,精讲多练,教师在讲出内容的基本知识点后要让学生有足够的上机时间,进行有目标、有实际效果的操作,并培养学生的信息技术操作意识和应用意识。所以在教学中我充分利用多媒体机房的教学设备,增加课堂的趣味性和可操作性,在教学中让知识更贴近生活,把知识的传授、能力的培养和知识的应用、高统一于课堂教学中,帮助学生加深对所学知识的理解和应用。以任务驱动为主,以自主探究、分层教学、合作学习、赏识教育为辅的教学方法,体现新课标的理念。在教学过程中,以每二人为一小组,每组成员共用一台计算机,共同完成任务,以培养学生合作学习的能力。对完成任务出色的学生及时予以肯定、表扬,培养学生的成就感。六、学法六、学法 学生以主动学主动练为原则,让学生在实践中掌握知识。七、教学流程七、教学流程(一)导入新课 我采用的是谈话导入:师:老师在讲课之前先向同学们做一个简单的小调查,在坐的同学中哪位同学家里有电脑请举手?(学生举手)21cnjycom师:请问你喜不喜欢电脑?你都用电脑做些什么呢?你最喜欢用电脑做什么?(学生发言,可能会有很多答案,如上网、聊天、玩游戏、查资料等等。)通过谈话一方面缓解了学生的紧张情绪,另一方面引导学生认识“玩电脑”和“用电脑”的区别,培养学生正确使用电脑的意识。21*cnjy*com然后展示一个动画实例(网易邮箱的宣传 FLASH 动画),让学生感受FLASH 软件的实用性,激发学生对 FLASH 的兴趣。21 教育名师原创作品(二)讲授新课 1.动画原理“视觉暂留”对于这一理论性的东西,我先向学生呈现一个关于“动画原理”的 FLASH课件,边演示边讲解,主要加深学生对这一理论的感性认识。通过导入分析 GIF 图片在 FLASH 时间轴上的表现来解释“视觉暂留”现象,同时也简要对 FLASH 软件工作界面进行介绍。特别是通过调整帧频让学生观察影片的变化,加深了学生对时间轴和帧的理解。2.制作逐帧动画 在这一部分我首先设置了一个情境:2008 年北京奥运会开幕式上的 10 秒倒计时烟花表演给观众留下了非常深刻的印象。下面我们就用 FLASH 软件来制作【来源:21cnj*y.co*m】一 个简单的倒计时动画。向学生提问:哪一组的同学能根据刚才所学的知识说一下制作思路?引发学生的思考。在学生回答后,由教师做一下小结,同时利用网络教室演示该动画的制作过程。在演示过程中,教师边制作边简单介绍文字工具、填充颜色设置工具、对齐工具及属性面板的变化。在演示制作时留下一下“问题”:就是制作时不改变文件的默认帧频。在制作完成后测试播放,让学生观察播放效果,让学生来发现问题,来寻找问题出现的原因。21 世纪教育网版权所有由学生以练习竞赛的方式进行分组练习,看哪一组做的又快又好,提高学生的竞争意识。3.制作关键帧动画 提出比赛任务:现在老师想制作一个小球沿一条直接运动的效果,要求用 10个帧,小球由舞台的左侧直线运动到舞台的右侧。由同学们推行出班内公认的电脑高手来和老师比一比,看谁做的快。(学生用逐帧动画制作,教师用关键帧动画制作)21 教育网安排这一比赛的目的在于让学生们观察用逐帧动画制作和关键帧动画制作的区别,首先强调关键帧动画的高效率。然后由教师示范演示用关键帧动画制作的过程。在演示的过程中注意介绍选择工具、工具组内工具的选择方法、笔触颜色和填空颜色和关键帧等知识。学生在教师的指导下进行操作练习。4.小结 通过制作“小球沿直线运动”关键帧动画,并与逐帧动画对比,感受传统逐帧动画与 Flash 关键帧动画各自的优缺点(制作效率与动作逼真程度之间的关系),并能在时间轴上加以区分。七、教学反思 本节课重点让学生学会制作一个最简单的动作补间动画“小球沿直线运动”,从中体会 Flash 关键帧动画与传统逐帧动画的区别:逐帧动画动作可以表现得非常细腻,但工作量繁重,而 Flash 关键帧动画简单,制作工作量小很多,但要表达细腻的动作就没那么逼真了。www.21-cn-通过简单的制作实例,时间轴图形的对比,学生基本能理解关键帧动画、过渡帧、空白帧等
展开阅读全文
相关搜索
资源标签