《信息技术》
(五年级下册)
教
案
执 教 者: 胡金雁
执教班级: 五年级
学 期: 第二学期
第一课 认识Frontpage
——制作第一个网页
教学目标:
1、认识Frontpage窗口组成。
2.掌握制作简单网页的方法;
3.掌握保存网页及预览网页的方法。
教学重难点:
1.制作网页;
2.保存网页;
3.预览网页。
教学过程:
一.导入新课
目前,可以制作网站的工具软件非常多,我们选用FrontPage作为网站制作的工具软件。
二.新授
1.认识FrontPage窗口
2、制作简单的网页
认识了FrontPage窗口后,就可以利用FrontPage制作网页了。
教师演示在FrontPage的编辑区制作一个简单网页的方法。
3、保存网页
师质疑:网页做好后,按照我们的老习惯,应该把这个网页怎么处理呢?
生:保存……
师:对,同学们说的好极了。但大家知道吗?保存网页的方法和我们以前学过的保存方法却有点不同,大家想知道有什么不同吗?
师演示保存网页的方法。
4、浏览网页
师:网页保存了吗?保存后的网页该怎么打开呢?
生尝试打开网页
教师演示打开网页的两种方法:
(1).在浏览器中预览网页。单击“文件”→“在浏览器中预览”,打开“在浏览器中预览”对话框,单击预览。
(2).在FrontPage窗口中单击“预览”按钮,进行预览。
(3).观察使用两种预览方法所显示的预览效果。
5.思考与练习
建立一个新站点,并输入文字,保存后预览。
6、课堂小结
本节课所学知识点:
(1)认识了制作网页的软件: FrontPage
(2)学习了用FrontPage制作一个简单的网页。
(3)学习了保存网页和浏览网页的方法
第二课 规划网站与创建站点
教学目标:
1.了解网站建设规划流程;
2.收集整理资料。
3、掌握打开站点、创建站点的方法;
4、掌握在站点中增加文件夹和创建一个简单网页。
5、学会在网页中插入图片和插入水平线。
6、通过本课学习,进一步了解网络,揭开网络在学生心中的神秘面纱。增强学生学习信息技术的自信心。
教学重难点:
1.网站的规划。2、创建站点。3、在站点中创建网页
教学过程:
一.引入新课
我们的校园生活丰富多彩,班级活动活泼有趣,怎样让远方的伙伴了解我们的校园生活呢?为了更好地展示我们班级的风采,让更多的人认识和欣赏我们,我们可以制作班级网站,发布到因特网上,让更多的人了解我们班。
二、新授
1、设计网站结构
要建立网站,首先要确定主题。主题确定后,为了使网站有一个整体的风格和特色,还需要设计网站的结构。
大屏幕出示一个简单的网站的结构让学生了解网站的结构。
网站是由多个网页链接组成的,在开始制作网站前最好做好整体规划。
(1).确定网站主题。网站的主题决定制作网站的风格,决定网站所包含的网页信息。
(2).搜集素材。通过多种渠道搜集网站所需要的各种素材。
(3).筛选、整理素材。对搜集来的素材进行必要的挑选、修改、编排、整理,筛选出各类网页所需要的素材。有时还需要根据实际情况自己动手完成一些必要的文字、图片等素材。
(4).做好网站建设规划。根据我们筛选、整理的素材,按照不同的分类,规划整理到不同的网页中。同时要注意使页面布局主题突出、美观大方、有自己的特色。
(5).选择网页制作软件,开始制作。
3、创建站点
(1).打开FrontPage,单击“文件”→“新建”→“站点”,打开“新建”对话框。
(2).选择“空站点”,键入站点的保存位置和名称,单击“确定”按钮。
在FrontPage中创建站点后,会自动在站点文件夹内创建两个文件夹,用于制作网页时存放各类资源。
4、在自建站点中制作一个简单的网页
站点建好后,就可以在站点中制作网页了。
制作网页的一般步骤:
(1)如果你建好的站点已经关闭,需要先打开站点:单击——文件——打开站点——选择建好的站点名——打开。
(2)在窗口的编辑区中输入网页的标题和正文内容。设置文章的字体、字号、格式等。设置方法同WORD。
(3)如要在网页中插入图片,插入的方法和WORD相同
(4)为了美观和网页中的不同内容界限更加分明,也可以在网页中插入水平线。方法如下:
单击——插入菜单——水平线。双击插入的水平线,可以设置水平线的宽度、高度、颜色等属性。
(5)保存网页。
5、巩固练习:
(1)在自己的文件夹里建立一个名为“我的网站”的站点。
(2)在站点里创建一个名为“sound”和“text”文件夹
(3)打开“我的网站”,创建一个介绍四完小校园的网页
网页内容为:标题:四完小简介 正文内容和要插入的图片都保存在E盘陈老师文件夹里。
(4)在标题的上文插入一条水平线。颜色为绿色,宽度和高度自己设置
(5)做完后保存网页。
6、课堂小结
本课所学知识点:
1、设计网站结构
2、收集加工素材
3、创建站点
4、在站点中创建一个简单的网页
第三课 制作网站主页
教学目标:
1、学习如何布局主页更能吸引浏览者。
2、学会在布局主页时利用插入表格的方法来安排版面。
3、学会在主页中输入文字、修饰文字、插入图片。
4、在本课学习过程中,给学生自由发挥的空间,学生可以充分发挥其想象力和创造力,同时培养学生综合运用知识的能力。
教学重难点:
运用表格设计版面的布局
教学课时:2课时
教学过程:
一、新课导入
师:一个网站的内容和特色往往体现在浏览者看到的第一个页面------主页上,如果我们把主页设计的新颖、独特、美观,那么肯定会吸引很多浏览者访问我们的网站。今天我们就来学习制作网站的主页。
二、新授
师:制作网站主页前,首先要设计好主页的版面布局,确定网站的大标题、各栏目的名称、文字、图片等的摆放位置。下面就让我们一起来为我们学校设计制作一个漂亮的主页吧。
师演示在主页中插入如下用表格布局的版面。
三、巩固练习,出示任务:
1、学生仿照老师设计的版面制作学校主页的版面。
2、制作好版面后,输入标题和栏目文字,并将标题文字居中,设置成黑体、红色、7号,栏目文字设置为:蓝色、黑体、5号。
3、在表格需要插图的地方插入学校的全景图。并适当调整对齐方式和大小。
4、将制作好的主页保存到自己的网站中。
学生保存文件时,教师提示学生看教材第42页的“提示”部分。
师提问:“提示”告诉我们,对网站的主页文件名有什么要求?
生答……
教师强调:网站的主页文件名一般都要命名为:index.htm.
四、小结:
本课重点学习了设计一个主页的版面,一般为使主页的页面整齐、有序,我们最好采用表格来安排版面。这节课只是对主页进行了简单的设计,在后面的课中我们会一步步的完善我们学校的这个主页以及整个网站。
第四课 修饰网站主页
教学目标:
1、掌握表格背景的设置方法。
2、学会在主页中制作悬停按钮。
3、学会在主页中制作欢迎字幕。
4、让学生通过一步步修饰网站主页,体验成就感,从而培养学生对信息技术的兴趣。
教学重难点:设置表格背景、制作悬停按钮和欢迎字幕
教学课时:2课时
教学过程:
一、导入新课
师:在网页中插入表格、输入文字、插入图片,看起来这个主页已经是整齐划一了,但同学们有没有觉得还有什么不满的地方吗?
生:观察……
二、新授
1、设置表格背景
师:让我们试着给主页中的表格加一个背景,看看会怎么样?
教师演示“设置表格背景”的操作方法:
第一步:打开“自己的站点”
第二步:打开“自己的站点”中的“index.htm”主页文件。
第三步:在表格中单击右键。选择“表格属性”,打开“表格属性”对话框。
第四步:选择“使用背景图片”选项,然后单击“浏览”按钮,打开“选择背景图片”对话框,找到要用来设置背景的图片后双击,再单击“确定”按钮即可。
师:设置表格背景的时候,要注意插入的图片和表格中的文字搭配,否则会让整个表格显得凌乱不堪,那要就适得其反了。
任务:请给你的主页中的表格设置一个漂亮的背景。
学生完成任务后保存
二、制作悬停按钮
师:下面让我们来美化“伊金霍洛旗第四小学”主页中的每一个栏目按钮。
师演示操作方法:
第一步:选择主页中的第一个栏目“校园风景”
第二步:选择“插入”——WEB组件——交互式按钮——完成
第三步:设置按钮文字、颜色、背景等。设置好后确定即可。
任务:请你把主页中的所有栏目按钮都做成自己喜欢的悬停按钮。
学生完成任务
三、制作滚动字幕
师:我们经常会在网站上看到一行或多行滚动的文字,就和电影中移动的字幕一样,非常有趣。今天,我们学习制作滚动字幕的方法。
(在制作滚动字幕之前,要确定字幕的位置。我们可以将主题“伊金霍洛旗第四小学”单元格拆分为两行,下面一行用于放置字幕。)
拆分单元格的方法:将光标定位在要拆分的单元格中,然后
1.单击“表格”→“拆分单元格”,弹出“拆分单元格”对话框;
2.设置拆分的方式,如:拆分成行;
3.设置拆分的行数,如:2行;
4.单击“确定”按钮。
将光标定位在要插入字幕的单元格中,
1. 单击“插入”→“组件”→“字幕”,弹出“字幕属性”对话框;
2. 输入文字;
3. 单击“确定”按钮。
{在一个内容较复杂的网页中,要较好地定位内容,需要对表格进行分割、行列的插入或删除、单元格的合并、拆分等。这些操作都可以在“表格”菜单中进行,操作方法也很相似。}
任务:学生把“欢迎来到伊金霍洛旗第四小学”做成滚动字幕。
四、课堂小结:
第五课 制作校园风景栏目
教学目标:
1、学会制作“校园风景” 网页。
2、学会在“校园风景”网页里插入表格和缩略图。
3、学会修改网页的标题
教学重难点:
在网页中插入表格和在表格里插入缩略图
教学课时:2课时
教学过程:
一、导入:
师:完成网站的主页后,就可以按照网站的结构图制作与各个栏目相关的网页了。本课我们首先来制作“伊金霍洛旗第四小学”网站的“校园风景”栏目。
二、新授
1、制作“校园风景”网页
“校园风景”栏目是用来展示校园各处风景的图片的,为了让访问网站的人能够方便的找到自己感兴趣的图片,可以先把收集到的图片分类,如分成“教学楼”、“孺子楼”、“书山阁”等,然后把这些图片插入不同的网页。当然,首先要建立一个网页来列出校园各处风景的名称。
任务一:新建一个网页,并访照如下表格布局来安排网页内容,并把“校园风景”做成艺术字。
教师演示操作方法,重点指导学生对插入的图片如何设置才能使网页变得美观。
2、制作“教学楼”网页
由于我们要把“教学楼”图片按照正面、背面、侧面三个角度展示给访问者,所以为了使图片整齐、有序,同样采用表格布局,把图片及说明文字放在表格的不同单元格中。但由于图片文件都比较大,所以我们在插入图片时采用自动缩略图方式,把图片缩成小图,浏览时单击小图,就可看到大图。
教师演示操作方法:
第一步:新建一个网页,插入一个3行3列的表格,合并第1行的单元格。
第二步:在第1行中插入艺术字“教学楼”,并设置为居中对齐。
第三步:把插入点移到第2行第1列的单元格中,然后单击常用工具栏中的“来自文件”按钮,插入事先准备好的教学楼正面图片。
第四步:单击“工具”菜单中的“网页选项”命令,出现“网页选项”对话框时,打开“自动缩略图”选项卡,然后单击“确定”按钮。
第五步:选定插入的图片,单击图片工具栏中的“自动缩略图”按钮,选定的图片就会缩小,变成缩略图。
第六步:适当调整单元格的大小,再在图片下方对应的单元格中输入图片的说明文字并设置适当的文字格式。
第七步:用以上方法,在其他单元格中插入图片和说明文字,并为图片设置缩略图技术。
第八步:选定第2行单元格,再单击“表格”菜单中的“平均分配列宽”命令,使表格中的每一列等宽。
第九步:保存做好的网页并在浏览器里浏览网页。
学生用同样的方法制作其它几处建筑物的网页。
师:每制作好一个网页,我们都应该给这个网页起一个标题,这个标题在浏览者浏览网页会在标题栏里看到。
师演示修改网页标题的方法。
3、小结:
第六课 建立超链接
教学目标:
1. 认识超级链接;
2. 掌握建立文字、图片、网页超级链接的方法。
教学重难点:
1. 建立文字、图片的超级链接
教学过程:
一.复习巩固
二.引入新课
我们已经做好了两个网页,如何使这两个网页紧密地联系起来,让更多的浏览者能方便地在它们之间自由地进出呢?
当我们在网上冲浪的时候,经常会单击页面上某些文字或图片来进入我们的目标页面。我们把从一个页面到另一个页面的链接叫做超级链接。
网页之间如何联系
1.在因特网上,利用超级链接可以方便地将与网站主题相关联的一个个网页链接起来,使其变成一张有序的网,为人们展现丰富的主题内容。
2.以“伊金霍洛旗第四小学”的首页为例,介绍网页的链接。
在“伊金霍洛旗第四小学”网站中,网页是由一层层的超级链接组织起来的。如第一个页面中包括“校园风景”、“组织机构”、“校园明星”、“师资队伍”等栏目,“校园风景”栏目又分别链接有“教学楼”网页、“孺子楼”网页、“书山阁”网页等六大内容。当我们选择“教学楼”时,就会看到教学楼的图片。
3.请学生随便找一个网站,点击网页,体验超级链接。
三.创建文字或图片的超级链接
首先,打开网页文件,选中要设置超级链接的图片或文字。然后
1. 单击“插入”→“超链接”,弹出“创建超链接”对话框;
2. 选择超链接到的网页。如:guanyuwomen.htm
3. 单击“确定”按钮。
{当鼠标移动到有超级链接的文字或图片时,一般情况下,鼠标会变成手状,表明这上面有超级链接。这时,单击就可以转入链接到的页面。
创建好首页到“班级简介”页面的超级链接后,我们可以轻松地从首页进入到“班级简介”页面。那么,怎样从班级简介“bjjj.htm”页面再跳回首页呢?很简单,当然还是设置超链接,将它链接回来就行了。}
四.观察设置超级链接前后,“首页”文字有什么变化。
五.思考与练习
1. 请给自己的首页加上一个文字或图片的超级链接
2. 保存网页并到浏览器中进行测试,观察鼠标指针的变化
第七课 使用书签
教学目标:
知识与技能:通过学习熟练运用文本框并对文本框进行设置,综合运用各种工具制作书签。
过程与方法:在小组活动中培养学生自我探究、主动学习、自我创新的能力,培养学生如何获取信息、处理信息和应用信息的能力。
情感态度与价值观:通过学习对学生进行爱书、爱读书的思想教育。
情感态度与价值观
通过学习对学生进行爱书、爱读书的思想教育。
教学重难点:制作书签
教学课时:2课时
教学过程:
一、导入新课
师:制作网页时,如果需要在一个网页中安排比较多的内容,查看起来会比较麻烦,这时,我们可以在网页中制作一些“书签”,浏览时利用书签就可以很方便地找到想找的内容。这节课我们就以制作“星星书屋”网页为例,介绍在网页中如何制作和使用书签。
二、新授
1、认识网页中的书签
教师演示几个事先制作好的带书签的网页,学生浏览,进一步理解书签在网页中的功能。
2、制作“星星书屋”网页
师生一起制作“星星书屋”网页
教师将“星星书屋”网页中用到的素材传到学生机上。
学生仿照教师事先制作好的“星星书屋”网页自己制作。
3、制作书签
师:网页的内容制作完成了,同学们现在浏览一下这个网页的第二篇、第四篇文章,发现什么问题了吗?
生:……
师:有没有什么好办法?让我们想找哪篇文章就一下子找到呢?
师:可以利用frontpage的书签功能,帮我们实现这个想法
制作书签的方法:
第一步:在页面编辑区中选定第一篇文章的题目,单击插入菜单中的书签命令。
第二步:打开“书签”对话框时,选定的文字就会出现在里面,单击“确定”按钮,一个书签就制作好了。
第三步:用同样的方法,把另外几篇文章的题目也设置成书签。
第四步:选定导航栏中的文章题目,单击插入——超级链接。打开“创建超链接”对话框。
第五步:在对话框中选择第一篇文章的书签后单击“确定”。
第六步:用同样的方法,创建其它几篇文章的超链接。
书签制作好后,预览一下,感受书签带来的方便。
4、添加网页背景
为了进一步美化网页,还可以适当设置网页的背景。
师:设置网页的背景和前面学过的设置表格的背景方法相同。
任务:请你给“星星书屋”网页设置一个漂亮的背景。
学生设置好背景后保存网页。
三、课堂小结
第八课 制作表单网页
教学目标:
知识目标:了解表单网页的功能与用途,了解表单网页从设计到发布的完整过程。
技能目标:掌握表单元件的插入方法及相关属性设置,掌握发布表单的方法。
情感目标:培养学生勤于思考的习惯与解决问题的能力。
教学重点
表单元件的插入
表单元件的属性设置
教学难点
表单网页的制作
教学过程
第九课 制作框架网页
◆ 教学目标:
1、知识与技能
(1)理解框架网页的概念、特点和作用。
(2)掌握框架网页的新建与保存的方法。
(3)初步掌握将框架结构与表格布局结合使用来制作网页。
(4)会对框架网页进行简单的编辑设置。
(5)掌握框架网页中插入超链接的方法。
2、过程与方法
根据教师提供的素材和操作步骤,能独立完成制作任务,并能在制作过程中发现问题解决问题。
3、情感态度与价值观
(1)通过以“清明节”为主题的框架结构网页制作活动,了解更多有关清明节由来、习俗等方面的知识,呼吁大家一起来关注传统文化。
(2)能够将表格与框架结构网页结合使用,在创作中体验乐趣。
重点:
1、框架网页的新建与保存
2、框架网页属性的设置:重新设置初始页面,边框的设置,框架的拆分等
难点:
框架网页中超链接的设置
教学过程:
第十课 使用网页特效
◆ 教学目标:
1.知识技能目标
(1)层的应用
a. 层的显示与隐藏
b. 在网页中添加游动的对象
(3)判断网页属于静态网还是动态网2.过程方法目标:
培养学生独立思考、动手实践的能力;培养学生自主探究性、协作性学习能力;激发学生学习信息技术的兴趣,培养学生发现美、创造美的能力,提高学生的综合素质。 3.情感态度价值观:
通过制作"雨巷"美文欣赏网页,让学生围绕教学内容,利用多媒体创设的情境,借助诗歌的意象体会诗歌意境,理解作者的思想感情及丁香姑娘的象征意义,感知诗歌,提高鉴赏能力,激情增趣。
【教学重点:】
1、层的显示与隐藏
2、在网页上添加游动的对象
【教学难点:】
1、行为面板的设置
2、时间轴的应用
【教学过程:】
本文来源:https://www.2haoxitong.net/k/doc/8ef1d35c996648d7c1c708a1284ac850ad020408.html
文档为doc格式