《人教版五年级下册信息技术教案汇总.pdf》由会员分享,可在线阅读,更多相关《人教版五年级下册信息技术教案汇总.pdf(27页珍藏版)》请在三一文库上搜索。
1、1 信息技术 (五年级下册) 教 案 执 教 者:胡金雁 执教班级:五年级 学期:第二学期 2 第一课认识 Frontpage 制作第一个网页 教学目标: 1、认识 Frontpage 窗口组成。 2掌握制作简单网页的方法; 3掌握保存网页及预览网页的方法。 教学重难点: 1制作网页; 2保存网页; 3预览网页。 教学过程: 一导入新课 目前,可以制作网站的工具软件非常多,我们选用FrontPage作为网站制 作的工具软件。 二新授 1认识 FrontPage 窗口 2、制作简单的网页 认识了 FrontPage 窗口后,就可以利用FrontPage 制作网页了。 教师演示在 FrontPag
2、e 的编辑区制作一个简单网页的方法。 3、保存网页 师质疑:网页做好后,按照我们的老习惯,应该把这个网页怎么处理呢? 生:保存 3 师:对,同学们说的好极了。 但大家知道吗?保存网页的方法和我们以前学 过的保存方法却有点不同,大家想知道有什么不同吗? 师演示保存网页的方法。 4、浏览网页 师:网页保存了吗?保存后的网页该怎么打开呢? 生尝试打开网页 教师演示打开网页的两种方法: (1)在浏览器中预览网页。单击“ 文件”“在浏览器中预览 ” ,打开 “ 在浏 览器中预览 ” 对话框,单击预览。 (2)在 FrontPage 窗口中单击 “ 预览” 按钮,进行预览。 (3)观察使用两种预览方法所显
3、示的预览效果。 5思考与练习 建立一个新站点,并输入文字,保存后预览。 6、课堂小结 本节课所学知识点: (1)认识了制作网页的软件:FrontPage (2)学习了用 FrontPage 制作一个简单的网页。 (3)学习了保存网页和浏览网页的方法 4 第二课规划网站与创建站点 教学目标: 1了解网站建设规划流程; 2收集整理资料。 3、掌握打开站点、创建站点的方法; 4、掌握在站点中增加文件夹和创建一个简单网页。 5、学会在网页中插入图片和插入水平线。 6、通过本课学习,进一步了解网络,揭开网络在学生心中的神秘面纱。增 强学生学习信息技术的自信心。 教学重难点: 1网站的规划。 2、创建站点
4、。 3、在站点中创建网页 教学过程: 一引入新课 我们的校园生活丰富多彩,班级活动活泼有趣,怎样让远方的伙伴了解我们 的校园生活呢?为了更好地展示我们班级的风采,让更多的人认识和欣赏我们, 我们可以制作班级网站,发布到因特网上,让更多的人了解我们班。 二、新授 1、设计网站结构 要建立网站, 首先要确定主题。 主题确定后, 为了使网站有一个整体的风格 和特色,还需要设计网站的结构。 大屏幕出示一个简单的网站的结构让学生了解网站的结构。 网站是由多个网页链接组成的,在开始制作网站前最好做好整体规划。 5 (1)确定网站主题。网站的主题决定制作网站的风格,决定网站所包含 的网页信息。 (2)搜集素
5、材。通过多种渠道搜集网站所需要的各种素材。 (3)筛选、整理素材。对搜集来的素材进行必要的挑选、修改、编排、 整理,筛选出各类网页所需要的素材。有时还需要根据实际情况自己动手完成一 些必要的文字、图片等素材。 (4) 做好网站建设规划。根据我们筛选、整理的素材,按照不同的分类, 规划整理到不同的网页中。同时要注意使页面布局主题突出、美观大方、有自己 的特色。 (5)选择网页制作软件,开始制作。 3、创建站点 (1)打开 FrontPage ,单击“ 文件”“新建”“站点 ” ,打开 “ 新建” 对话框。 (2)选择 “ 空站点 ” ,键入站点的保存位置和名称,单击“ 确定” 按钮。 在 Fro
6、ntPage中创建站点后,会自动在站点文件夹内创建两个文件夹,用 于制作网页时存放各类资源。 4、在自建站点中制作一个简单的网页 站点建好后,就可以在站点中制作网页了。 制作网页的一般步骤: (1)如果你建好的站点已经关闭,需要先打开站点:单击文件打 开站点选择建好的站点名打开。 (2)在窗口的编辑区中输入网页的标题和正文内容。设置文章的字体、字 号、格式等。设置方法同WORD 。 (3)如要在网页中插入图片,插入的方法和WORD 相同 (4)为了美观和网页中的不同内容界限更加分明,也可以在网页中插入水 平线。方法如下: 6 单击插入菜单水平线。 双击插入的水平线,可以设置水平线的宽度、 高度
7、、颜色等属性。 (5)保存网页。 5、巩固练习: (1)在自己的文件夹里建立一个名为“我的网站”的站点。 (2)在站点里创建一个名为“sound”和“ text”文件夹 (3)打开“我的网站”,创建一个介绍四完小校园的网页 网页内容为:标题:四完小简介正文内容和要插入的图片都保存在 E 盘陈老师文件夹里。 (4)在标题的上文插入一条水平线。颜色为绿色,宽度和高度自己设置 (5)做完后保存网页。 6、课堂小结 本课所学知识点: 1、设计网站结构 2、收集加工素材 3、创建站点 4、在站点中创建一个简单的网页 7 第三课制作网站主页 教学目标: 1、学习如何布局主页更能吸引浏览者。 2、学会在布局
8、主页时利用插入表格的方法来安排版面。 3、学会在主页中输入文字、修饰文字、插入图片。 4、在本课学习过程中,给学生自由发挥的空间,学生可以充分发挥其想象 力和创造力,同时培养学生综合运用知识的能力。 教学重难点: 运用表格设计版面的布局 教学课时: 2 课时 教学过程: 一、新课导入 师:一个网站的内容和特色往往体现在浏览者看到的第一个页面-主页 上,如果我们把主页设计的新颖、独特、美观,那么肯定会吸引很多浏览者访问 我们的网站。今天我们就来学习制作网站的主页。 二、新授 师:制作网站主页前,首先要设计好主页的版面布局,确定网站的大标题、 各栏目的名称、 文字、图片等的摆放位置。 下面就让我们
9、一起来为我们学校设计 制作一个漂亮的主页吧。 师演示在主页中插入如下用表格布局的版面。 8 伊金霍洛旗第四小学 美丽校园组织机构校园明星师资队伍网上调查关于我们 学校简介插图 插图电子邮件插图 版权信息 三、巩固练习,出示任务: 1、学生仿照老师设计的版面制作学校主页的版面。 2、制作好版面后,输入标题和栏目文字,并将标题文字居中,设置成黑体、 红色、 7 号,栏目文字设置为:蓝色、黑体、5 号。 3、在表格需要插图的地方插入学校的全景图。并适当调整对齐方式和大小。 4、将制作好的主页保存到自己的网站中。 学生保存文件时,教师提示学生看教材第42 页的“提示”部分。 师提问:“提示”告诉我们,
10、对网站的主页文件名有什么要求? 生答 教师强调:网站的主页文件名一般都要命名为:index.htm. 四、小结: 本课重点学习了设计一个主页的版面,一般为使主页的页面整齐、 有序,我 们最好采用表格来安排版面。 这节课只是对主页进行了简单的设计,在后面的课 中我们会一步步的完善我们学校的这个主页以及整个网站。 9 第四课修饰网站主页 教学目标: 1、掌握表格背景的设置方法。 2、学会在主页中制作悬停按钮。 3、学会在主页中制作欢迎字幕。 4、让学生通过一步步修饰网站主页,体验成就感,从而培养学生对信息技 术的兴趣。 教学重难点:设置表格背景、制作悬停按钮和欢迎字幕 教学课时: 2 课时 教学过
11、程: 一、导入新课 师:在网页中插入表格、输入文字、插入图片,看起来这个主页已经是整齐 划一了,但同学们有没有觉得还有什么不满的地方吗? 生:观察 二、新授 1、设置表格背景 师:让我们试着给主页中的表格加一个背景,看看会怎么样? 教师演示“设置表格背景”的操作方法: 第一步:打开“自己的站点” 第二步:打开“自己的站点”中的“index.htm ” 主页文件。 第三步:在表格中单击右键。 选择“表格属性” ,打开“表格属性”对话框。 10 第四步:选择“使用背景图片”选项,然后单击“浏览”按钮,打开“选择 背景图片”对话框,找到要用来设置背景的图片后双击,再单击“确定”按钮即 可。 师:设置
12、表格背景的时候, 要注意插入的图片和表格中的文字搭配,否则会 让整个表格显得凌乱不堪,那要就适得其反了。 任务:请给你的主页中的表格设置一个漂亮的背景。 学生完成任务后保存 二、制作悬停按钮 师:下面让我们来美化“伊金霍洛旗第四小学”主页中的每一个栏目按钮。 师演示操作方法: 第一步:选择主页中的第一个栏目“校园风景” 第二步:选择“插入”WEB 组件交互式按钮完成 第三步:设置按钮文字、颜色、背景等。设置好后确定即可。 任务:请你把主页中的所有栏目按钮都做成自己喜欢的悬停按钮。 学生完成任务 三、制作滚动字幕 师:我们经常会在网站上看到一行或多行滚动的文字,就和电影中移动的字 幕一样,非常有
13、趣。今天,我们学习制作滚动字幕的方法。 (在制作滚动字幕之前,要确定字幕的位置。我们可以将主题“ 伊金霍洛旗 第四小学 ” 单元格拆分为两行,下面一行用于放置字幕。) 拆分单元格的方法:将光标定位在要拆分的单元格中,然后 1.单击“ 表格”“拆分单元格 ” ,弹出 “ 拆分单元格 ” 对话框; 2.设置拆分的方式,如:拆分成行; 3.设置拆分的行数,如: 2 行; 11 4.单击“ 确定” 按钮。 将光标定位在要插入字幕的单元格中, 1. 单击“ 插入”“组件”“字幕” ,弹出 “ 字幕属性 ” 对话框; 2. 输入文字; 3. 单击“ 确定” 按钮。 在一个内容较复杂的网页中,要较好地定位内
14、容,需要对表格进行分割、 行列的插入或删除、单元格的合并、拆分等。这些操作都可以在“ 表格 ” 菜单中进 行,操作方法也很相似。 任务:学生把“欢迎来到伊金霍洛旗第四小学”做成滚动字幕。 四、课堂小结: 12 第五课制作校园风景栏目 教学目标: 1、学会制作“校园风景”网页。 2、学会在“校园风景”网页里插入表格和缩略图。 3、学会修改网页的标题 教学重难点: 在网页中插入表格和在表格里插入缩略图 教学课时: 2 课时 教学过程: 一、导入: 师:完成网站的主页后, 就可以按照网站的结构图制作与各个栏目相关的网 页了。本课我们首先来制作“伊金霍洛旗第四小学”网站的“校园风景”栏目。 二、新授
15、1、制作“校园风景”网页 “校园风景” 栏目是用来展示校园各处风景的图片的,为了让访问网站的人 能够方便的找到自己感兴趣的图片,可以先把收集到的图片分类,如分成“教学 楼”、“孺子楼”、“书山阁”等,然后把这些图片插入不同的网页。当然,首 先要建立一个网页来列出校园各处风景的名称。 任务一:新建一个网页,并访照如下表格布局来安排网页内容,并把“校园 风景”做成艺术字。 13 校园风景 此处插入学校全景图 教学楼孺子楼 书山阁士林轩 毅坚厅黍香楼 教师演示操作方法, 重点指导学生对插入的图片如何设置才能使网页变得美 观。 2、制作“教学楼”网页 由于我们要把 “教学楼”图片按照正面、 背面、侧面
16、三个角度展示给访问者, 所以为了使图片整齐、 有序,同样采用表格布局, 把图片及说明文字放在表格的 不同单元格中。 但由于图片文件都比较大, 所以我们在插入图片时采用自动缩略 图方式,把图片缩成小图,浏览时单击小图,就可看到大图。 教师演示操作方法: 第一步:新建一个网页,插入一个3 行 3 列的表格,合并第 1 行的单元格。 第二步:在第 1 行中插入艺术字“教学楼”,并设置为居中对齐。 第三步:把插入点移到第2 行第 1 列的单元格中,然后单击常用工具栏中 的“来自文件”按钮,插入事先准备好的教学楼正面图片。 第四步:单击“工具”菜单中的“网页选项”命令,出现“网页选项”对话 框时,打开“
17、自动缩略图”选项卡,然后单击“确定”按钮。 第五步:选定插入的图片,单击图片工具栏中的“自动缩略图”按钮,选定 的图片就会缩小,变成缩略图。 第六步:适当调整单元格的大小, 再在图片下方对应的单元格中输入图片的 说明文字并设置适当的文字格式。 第七步:用以上方法, 在其他单元格中插入图片和说明文字,并为图片设置 缩略图技术。 14 第八步:选定第 2 行单元格,再单击“表格”菜单中的“平均分配列宽”命 令,使表格中的每一列等宽。 第九步:保存做好的网页并在浏览器里浏览网页。 学生用同样的方法制作其它几处建筑物的网页。 师:每制作好一个网页, 我们都应该给这个网页起一个标题,这个标题在浏 览者浏
18、览网页会在标题栏里看到。 师演示修改网页标题的方法。 3、小结: 15 第六课建立超链接 教学目标: 1. 认识超级链接; 2. 掌握建立文字、图片、网页超级链接的方法。 教学重难点: 1. 建立文字、图片的超级链接 教学过程: 一.复习巩固 二.引入新课 我们已经做好了两个网页,如何使这两个网页紧密地联系起来,让更多的浏 览者能方便地在它们之间自由地进出呢? 当我们在网上冲浪的时候 ,经常会单击页面上某些文字或图片来进入我们的 目标页面。我们把从一个页面到另一个页面的链接叫做超级链接。 网页之间如何联系 1在因特网上,利用超级链接可以方便地将与网站主题相关联的一个个网 页链接起来,使其变成一
19、张有序的网,为人们展现丰富的主题内容。 2以“ 伊金霍洛旗第四小学 ” 的首页为例,介绍网页的链接。 在“ 伊金霍洛旗第四小学 ” 网站中,网页是由一层层的超级链接组织起来的。 如第一个页面中包括 “ 校园风景 ” 、“ 组织机构 ” 、“ 校园明星 ” 、“ 师资队伍 ” 等栏目, “ 校园风景”栏目又分别链接有“ 教学楼 ” 网页、 “ 孺子楼 ” 网页、 “ 书山阁 ” 网页等六 大内容。当我们选择 “ 教学楼” 时,就会看到教学楼的图片。 3请学生随便找一个网站,点击网页,体验超级链接。 三.创建文字或图片的超级链接 16 首先,打开网页文件,选中要设置超级链接的图片或文字。然后 1.
20、 单击“ 插入”“超链接 ” ,弹出 “ 创建超链接 ” 对话框; 2. 选择超链接到的网页。如:guanyuwomen.htm 3. 单击“ 确定” 按钮。 当鼠标移动到有超级链接的文字或图片时,一般情况下,鼠标会变成手 状,表明这上面有超级链接。这时,单击就可以转入链接到的页面。 创建好首页到 “ 班级简介 ” 页面的超级链接后,我们可以轻松地从首页进入到 “ 班级简介 ” 页面。那么,怎样从班级简介“bjjj.htm”页面再跳回首页呢?很简单, 当然还是设置超链接,将它链接回来就行了。 四.观察设置超级链接前后, “ 首页” 文字有什么变化。 五.思考与练习 1. 请给自己的首页加上一个
21、文字或图片的超级链接 2. 保存网页并到浏览器中进行测试,观察鼠标指针的变化 17 第七课使用书签 教学目标: 知识与技能: 通过学习熟练运用文本框并对文本框进行设置,综合运用各种 工具制作书签。 过程与方法:在小组活动中培养学生自我探究、主动学习、自我创新的能力, 培养学生如何获取信息、处理信息和应用信息的能力。 情感态度与价值观:通过学习对学生进行爱书、爱读书的思想教育。 情感态度与价值观 通过学习对学生进行爱书、爱读书的思想教育。 教学重难点:制作书签 教学课时: 2 课时 教学过程: 一、导入新课 师:制作网页时, 如果需要在一个网页中安排比较多的内容,查看起来会比 较麻烦,这时,我们
22、可以在网页中制作一些“书签”,浏览时利用书签就可以很 方便地找到想找的内容。这节课我们就以制作“星星书屋”网页为例,介绍在网 页中如何制作和使用书签。 二、新授 1、认识网页中的书签 教师演示几个事先制作好的带书签的网页,学生浏览,进一步理解书签在网 页中的功能。 2、制作“星星书屋”网页 师生一起制作“星星书屋”网页 教师将“星星书屋”网页中用到的素材传到学生机上。 18 学生仿照教师事先制作好的“星星书屋”网页自己制作。 3、制作书签 师:网页的内容制作完成了, 同学们现在浏览一下这个网页的第二篇、第四 篇文章,发现什么问题了吗? 生: 师:有没有什么好办法?让我们想找哪篇文章就一下子找到
23、呢? 师:可以利用 frontpage 的书签功能,帮我们实现这个想法 制作书签的方法: 第一步:在页面编辑区中选定第一篇文章的题目,单击插入菜单中的书签命 令。 第二步:打开“书签”对话框时, 选定的文字就会出现在里面, 单击“确定” 按钮,一个书签就制作好了。 第三步:用同样的方法,把另外几篇文章的题目也设置成书签。 第四步:选定导航栏中的文章题目,单击插入超级链接。打开“创建超 链接”对话框。 第五步:在对话框中选择第一篇文章的书签后单击“确定”。 第六步:用同样的方法,创建其它几篇文章的超链接。 书签制作好后,预览一下,感受书签带来的方便。 4、添加网页背景 为了进一步美化网页,还可以
24、适当设置网页的背景。 师:设置网页的背景和前面学过的设置表格的背景方法相同。 任务:请你给“星星书屋”网页设置一个漂亮的背景。 学生设置好背景后保存网页。 19 三、课堂小结 第八课制作表单网页 教学目标: 知识目标:了解表单网页的功能与用途, 了解表单网页从设计到发布的完整过程。 技能目标:掌握表单元件的插入方法及相关属性设置,掌握发布表单的方法。 情感目标:培养学生勤于思考的习惯与解决问题的能力。 教学重点 表单元件的插入 表单元件的属性设置 教学难点 表单网页的制作 教学过程 教学内容教师活动学生活动设计意图 新课引入 让学生完成环保知识调 查。 完成环保知识调 查。 让学生感受表单网页
25、 的功能与作用,激趣动情。 表单元件 的插入 提示表单元件的插 入方法。 【布置任务一】对照范 例图片完成表单的外观 设计。 展示学生作品,反 馈任务一完成情况,分 析典型错误。 观看演示。 自主学习,动手实 践。 学生演示。 修改调整,上传文 件。 让学生掌握表单元件 的插入方法,能够按照要求 设计出表单的外观。 表单元件 属性设置 演示查看学生作 品,单击“提交”按钮, 观看演示。 20 出现错误。 提问单击“提交” 按钮,为何提示出错? 引导学生继续完成 任务二,为表单的成功 发布做准备。 【布置任务二】修改表 单元件的属性。 展示学生作品,反 馈任务二完成情况,纠 正错误。讲解表单元件
26、 属性设置中需要注意的 问题,如:单选按钮的 名称属性设置与为下拉 菜单元件添加选项的操 作方法等。 积极思考,回答问 题。 学生练习。 修改文件并上传。 以提交表单发生错误 为切入点,接入表单属性设 置的内容,承上启下,让学 生在已经明确设置表单元 件的属性的目的与意义的 情况下继续完成任务二, 掌 握表单元件属性的设置方 法。 表单的提 交 讲授、提示表单的 提交。 【布置任务三】修改 HTML 代码,使表单可 以提交。 展示学生作品,反 观看演示。 修改 HTML 代码。 提交表单,检验是 否成功、所填写的 信息是否都已正确 显示。 修改完善、更新文 件。 以表单的提交为全部 教学内容的
27、尾声,让学生对 表单设计的过程有一个完 整的理解,留下鲜明的印 象,体验成功的喜悦。 21 馈任务三完成情况,验 证表单是否成功提交, 分析出错的原因。 排除错误,重新上 传文件。 小结 展示学生作品。 回顾本课内容。 观看演示。 根据任务完成情况 进行自我评价。 复习巩固。 第九课制作框架网页 教学目标: 1、知识与技能 (1)理解框架网页的概念、特点和作用。 (2)掌握框架网页的新建与保存的方法。 (3)初步掌握将框架结构与表格布局结合使用来制作网页。 (4)会对框架网页进行简单的编辑设置。 (5)掌握框架网页中插入超链接的方法。 2、过程与方法 根据教师提供的素材和操作步骤,能独立完成制
28、作任务, 并能在制作过程中发现 问题解决问题。 3、情感态度与价值观 (1)通过以“清明节”为主题的框架结构网页制作活动,了解更多有关清明节 由来、习俗等方面的知识,呼吁大家一起来关注传统文化。 (2)能够将表格与框架结构网页结合使用,在创作中体验乐趣。 重点: 1、框架网页的新建与保存 2、框架网页属性的设置:重新设置初始页面,边框的设置,框架的拆分等 难点: 22 框架网页中超链接的设置 教学过程: 教学过程教师活动学生活动设计意图 创设情景 清明节要到了, 对于这个传统 节日你们了解多少? 学 生 对 教 师的 问题进 行 思考。 用贴近学 生生活的信息 引发学生的兴 趣。 引出主题 展
29、示已做好的“清明节”框架 网页,教师点击超链接做简单介 绍。 让学生观察点击出来的网页 有什么特点(相同之处和不同之 处)。 相比以前利用表格整体设计 制作网页,这种网页能否只制作变 化的内容来提高效率? 引出主题框架网页 学生观察教 师演示的内容, 对教师提出的问 题进行思考回答 (有 3 块内容, 上侧与左侧的内 容没有变化,只 有右侧的内容在 变化) 通 过 观 察,学生直观 感受框架网页 的特点。 新授 教师通过一个简单课件的演 示,向学生讲解框架网页的概念、 特点及作用。 框架网页是一种特殊的网页, 它将浏览器窗口分割成不同的区 域,每一个区域我们就称为一个 框,这些框可独立显示网页
30、。 框架网页中一般是部分框中 的内容相对固定不变, 而主框架中 的内容可以根据用户选择的超链 接不断更新变化。 利用框架技术设计网页, 方便 设计者提高制作效率, 也提醒浏览 者关注主要内容的变化。 学生观察教 师的关于框架网 页的课件,并认 真 听 教 师 的 讲 解。 为了让学 生能更好的学 习框架网页设 计技术,必须 要理解框架网 页的概念、特 点及作用。 小 试 牛 刀 框架网页 的新建、 保存 1、新建框架网页 提出新建框架网页不能直接 点击工具栏上的快捷按钮。 选择新建的框架类型(假定 为:“横幅和目录”型)。 选择按钮:“设置初始网页” 和“新建网页”。教师简单描述这 两个按钮的
31、不同。 2、框架网页的保存 提出问题:保存框架网页后会 学 生 观 察 教师 操作的 内 容,掌握新建、 保存 框架网 页 的方法,并对教 师在 制作过 程 中提 出的问 题 进行思考猜想。 框架页面 的保存是教学 的重点,教师 的操作尽量地 慢,从概念的 理解入手帮助 学 生 加 深 印 象。 教师不明 确给出结果, 23 出现几个文件? 教师演示,提醒注意观察蓝色 高亮区域。因为框架网页每一个框 都是一个网页, 所以在保存的时候 要对每一个区域的网页独立保存, 最后对整个框架进行保存。 保存的 文件名不能乱起,要有其意义。 请学生思考: 用设置初始网页 的方法建立的网页需要再单独保 存一个
32、网页吗? 而是让学生大 胆猜想并在观 察 中 得 到 答 案,这比教师 直接给出结果 要好,同时也 进一步让学生 理解“设置初 始网页”和 “新 建网页”在保 存时的不同。 大 展 身 手 框架网页 的制作 教师介绍学件网站的使用, 素 材存放位置, 要求学生根据所给的 素材,设计制作一个“绘画作品” 的框架网页。 要求学生独立完成 3个框的设 计制作。 学生操作过程中, 教师巡查指 导。 学 生 参 照 样例 独立完 成 任务:框架网页 的新建、保存及 制作( top 页、 left页 、 main 页)。 先 完 成 的 学生 可借助 学 件帮 助对网 页 进行加工修饰。 课堂教学 重点在
33、教师讲 解 后 模 仿 操 作,有效突破。 完成框架 布局后,回归 到网页制作, 巩固、运用前 面的知识 (耗时较长) 尽 善 尽 美 框架属性 的设置 展示阶段性作品,有哪些不 足? 教师进一步的提出问题: 1、能否去除框架边框? 2、能否添加一个框架? 3、能否更改主框的初始页面? 引出框架网页属性设置的内 容。 教师做简单的介绍、引导。 学生操作过程中, 教师巡查指 导。 学 生 依 照 学件 完善自 己 的框架网页。 通 过 类 比 图片、动画等 属性设置,让 学生能自主探 究框架属性的 设置,自我消 化知识点。 画 龙 点 睛 设置超链 接 转播学生的画面, 反馈学生实 践结果。 提
34、问:为什么主框页面不能改 变,一直是初始页面?如何在主框 中实现超链接的功能? 适时对超链接中出现的问题 加以分析,注意链接的网页显示的 目标区域。 学 生 根 据 学件提示,自主 完成 超链接 的 设置,从而体会 框架 网页的 特 点与优势。 在框架网 页中使用超链 接技术正是解 决了本课开始 的问题,前后 呼应。 由于超链 接后面有专门 课时,这里不 深入,设置超 链接为制作框 24 架网页服务。 本课小结 展示学生作品,交流评价,并 小结本节学习内容。 学 生 参 与 交流评价 培养学生 网页设计的审 美能力、创新 能力。知道这 节课所学的内 容。 延伸拓展 展示其他的框架类型制作的 网
35、页,鼓励学有余力的学生自主探 究完成。 框架网页在网络上的应用举 例 学 有 余 力 的学 生可以 尝 试去做。 拓展学生 的眼界,让他 们将所学知识 应用到更广的 网 页 设 计 中 去。 第十课使用网页特效 教学目标: 1知识技能目标 (1)层的应用 a. 层的显示与隐藏 b. 在网页中添加游动的对象 (3)判断网页属于静态网还是动态网 2过程方法目标: 培养学生独立思考、 动手实践的能力; 培养学生自主探究性、 协作性学习能 力;激发学生学习信息技术的兴趣,培养学生发现美、创造美的能力,提高学生 的综合素质。 3情感态度价值观: 通过制作 “雨巷“美文欣赏网页,让学生围绕教学内容,利用多
36、媒体创设的情 境, 借助诗歌的意象体会诗歌意境, 理解作者的思想感情及丁香姑娘的象征意义, 感知诗歌,提高鉴赏能力,激情增趣。 25 【教学重点:】 1、层的显示与隐藏 2、在网页上添加游动的对象 【教学难点:】 1、行为面板的设置 2、时间轴的应用 【教学过程:】 步 骤 老师活动学生活动设计意图 情 景 导 入 1、展示带特效的 雨 巷美文欣赏网页 2、提问:同学们已经 学习过许多优美的诗歌, 在网上也可以看到一些诗 歌音画网页,同学们想不 想做出这样丰富多彩的网 页? 3、导入课题:“网页 特效 ” 让 静态网 页 “动”起来 1、欣赏带特效的网 页。体会诗歌意境,激 情增趣。 2、思考
37、网页特效如 何实现 基于网络社区实 现信息技术与课程整 合的理念出发,以培 养信息素养为目标, 以任务驱动为模式, 以应用软件为载体, 与语文课程整合,信 息技术成为学习内容 或教学内容的有机组 成部分,使信息技术 课不再是单纯的计算 机技能课。 任 务 驱 动 探 究 学 习 1、登录信息技术论 坛,出示上机任务 总 任 务 : 利 用 Dreamweaver软件, 给 雨 巷美文欣赏网页添加网 页特效,让静态网页“动” 起来 任 务 一 : 启 动 1、明确学习总任 务,选用 DreamweaveMX 2004软 件来完成效果。并根据 技术支持录像独立完成 小任务。 2、理解层的概念与 层
38、的应用 1、向学生提出总 任务,直接切入主题, 学习目的明确。 2、明确小任务的 具体要求,给学生了 解这节课具体要掌握 的知识技术。结合学 生已有技能,设计不 26 Deamweaver软件, 在文件 面板中找到: D:wytxindex.htm 文件并 双击打开,在作者头像区 域添加一个层,并输入 “戴 望舒,著名雨巷诗人”文 字,通过层的行为面板, 实现当鼠标移到戴望舒头 像上,会在图像的旁边出 现一段文字介绍。当鼠标 移开该图像后,刚才出现 的文字就会自动消失。 任务二:在网页上通 过插入层和时间轴的 设 置,添加游动的丁香姑娘 头像。 *任务三:尝试在网页 中添加下雨特效代码。 *任
39、务四:尝试在网页 中添加一些透明FLASH 效果 要求:任务一与任 务二任选一种实现,如果 觉得自己能完成效果,可 以两个效果一起实现。 2、 播放技术支持录像 3、巡回指导,适时点 拔 4、鼓励学生上台演 3、将雨巷网页 中的第一幅图通过层的 显示与隐藏添加说明文 字“戴望舒,著名雨巷 诗人” 4、通过层与时间轴 实现游动的丁香姑娘头 像 (3、4 任选一项完 成) 5、已完成作业的同 学,尝试完任务三、四。 或协助周围同学完成任 务。 5、上交作业:通过 FTP上传到作业区 同程度的上机任务, 让学生根据自己的接 受能力探索学习。 3、课前技术支持 录像,在学生上机时 播放,(因学生机没
40、有耳麦)所以可以在 大屏幕重复播放,这 样可以节省时间到下 面给学生巡回指导。 同时也培养学生自信 心及自已动手解决问 题的能力。激发学生 自主探究的积极性, 给学生以成就感。 4、锻炼学生自主 操作的能力、语言表 达、概括能力。 27 示,边操作边讲解。 交 流 评 价 教师选择优秀作品进 行展示,并从学生完成任 务的过程对技术处理、自 主学习能力,创新表现进 行点评。 学生根据教学评价 表中的评价量规指标作 自评和互评。 引导学生评价作 品,培养学生评价能 力,活跃课堂气氛。 让学生在评价中查缺 补漏。 拓 展 延 伸 1、再次重申课题名 称:“网页特效”让 静态网页“动”起来 2、思考:
41、什么叫静态 网页?什么叫动态网页? 是不是有动画效果的网页 就叫动态网页? 1、学生进入信息技 术论坛阅读:什么是静 态网页,什么是动态网 页文章。 2、判断自己所制作 的网页是静态还是动态 网页 3、判断“信息技术 论坛”网站是静态还是 动态网页 由于现在的网站 有静态和动态网页之 分,通过学生阅读, 理 解 什 么 叫 静 态 网 页 ? 什 么 叫 动 态 网 页?并能根据掌握的 概念进行区分。 小 结 1、层是一种页面定位技术,能够将放置在层中的内容任意定位在浏览 器中,与表格显示有区别的是,表格只能将内容排列在浏览器中,而层却能 够根据其坐标值以及“显示/隐藏”属性,在同一位置下放置多个内容(将 网页重叠)这样可以节省网页的篇幅。 2、通过“网页特效”可以让静态网页面富有动感。但不能认为有动画 效果的网页就是动态网页。