信息技术教案八年级上册上海科教版Word格式文档下载.docx
- 文档编号:18405796
- 上传时间:2022-12-16
- 格式:DOCX
- 页数:52
- 大小:41.30KB
信息技术教案八年级上册上海科教版Word格式文档下载.docx
《信息技术教案八年级上册上海科教版Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《信息技术教案八年级上册上海科教版Word格式文档下载.docx(52页珍藏版)》请在冰豆网上搜索。
提高审美鉴赏的能力。
端正学习态度,养成良好的学习习惯。
【教学重点】
了解主题网站的概念。
规划、设计个人网页。
【教学难点】
了解网站和网页的区别。
完成网页的版面设计,明确各图文元素的位置和颜色搭配等。
【教学课时】
2课时。
【教学准备】
优秀的个人网站或网页作品范例。
【教学过程】
第1课时(规划网页主题与内容)
教学阶段
教师活动
学生活动
教学意图
新课引入
1.让学生浏览一些优秀的个人网站或网页范例。
2.提问:
你是否有自己的个人站点?
想不想自己设计个性化的站点?
1.欣赏站点。
2.思考、讨论。
激发学生的学习兴趣。
介绍网页的概念
介绍网页的概念、网页与网站的区别与联系、超文本标记语言(HTML)、网页的扩展名、网页中包含的元素等。
1.学习。
理解网页、网站的概念。
规划网页主题
请学生参照教材第3页张晓明同学的建议,完成该页的学习单。
完成教材第3页的学习单。
用学习单来支持学生开展学习。
交流
请同组学生相互交流各自的网页制作目的与主题。
学生相互交流自己的网页制作目的与主题。
增强学生的合作交流能力。
分析素材类型
请学生结合教材第3页张晓明同学的网页范例“我的方寸世界”,来确定自己的素材类型,并完成第4页的学习单。
确定自己的素材类型,并完成学习单。
熟悉网页的素材分类。
围绕主题收集素材
请学生围绕自己确定的主题通过网络收集素材,并提醒同学们相互协助。
相互帮助,通过网络收集素材。
增强学生自主学习、协作学习的能力。
整理素材
1.提问:
大家的素材有哪些类型?
你们是如何分类、组织管理这些素材的?
2.引导学生总结:
(1)整理各种类型素材分别要用到的工具。
如文本类型素材需要用到Word软件或者记事本工具。
(2)上网收集各种类型素材的方法。
1.思考回答问题。
2.总结。
1.增强学生的信息组织与管理能力。
2.让学生学会文本、图片的获取和管理方法。
分享经验
提问:
你们还有哪些好的方法来获取文本、图片,请与同学们一起分享。
介绍获取文本、图片的其他方法。
头脑风暴。
课堂小结
小结:
本节课大家围绕自己的主题在网上获取了资料,可能这些资料还不足以来支持你的网页。
请大家在课后将你所需的其他资料通过扫描仪、WORD软件输入计算机。
并自学教材第5页的有关网页的知识向导。
明确课后所要进行的探究活动。
1.归纳课堂。
2.明确课后任务
第2课时(设计网页版面)
引入:
上节课我们围绕主题收集了素材,同时课后大家也将自己所需的图片等素材通过扫描仪等方法输入了计算机。
本节课我们来规划网页的版面。
了解学习内容。
开门见山,明确任务。
设计草案
1.请大家浏览几个网站(如中国百科网、科普博览网、时间网、中国古生物网等教师事先选好的网站)。
2.请学生结合参考网站,为自己的网页勾画出轮廓图。
1.浏览参考网站,观察这些网页的基本构图。
2.在草稿纸上设计自己个人网页的轮廓草图。
设计出网页的轮廓。
相互交流讨论
请学生相互交流自己的网页结构轮廓,相互提出修改意见。
(1)你设计的网页有没有鲜明的主题?
网页中有没有与主题无关的内容?
有的话,请说明它的作用。
(2)网页的布局是否恰当?
有没有做到图文并茂、重点突出、美观清晰?
相互讨论、交流、修改作品,听取其他同学的意见和建议。
通过头脑风暴,
完善版面的设计。
作品展示
请各组派一个代表展示自己的网站轮廓,各个元素的位置和各个版块的表现形式。
介绍自己的网页,其他同学提意见和建议。
同时思考自己的网页修改方法。
提高鉴赏力。
确定网页版面
请学生根据其他同学的经验和意见建议,修改确定自己的网页版面布局。
修改确定自己的网页版面布局。
确定版面。
小结
本节课我们设计了网页的版面,请大家保存好底稿。
课后请大家熟悉一下FrontPage2003软件,下节课我们将使用它来实现今天设计的网页。
明确以后的学习方向。
明确后面的学习内容。
活动2制作网页
在活动1中,学生为主题网页收集了相应素材,并设计出了网页的版面结构。
活动2承接活动1,学生用FrontPage2003工具实现主题网页。
在这一活动中,要求学生掌握在FrontPage2003中创建站点的方法、使用表格进行布局的方法、将网页元素插入网页的方法等。
初中学生对FrontPage2003比较生疏,因此教材中仅要求学生创建由一个网页所组成的网站,相对来说比较简单。
认识FrontPage2003,熟悉FrontPage2003的窗口界面。
理解站点的概念。
掌握在FrontPage2003中建立站点的方法。
掌握使用表格进行布局的方法。
掌握对表格进行操作的方法。
学会将图片、文本等资料插入网页中。
了解网站的制作流程。
掌握利用表格进行布局的方法。
掌握将图片、文本资料插入网页的方法。
提高对网页的审美鉴赏能力。
形成需求分析的意识。
形成良好的文件夹命名习惯。
理解站点的概念和站点文件夹的意义。
能够利用表格进行网页的版面布局。
在FrontPage2003中实现设计草图。
利用表格进行网页的版面布局。
掌握对文本格式的调整、图片的设置等技巧。
3课时。
多媒体网络教室。
FrontPage2003软件。
第1课时(新建个人网页)
新课导入
导入:
活动1中我们设计了网页的主题和版面,
本节课我们来学习用FrontPage2003软件来新建网页。
了解活动2任务。
明确学习任务。
FrontPage2003
基础知识讲解
1.启动FrontPage2003单击任务栏上的“开始”,在“程序”菜单中选择MicrosoftFrontPage2003单击。
2.FrontPage2003的界面介绍。
3.介绍FrontPage2003中网页的编辑、保存方法。
4.介绍网页中图片资料的存放路径。
1.了解
FrontPage2003软件的界面、工具、编辑方法等。
2.跟着教师的演示操作进行操作。
熟悉软件,为新建网页打下基础。
自主创建由一个网页组成的网站
请同学们参考课本第9页的“操作坊”进行操作,创建由一个网页组成的网站。
步骤如下:
(1)打开FrontPage2003,选择“文件”菜单中的“新建”命令。
(2)在窗口右边出现的“新建”面板中,选择“新建网站”下的“由一个网页组成的网站”。
(3)在弹出的“网站模板”对话框中,选择“常规”选项卡中的“只有一个网页的网站”,并在右边“指定新网站的位置”文本框中输入新网站的保存位置,如“D:
\myweb”,然后单击“确定”按钮。
按照操作坊的步骤进行操作,创建由一个网页组成的网站。
学习创建由一个网页组成的网站。
站点文件夹讲解
1.介绍站点文件夹,重点讲解以下内容:
(1)“D:
\myweb”站点文件夹里的东西不能随意删除。
(2)新建的站点只有一个主页index.htm文件,该主页还是空的,需要对它进行编辑添加内容。
同时也可以添加一些网页到该站点中去。
(3)该站点中一般包含两个子文件夹。
一个是_private文件夹,一般用来存放一些私人的文件,这些文件不会被别人看到。
另一个是images文件夹,是FrontPage专门创建用来存放图像文件的文件夹,因为FrontPage扩展服务器的图像文件的默认目录为images。
2.请同学们将上节课收集的图片存放在images文件夹中。
1.了解站点文件夹的作用。
2.拷贝图片到新建站点的images图片文件夹中。
1.解决学生第一次接触网站制作可能存在的问题。
2.让学生学会网站文件资料的管理。
自主探究,
设置网页属性、添加标题和背景图片
请大家结合课本P13-P14页自主探究或者相互协作来设置网页属性、添加标题和背景图片。
(这个环节特别重要,教师要加强巡视、督促。
)
设置网页属性、添加标题和背景图片。
1.增强学生自主学习、协作学习的能力;
2.让学生学会设置网页属性、添加标题和背景图片。
相互交流
完善网页
1.请大家组内相互交流自己的作品,为其他同学提供可行性的建议和意见。
2.请学生修改各自的网页。
1.学习他人的经验为我所用。
2.完善自己的网页。
增强学生交流的能力。
保存网页
课堂延伸
小结并提出要求:
请大家保存自己的网页。
保存好站点文件夹。
现在我们现在仅仅是建立了一个空白页面,我们所设计的版面如何实现,请大家课后自学P14-P18的网页布局表格。
1.保存网页。
2.了解课后的任务。
为第二节课进行铺垫。
第2课时(插入网页布局表格)
请大家将活动1中所设计的网页版面图拿出来,结合课本第15页张晓明同学的设计范例,完成第15页的学习单。
2.介绍为什么使用表格进行布局:
不同的分辨率下(显示器中)保持网页各个元素设计的位置不会改变,表格中可以放置网页上的任何元素。
1.参照课本第15页张晓明同学的设计范例,设计布局表格样式。
2.参考第18页的知识向导,理解表格在网页中的作用。
1.明确网页的布局表格样式。
2.明确表格的重要性。
认识表格
介绍表格的组成:
(1)表格由几个部分组成:
表头:
表格的首行,表示表格各列的名称。
行:
表格的一行,水平方向。
列:
表格的一列,垂直方向。
单元格:
在表格中,每个方格称为一个单元格(Cell),可以为每个单元格设置不同的属性。
边框:
在表格的四周,可设置有无。
(2)在每个单元格中,除了可以填写文本之外,还可以放置图片、表单等,表格的最大好处是能分类显示数据,同时能利用表格来组织网页的整体布局。
学习表格知识。
认识表格。
插入表格
1.演示使用“表格”菜单命令插入表格的方法:
(1)将光标移到要插入表格的位置,即插入点。
(2)单击“表格”菜单,选择“插入”选项,并在选择项中单击“表格”选项,出现插入表格对话框。
(3)在对话框中,在“行数”中输入需要的行数,在“列数”中输入需要的列数,同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距”。
(4)最后单击“确定”按钮,屏幕上就会出现一张空的表格。
2.说明:
如果在对话框中“边框粗细”值设置为0,则该表格线在浏览网页时不会被显示出来。
3.组织学生讨论:
还有哪些方法可以插入表格?
1.根据教师的演示及参照第16页的操作坊,插入并修饰表格。
2.讨论插入表格的其他方法。
学会插入表格
表格操作,如插入、删除合并、拆分和设置单元格属性等操作
1.演示合并单元格等的操作。
2.让学生根据先前的版面设计完成对表格的操作。
1.按照自己网页设计版面来确定表格样式。
2.采用插入、删除、合并、拆分等操作对表格进行操作。
1.让学生学会合并、拆分、插入、删除和设置单元格属性等操作。
2.引导学生利用表格实现网页的版面设计。
交流协作
请各个小组内相互交流、相互检查,要求每位同学都要实现自己的版面布局设计。
1.向已完成的同学请教、学习。
2.完成自己的版面设计。
通过交流,掌握对表格的操作方法。
总结拓展
1.根据某一个版面设计和学生一起用表格实现布局。
2.小结:
表格在
FrontPage2003中有相当重要的应用,这节课我们用表格实现了版面设计。
那么,如何将图片、文本等元素充实到网页中?
请大家课后思考。
1.和老师一起用表格实现一个计版面布局。
2.课后探究教师提出的问题。
1.巩固表格知识。
2.为插入网页元素埋下伏笔,引发学生的积极探索。
第三课时
我们已经用表格设计好了版面,今天这节课将实现网页元素的插入。
2.请大家在FrontPage2003中打开自己的站点文件夹中的index.htm。
1.了解任务。
2.用
FrontPage2003打开站点文件夹中的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文件中可以存多幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画。
1.参考课本第20页学习网页中图片的大小与格式。
2.了解BMP、JPG、GIF格式之间的区别。
了解图片的格式。
利用Photoshop软件修改图片格式
1.演示利用
Photoshop软件修改图片格式的步骤:
(1)在Photoshop中打开图片文件,如文件“hai.jpg”,选择“图像”菜单中的“图像大小”命令。
(2)在“图像大小”对话框中,修改“像素大小”栏下的“宽度”值,单击“确定”按钮。
2.让学生利用软件修改自己的图片素材的格式。
1.根据教师提供的图片素材,将BMP格式转换为JPG格式,查看它的大小变化。
2.修改自己的图片素材的格式。
1.学会调节图片大小。
2.学会转换图片格式。
插入图片
1.演示插入图片的步骤:
(1)把光标定位到要插入图片的单元格内。
(2)单击“”工具图标,或单击“插入“菜单,选择”图片“菜单项,在子菜单中单击”来自文件“选项,在出现一个”图片“对话框的同时,弹出一个“选择文件”对话框。
(3)在“选择文件”对话框的“搜寻”栏内选定图片的存放位置,然后从文件列表中双击某个图片文件(或选定图片文件),单击“确定”按钮,则图片插入到网页中。
2.让学生完成图片素材的插入。
按照操作步骤,在网页中插入图片。
学会在网页中插入图片。
自主探究相互协作
完善页面
让学生根据所学知识,完善自己的网页。
通过输入文本、插入图片、插入水平线等方法来充实网页。
实现个人网页的内容。
预览网页
介绍两种预览网页的方式:
(1)一种是单击FrontPage2003主编辑窗口下面的“预览”标签,就打开一个FrontPage编辑器自带的浏览器,看完之后,单击“普通”标签,又切换到编辑状态。
(2)另一种是单击“常规”工具栏的“”图标按钮(或直接按Ctrl+Shift+B键,或单击“文件”菜单并选择“在浏览器中预览”菜单项),将启动浏览器并打开该网页。
了解不同的预览方式。
2.了解预览方式的区别。
学会网页的预览、检查。
优秀站点展示
请各个小组推选小组优秀站点进行展示。
推选站点进行展示,其他同学用第25页的评价表进行评价。
学会评价他人的作品。
回顾总结
总结网站制作的流程。
一起回顾。
系统梳理知识。
第二单元鲜活的形象——动画的设计与制作
活动1制定动画制作计划
教材分析
本活动是第二单元的开篇,承接第一单元网页的制作,为网页添加动画效果。
在本活动中主要让学生能了解动画的作用、动画的效果、确定在网页中添加动画的位置、动画的格式和动画的制作软件,对动画有一个概括的了解。
教材以“学习单”为支持材料支持学生学习的开展,让学生在活动中自主构建知识。
了解动画的作用。
了解动画的效果。
了解动画文件的格式。
了解常用动画的制作软件。
初步掌握在网页中规划动画的方法。
掌握信息获取、分类和分析管理的方法。
培养使用动画突出主题思想的意识。
体验动画对网页的重要性。
端正学习态度、养成良好的学习习惯。
体验动画在网页中的作用。
规划为网页添加动画的方式。
了解动画文件格式。
一些优秀的网站网址。
已安装SWFText、UleadGIFAnimator及AdobeFlashCS3Professional软件。
第1、2课时(了解网页中的动画、制作动画的软件)
1.请学生欣赏起点中文网、腾讯网、遥控之家等网站首页。
2.组织学生讨论:
与这些网站首页比较,我们的个人网页缺少哪些东西?
3.引导学生关注网页上的动画。
4.提出任务:
大家要为自己的网页设计几个动画。
现在就让我们开始我们的动画方案设计吧!
1.欣赏网站首页。
2.积极讨论自己的个人网页和知名站点首页的差距。
3.体会动画对网页美化的重要性。
4.为自己的网页设计动画方案。
1.激发学生学习动画的兴趣。
2.引出任务。
了解动画作用
1.请学生参照第29页张晓明的学习过程,完成第30页的学习单。
2.组织各小组讨论动画的作用。
1.完成“我对网站动画采用情况的调查表”。
2.各个小组讨论动画的作用。
通过完成学习单、讨论等学习过程,对动画在网页中的作用有一定的认识。
了解动画的效果
请学生根据刚才所提供的网站,讨论网页上都有哪些动画效果。
1.讨论动画的一般效果。
2.完成第30页学习单。
了解动画效果。
设计网页动画方案
请学生结合张晓明同学的动画方案设计过程,为自己的网页设想添加动画方案。
1.为自己的网页设想添加动画方案。
2.完成第31页的学习单。
制定网页动画设想。
相互交流各自的设想,提出意见
1.请学生相互交流各自添加动画的设想。
2.适时指导:
网页上不是动画越多越好。
采用动画,一要考虑动画的所在部位是否妥当,能起到什么作用;
二要考虑动画的表现方式给整个页面带来了什么视觉效果。
太繁杂的动画会扰乱浏览者的注意力,产生视觉疲劳,效果适得其反!
1.相互交流,
2.听取其他同学的意见或者建议。
3.完善自己的设想。
1.头脑风暴。
2.更深入地了解网页动画。
了解动画格式、制作软件
大家知道哪些动画制作软件?
动画文件的后缀名有哪些?
2.组织学生完成第34页的学习单。
1.带着问题探究Gif动画与Flash动画的区别。
2.了解判别Gif动画与Flash动画的方法。
了解了动画的格式、制作软件。
相互交流
请学生相互交流各自对动画的认识,并将Gif动画和Flash动画展示给同组成员看。
相互交流。
加深对动画的认识。
小结
1.小结:
动画能够给我们的网页添加动态效果,能起到画龙点睛的作用。
(1)我们一般选用哪些软件来制作动画?
(2)是不是动画越多越好?
3.请学生课后熟悉SWFtext软件。
1.思考问题。
2.课后熟悉SWFtext软件,为活动2下做准备
1.增强学生的审美能力。
2.加深学生对动画的认识。
活动2让标题更醒目
“让标题更醒目”本标题直至主题,即使用SWFtext软件进行标题的动画编辑。
本活动内容相对于后面两个活动,软件的使用较为简单。
因此,根据学生的认知特点特意将SWFtext的内容放置在前面。
通过本活动,学生应掌握信息的获取和分析方法、动画的基本原理,学会制作标题文字动画。
了解动画的原理。
掌握动画文件的格式。
能使用SWFtext软件制作标题动画。
掌握SWFtext软件中作品尺寸、背景特效、字体属性的设置技巧。
掌握使用SWFtext软件制作标题动画的方法。
体验制作动画的乐趣。
提高学习动画制作的兴趣。
体验动画在网页上的作用。
【教
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 信息技术 教案 年级 上册 上海 科教
![提示](https://static.bdocx.com/images/bang_tan.gif)