河南大学出版社八年级信息技术教案
完善网页 保存网页 课堂延伸 品,为其他同学提供可行性的建议和意见。 2.请学生修改各自的网页。 小结并提出要求:请大家保存自己的网页。保存好站点文件夹。现在我们现在仅仅是建立了一个空白页面,我们所设计的版面如何实现,请大家课后自学网页布局表格。
验为我所用。 能力。 2.完善自己的网页。 1.保存网页。 为第二节课进行2.了解课后的任铺垫。 务。 第2课时(插入网页布局表格)
教学阶段 新课引入 教师活动 引入:请大家将活动1中所设计的网页版面图拿出来,结合课本学习单。 2.介绍为什么使用表格进行布局:不同的分辨率下(显示器中)保持网页各个元素设计的位置不会改变,表格中可以放置网页上的任何元素。 介绍表格的组成: (1)表格由几个部分组成: 表头:表格的首行,表示表格各列的名称。 行:表格的一行,水平方向。 列:表格的一列,垂直方向。 单元格:在表格中,每个方格称为一个单元格(Cell),可以为每个单元格设置不同的属性。 边框:在表格的四周,可设置有无。 (2)在每个单元格中,除了可以填写文本之外,还可以放置图片、表单等,表格的最大好处是能分类显示数据,同时能利用表格来组织网页的整体布局。 1.演示使用?表格?菜单命令插入表格的方法: (1)将光标移到要插入表格的位置,即插入点。 学生活动 1.参照课本,设计布局表格样式。 2.参考知识向导,理解表格在网页中的作用。 教学意图 1.明确网页的布局表格样式。 2.明确表格的重要性。 认识表格 学习表格知识。 认识表格。 插入表格 1.根据教师的演学会插入表格 示,插入并修饰表格。 2.讨论插入表格河南大学出版社八年级信息技术教案
表格操作,如插入、删除合并、拆分和设置单元格属性等操作 交流协作 (2)单击?表格?菜单,选择?插的其他方法。 入?选项,并在选择项中单击?表 格?选项,出现插入表格对话框。 (3)在对话框中,在?行数?中输入需要的行数,在?列数?中输入需要的列数,同时设置好?对齐方式?、?边框粗细?、?单元格边框?、?单元格间距?。 (4)最后单击?确定?按钮,屏幕上就会出现一张空的表格。 2.说明:如果在对话框中?边框粗细?值设置为0,则该表格线在浏览网页时不会被显示出来。 3.组织学生讨论:还有哪些方法可以插入表格? 1.演示合并单元格等的操作。 1.按照自己网页1.让学生学会合2.让学生根据先前的版面设计完设计版面来确定并、拆分、插入、成对表格的操作。 表格样式。 删除和设置单元2.采用插入、删格属性等操作。 除、合并、拆分2.引导学生利用等操作对表格进表格实现网页的行操作。 版面设计。 请各个小组内相互交流、相互检1.向已完成的同通过交流,掌握查,要求每位同学都要实现自己学请教、学习。 对表格的操作方的版面布局设计。 2.完成自己的版法。 面设计。 1.根据某一个版面设计和学生一起用表格实现布局。 2.小结:表格在 FrontPage2003中有相当重要的应用,这节课我们用表格实现了版面设计。那么,如何将图片、文本等元素充实到网页中?请大家课后思考。 1.和老师一起用表格实现一个计版面布局。 2.课后探究教师提出的问题。 1.巩固表格知识。 2.为插入网页元素埋下伏笔,引发学生的积极探索。 总结拓展 第3课时(插入网页元素)
教学阶段 新课引入 教师活动 引入:我们已经用表格设计好了版面,今天这节课将实现网页元素的插入。 2.请大家在FrontPage2003中打开自己的站点文件夹中的学生活动 教学意图 1.了解任务。 明确学习任务 2.用 FrontPage2003打开站点文件夹中的index.htm。 河南大学出版社八年级信息技术教案
index.htm。 插入并修饰文本 1.演示插入并修饰文本的操作步骤: (1)在布局表格的相应单元格中输入文字或粘贴文本。 (2)为文本设置合适的字体、字号、颜色及段落对齐方式、行距等,使文本清晰美观、疏密有度。 2.让学生将文本插入自己的个人网页并做修饰。 图片格式讲解 讲解图片格式: (1)图片格式是计算机存储图片的格式,常见的存储的格式有BMP、TIF、TGA、RAS、EPS、PCX 以及WMF等。 (2)BMP格式: BMP 不支持压缩,文件非常大,不受Web 浏览器支持。 (3)JPEG文件后辍名为\.jpg\或\.jpeg\,是最常用的图像文件格式, JPEG格式的应用非常广泛,目前各类浏览器均支持JPEG这种图像格式,因为JPEG格式的文件尺寸较小,下载速度快。 (4)GIF图像文件的数据是经过压缩的。在一个GIF文件中可以存多幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画。 利用 Photoshop1.演示利用 软件修改图片格Photoshop软件修改图片格式的式 步骤: (1)在Photoshop 中打开图片文件,如文件?hai.jpg?,选择?图像?菜单中的?图像大小?命令。 (2)在?图像大小?对话框中,修改?像素大小?栏下的?宽度?值,单击?确定?按钮。 按照教师演示的学会在网页中输操作步骤及要求入文本信息。 将文本输入网页中。 1.参考课本第79了解图片的格页学习网页中图式。 片的大小与格式。 2.了解BMP、JPG、GIF格式之间的区别。 1.根据教师提供1.学会调节图片的图片素材,将大小。 BMP格式转换为2.学会转换图片JPG格式,查看它格式。 的大小变化。 2.修改自己的图片素材的格式。 河南大学出版社八年级信息技术教案
2.让学生利用软件修改自己的图片素材的格式。 插入图片 1.演示插入图片的步骤: 按照操作步骤,(1)把光标定位到要插入图片在网页中插入图的单元格内。 片。 (2)单击? ?工具图标,或单击?插入?菜单,选择?图片?菜单项,在子菜单中单击?来自文件?选项,在出现一个?图片?对话框的同时,弹出一个?选择文件?对话框。 (3)在?选择文件?对话框的?搜寻?栏内选定图片的存放位置,然后从文件列表中双击某个图片文件(或选定图片文件),单击?确定?按钮,则图片插入到网页中。 2.让学生完成图片素材的插入。 自主探究相互协让学生根据所学知识,完善自己通过输入文本、作 的网页。 插入图片、插入完善页面 水平线等方法来充实网页。 预览网页 介绍两种预览网页的方式: 了解不同的预览(1)一种是单击FrontPage 2003方式。 主编辑窗口下面的?预览?标签,2.了解预览方式就打开一个FrontPage编辑器自的区别。 带的浏览器,看完之后,单击?普通?标签,又切换到编辑状态。 (2)另一种是单击?常规?工具栏的??图标按钮(或直接按Ctrl+Shift+B键,或单击?文件?菜单并选择?在浏览器中预览?菜单项),将启动浏览器并打开该网页。 优秀站点展示 请各个小组推选小组优秀站点推选站点进行展进行展示。 示。 回顾总结 总结网站制作的流程。 一起回顾。 学会在网页中插入图片。 实现个人网页的内容。 学会网页的预览、检查。 学会评价他人的作品。 系统梳理知识。 河南大学出版社八年级信息技术教案
教学章节:第六节 设置动画和特殊效果
教学目标:
了解动画的作用。 了解动画的效果。 了解动画文件的格式。 了解常用动画的制作软件。 初步掌握在网页中规划动画的方法。 体验动画在网页中的作用。 规划为网页添加动画的方式。 了解动画文件格式。 了解常用动画的制作软件。 体验动画在网页中的作用。 了解动画文件格式。
教学重点:
教学难点:
教学课时:2课时 教学过程:
第1、2课时(了解网页中的动画、制作动画的软件)
教学阶段 新课引入 教师活动 1.请学生欣赏起点中文网、腾讯网、遥控之家等网站首页。 2.组织学生讨论:与这些网站首页比较,我们的个人网页缺少哪些东西? 3.引导学生关注网页上的动画。 4.提出任务:大家要为自己的网页设计几个动画。现在就让我们开始我们的动画方案设计吧! 学生活动 教学意图 1.欣赏网站首1.激发学生学习页。 动画的兴趣。 2.积极讨论自己2.引出任务。 的个人网页和知名站点首页的差距。 3.体会动画对网页美化的重要性。 4.为自己的网页设计动画方案。 1.完成?我对网通过完成学习组织各小组讨论动画的作用。 站动画采用情况单、讨论等学习的调查表?。 过程,对动画在2.各个小组讨论网页中的作用有动画的作用。 一定的认识。 了解动画作用