人教版五年级下册信息技术教案.docx

1、人教版五年级下册信息技术教案信息技术 (五年级下册)教案执 教 者: 胡金雁执教班级: 五年级学 期: 第二学期第一课 认识Frontpage制作第一个网页教学目标:1、认识Frontpage窗口组成。2.掌握制作简单网页的方法;3.掌握保存网页及预览网页的方法。教学重难点:1.制作网页;2.保存网页;3.预览网页。教学过程:一.导入新课目前,可以制作网站的工具软件非常多,我们选用FrontPage作为网站制作的工具软件。二.新授1.认识FrontPage窗口2、制作简单的网页认识了FrontPage窗口后,就可以利用FrontPage制作网页了。教师演示在FrontPage的编辑区制作一个简

2、单网页的方法。3、保存网页师质疑:网页做好后,按照我们的老习惯,应该把这个网页怎么处理呢？生:保存师:对,同学们说的好极了。但大家知道不？保存网页的方法与我们以前学过的保存方法却有点不同,大家想知道有什么不同不？师演示保存网页的方法。4、浏览网页师:网页保存了不？保存后的网页该怎么打开呢？生尝试打开网页教师演示打开网页的两种方法:(1).在浏览器中预览网页。单击“文件”“在浏览器中预览”,打开“在浏览器中预览”对话框,单击预览。(2).在FrontPage窗口中单击“预览”按钮,进行预览。(3).观察使用两种预览方法所显示的预览效果。5.思考与练习建立一个新站点,并输入文字,保存后预览。6、课

3、堂小结本节课所学知识点:(1)认识了制作网页的软件: FrontPage(2)学习了用FrontPage制作一个简单的网页。(3)学习了保存网页与浏览网页的方法第二课 规划网站与创建站点教学目标:1.了解网站建设规划流程;2.收集整理资料。3、掌握打开站点、创建站点的方法;4、掌握在站点中增加文件夹与创建一个简单网页。5、学会在网页中插入图片与插入水平线。6、通过本课学习,进一步了解网络,揭开网络在学生心中的神秘面纱。增强学生学习信息技术的自信心。教学重难点:1.网站的规划。2、创建站点。3、在站点中创建网页教学过程:一.引入新课我们的校园生活丰富多彩,班级活动活泼有趣,怎样让远方的伙伴了解我

4、们的校园生活呢？为了更好地展示我们班级的风采,让更多的人认识与欣赏我们,我们可以制作班级网站,发布到因特网上,让更多的人了解我们班。二、新授1、设计网站结构要建立网站,首先要确定主题。主题确定后,为了使网站有一个整体的风格与特色,还需要设计网站的结构。大屏幕出示一个简单的网站的结构让学生了解网站的结构。网站就是由多个网页链接组成的,在开始制作网站前最好做好整体规划。(1).确定网站主题。网站的主题决定制作网站的风格,决定网站所包含的网页信息。(2).搜集素材。通过多种渠道搜集网站所需要的各种素材。(3).筛选、整理素材。对搜集来的素材进行必要的挑选、修改、编排、整理,筛选出各类网页所需要的素材

5、。有时还需要根据实际情况自己动手完成一些必要的文字、图片等素材。(4).做好网站建设规划。根据我们筛选、整理的素材,按照不同的分类,规划整理到不同的网页中。同时要注意使页面布局主题突出、美观大方、有自己的特色。(5).选择网页制作软件,开始制作。3、创建站点(1).打开FrontPage,单击“文件”“新建”“站点”,打开“新建”对话框。(2).选择“空站点”,键入站点的保存位置与名称,单击“确定”按钮。在FrontPage中创建站点后,会自动在站点文件夹内创建两个文件夹,用于制作网页时存放各类资源。4、在自建站点中制作一个简单的网页站点建好后,就可以在站点中制作网页了。制作网页的一般步骤:(

6、1)如果您建好的站点已经关闭,需要先打开站点:单击文件打开站点选择建好的站点名打开。(2)在窗口的编辑区中输入网页的标题与正文内容。设置文章的字体、字号、格式等。设置方法同WORD。(3)如要在网页中插入图片,插入的方法与WORD相同(4)为了美观与网页中的不同内容界限更加分明,也可以在网页中插入水平线。方法如下:单击插入菜单水平线。双击插入的水平线,可以设置水平线的宽度、高度、颜色等属性。(5)保存网页。5、巩固练习:(1)在自己的文件夹里建立一个名为“我的网站”的站点。(2)在站点里创建一个名为“sound”与“text”文件夹(3)打开“我的网站”,创建一个介绍四完小校园的网页 网页内容

7、为:标题:四完小简介 正文内容与要插入的图片都保存在E盘陈老师文件夹里。(4)在标题的上文插入一条水平线。颜色为绿色,宽度与高度自己设置(5)做完后保存网页。6、课堂小结本课所学知识点:1、设计网站结构2、收集加工素材3、创建站点4、在站点中创建一个简单的网页第三课 制作网站主页教学目标:1、学习如何布局主页更能吸引浏览者。2、学会在布局主页时利用插入表格的方法来安排版面。3、学会在主页中输入文字、修饰文字、插入图片。4、在本课学习过程中,给学生自由发挥的空间,学生可以充分发挥其想象力与创造力,同时培养学生综合运用知识的能力。教学重难点:运用表格设计版面的布局教学课时:2课时教学过程:一、新课

8、导入师:一个网站的内容与特色往往体现在浏览者瞧到的第一个页面-主页上,如果我们把主页设计的新颖、独特、美观,那么肯定会吸引很多浏览者访问我们的网站。今天我们就来学习制作网站的主页。二、新授师:制作网站主页前,首先要设计好主页的版面布局,确定网站的大标题、各栏目的名称、文字、图片等的摆放位置。下面就让我们一起来为我们学校设计制作一个漂亮的主页吧。师演示在主页中插入如下用表格布局的版面。伊金霍洛旗第四小学美丽校园组织机构校园明星师资队伍网上调查关于我们学校简介插图插图电子邮件插图版权信息三、巩固练习,出示任务:1、学生仿照老师设计的版面制作学校主页的版面。2、制作好版面后,输入标题与栏目文字,并将

9、标题文字居中,设置成黑体、红色、7号,栏目文字设置为:蓝色、黑体、5号。3、在表格需要插图的地方插入学校的全景图。并适当调整对齐方式与大小。4、将制作好的主页保存到自己的网站中。学生保存文件时,教师提示学生瞧教材第42页的“提示”部分。师提问:“提示”告诉我们,对网站的主页文件名有什么要求？生答教师强调:网站的主页文件名一般都要命名为:index、htm、四、小结:本课重点学习了设计一个主页的版面,一般为使主页的页面整齐、有序,我们最好采用表格来安排版面。这节课只就是对主页进行了简单的设计,在后面的课中我们会一步步的完善我们学校的这个主页以及整个网站。第四课 修饰网站主页教学目标:1、掌握表格

10、背景的设置方法。2、学会在主页中制作悬停按钮。3、学会在主页中制作欢迎字幕。4、让学生通过一步步修饰网站主页,体验成就感,从而培养学生对信息技术的兴趣。教学重难点:设置表格背景、制作悬停按钮与欢迎字幕教学课时:2课时教学过程:一、导入新课师:在网页中插入表格、输入文字、插入图片,瞧起来这个主页已经就是整齐划一了,但同学们有没有觉得还有什么不满的地方不？生:观察二、新授1、设置表格背景师:让我们试着给主页中的表格加一个背景,瞧瞧会怎么样？教师演示“设置表格背景”的操作方法:第一步:打开“自己的站点”第二步:打开“自己的站点”中的“index、htm”主页文件。第三步:在表格中单击右键。选择“表格

11、属性”,打开“表格属性”对话框。第四步:选择“使用背景图片”选项,然后单击“浏览”按钮,打开“选择背景图片”对话框,找到要用来设置背景的图片后双击,再单击“确定”按钮即可。师:设置表格背景的时候,要注意插入的图片与表格中的文字搭配,否则会让整个表格显得凌乱不堪,那要就适得其反了。任务:请给您的主页中的表格设置一个漂亮的背景。学生完成任务后保存二、制作悬停按钮师:下面让我们来美化“伊金霍洛旗第四小学”主页中的每一个栏目按钮。师演示操作方法:第一步:选择主页中的第一个栏目“校园风景”第二步:选择“插入”WEB组件交互式按钮完成第三步:设置按钮文字、颜色、背景等。设置好后确定即可。任务:请您把主页中

12、的所有栏目按钮都做成自己喜欢的悬停按钮。学生完成任务三、制作滚动字幕师:我们经常会在网站上瞧到一行或多行滚动的文字,就与电影中移动的字幕一样,非常有趣。今天,我们学习制作滚动字幕的方法。(在制作滚动字幕之前,要确定字幕的位置。我们可以将主题“伊金霍洛旗第四小学”单元格拆分为两行,下面一行用于放置字幕。)拆分单元格的方法:将光标定位在要拆分的单元格中,然后1、单击“表格”“拆分单元格”,弹出“拆分单元格”对话框;2、设置拆分的方式,如:拆分成行;3、设置拆分的行数,如:2行;4、单击“确定”按钮。 将光标定位在要插入字幕的单元格中,1、 单击“插入”“组件”“字幕”,弹出“字幕属性”对话框;2、

13、 输入文字;3、 单击“确定”按钮。在一个内容较复杂的网页中,要较好地定位内容,需要对表格进行分割、行列的插入或删除、单元格的合并、拆分等。这些操作都可以在“表格”菜单中进行,操作方法也很相似。任务:学生把“欢迎来到伊金霍洛旗第四小学”做成滚动字幕。四、课堂小结:第五课 制作校园风景栏目教学目标:1、学会制作“校园风景” 网页。2、学会在“校园风景”网页里插入表格与缩略图。3、学会修改网页的标题教学重难点:在网页中插入表格与在表格里插入缩略图教学课时:2课时教学过程:一、导入:师:完成网站的主页后,就可以按照网站的结构图制作与各个栏目相关的网页了。本课我们首先来制作“伊金霍洛旗第四小学”网站的

14、“校园风景”栏目。二、新授1、制作“校园风景”网页“校园风景”栏目就是用来展示校园各处风景的图片的,为了让访问网站的人能够方便的找到自己感兴趣的图片,可以先把收集到的图片分类,如分成“教学楼”、“孺子楼”、“书山阁”等,然后把这些图片插入不同的网页。当然,首先要建立一个网页来列出校园各处风景的名称。任务一:新建一个网页,并访照如下表格布局来安排网页内容,并把“校园风景”做成艺术字。校园风景此处插入学校全景图教学楼孺子楼书山阁士林轩毅坚厅黍香楼教师演示操作方法,重点指导学生对插入的图片如何设置才能使网页变得美观。2、制作“教学楼”网页由于我们要把“教学楼”图片按照正面、背面、侧面三个角度展示给访

15、问者,所以为了使图片整齐、有序,同样采用表格布局,把图片及说明文字放在表格的不同单元格中。但由于图片文件都比较大,所以我们在插入图片时采用自动缩略图方式,把图片缩成小图,浏览时单击小图,就可瞧到大图。教师演示操作方法:第一步:新建一个网页,插入一个3行3列的表格,合并第1行的单元格。第二步:在第1行中插入艺术字“教学楼”,并设置为居中对齐。第三步:把插入点移到第2行第1列的单元格中,然后单击常用工具栏中的“来自文件”按钮,插入事先准备好的教学楼正面图片。第四步:单击“工具”菜单中的“网页选项”命令,出现“网页选项”对话框时,打开“自动缩略图”选项卡,然后单击“确定”按钮。第五步:选定插入的图片,单击图片