您好,欢迎访问三七文档
当前位置:首页 > 电子/通信 > 数据通信与网络 > 信息技术六年级下册教案1-15
第1课网站与网页教学目的:1、了解万维网的基本架构。2、区分网页和网站的不同之处。3、掌握网页元素和网页构件的使用。教学重点:掌握网页元素和网页构件的使用。教学难点:理解网页中“超链接”的作用。教学过程:一、引入:首先登录两个不同的网站,打开不同的网页,引发同学们对更喜欢哪一个网站哪一个网页的大讨论。然后提出“你为什么更喜欢这个网页(网站)?”“你想做出自己漂亮的网页吗?”等问题来引起学生的学习兴趣,从而导入新课。二、新授任务一:登录自己喜欢的网站,你认为网站与网页有什么不同?学生活动:登录网站,完成学习任务单的有关内容。交流讨论:网站与网页区别。任务二:你最喜欢哪一个网页?为什么?学生活动:打开自己喜欢的网页,让大家一起欣赏,自己思考一下喜欢的理由交流讨论:自己喜欢的理由任务三:你最喜欢的那一个网页的页面有哪些元素组成?它们各有什么作用?学生活动:阅读教材,针对网页,找出网页的组成元素。交流讨论:网页构成元素的作用任务四:登录中华少儿网站、认识“超链接”通过单击“中华少儿网”主页中的“科学大观”目录,跳到“科学大观”2的网页。2、学生上机操作,尝试打开自己感兴趣的栏目。小结。三、想一想1、网页可以由哪些元素组成?2、什么元素可以让你从当前网页跳转到其他网页或网站?教学反思:3第2课建立第一个网页教学目的:1、会启动FrontPage软件2、识记FrontPage窗口各部分名称3、掌握建立一个站点的方法,制作一个简单的网页教学重点:掌握建立一个站点的方法,制作一个简单的网页教学难点:设置网页属性教学过程:一、导入大家一定很想开始制作自己的网页吧。其中FrontPage是一种比较容易入门的网页制作工具。下面我们就用它来制作我们的第一个网页吧。二、新授活动一:认识FrontPage窗口1、启动FrontPage软件让学生试着用启动PowerPoint的方法,自行启动FrontPage软件。指名说出启动的方法,教师加以指导。2、FrontPage窗口的组成观察P6页图1,识记窗口中各部分的名称。出示P6页图1,指名说出各部分的名称3、介绍FrontPage窗口中的视图栏主要有:“网页”、“文件夹”、“报表”、“导航”、“超级链接”、“任务”等按钮。系统默认的视图方式是“网页”视图。4、感受“网页”视图中三个标签学生自己动手,分别选择“普通/HTML/预览”,感受不同的作用。活动二:建立一个站点制作网站时,一般先建立“站点”。实际上是一个文件夹,用于保存整个网站的网页、图片、动画等资源文件。1、做一做:在FrontPage中新建一个站点教师演示操作,学生观察步骤。4学生上机操作,根据书上P7-8页中的步骤,将整个网站内容保存到D:\myweb文件夹下。活动三:制作一个简单的网页1、做一做:制作一个“笨笨熊之家”网页教师演示操作,学生观察步骤。学生上机操作,根据书上P10-11页中的步骤,保存网页到D:\myweb文件夹中,文件名取index.htm。教师巡视指导。三、试一试制作一个介绍自己的网页。教学反思:5第3课让网页更美观教学目的:1、会在网页中添加图片2、懂得设置网页的背景教学重点:会在网页中添加图片教学难点:正确设置网页属性中的“背景”选项教学过程:一、复习1、启动FrontPage软件有哪几种?2、FrontPage窗口的由哪几部分组成?二、新授活动一:在网页中添加图片插入图片前,一般要将图片文件夹保存在网页文件所在文件夹中的images文件夹下,插入后,还要设置图片的大小、位置、效果等属性。1、做一做:插入一张卡通熊图片到网页中教师演示操作,学生观察步骤。学生上机操作,根据书上P13-14页中的步骤,插入一张卡通熊图片到网页中。教师巡视指导活动二:设置网页的背景网页背景默认是白色,也可以是图片,可通过“网页属性”对话框,设置网页背景。做一做:将“笨笨熊之家”网页的背景设置为小花格图案。学生自学P15页中步骤,将网页的背景设置为小花格图案。教教师巡视指导。展示已完成学生的作品,并说出完成的步骤。三、试一试:完成书上第P16页试一试中的题目。教学反思:6第4课让网页声情并茂教学目的:1、使学生掌握在网页中、视频2、使学生懂得设置网页的背景音乐教学重点:会在网页中插入flash动画、插入背景音乐教学难点:会在网页中插入视频教学过程:一、导入师:同学们,你们在浏览网站的时候,看到的网页除了图片和文字以外,还有没有看到什么、听到什么呢?生1:动画、音乐生2:视频、游戏……师:同学们说得都很对。这节课就让我们来学习如何给网页添加动画与音乐,插入动画、音乐以后,我们创建的网页就更加丰富多彩了。二、新授活动一:在网页中添加flash动画让学生了解FrontPage中不支持直接插入.swf格式的Flash动画文件,但可以按照如下方法间接插入。做一做:给“七巧板”网页添加Flash小游戏。教师演示操作,学生观察步骤。学生上机操作,根据书上P19-20页中的步骤,插入小游戏到网页中。教师巡视指导活动二:给“七巧板”网页添加背景音乐同学们已经会给网页添加动画了,如果再配上音乐这个网页就更丰富了。我们现在就来学怎么设置网页的背景音乐,操作步骤与设置网页背景是类似的。学生上机操作,根据书上P21-22页中的步骤自学。教师巡视指导活动三:在网页中插入视频同学们学会了插入动画与背景音乐,现在再来学如何给网页插入视频就更简单了。7教师演示操作,讲解,学生观察步骤。生按P23上机操作。教师巡视指导。三、试一试:完成书上第P24页试一试中的题目。教学反思:8第5课神奇的超链接教学目的:1、会制作书签超链接2、会设置文件超链接和Email超链接教学重难点:能够在网页中正确设置超链接教学过程:一、引入要将制作好的多个网页通过超链接有机地组织起来,构成一个网站,可以使用超链接。这节课,我们就来学习如何在网页中设置超链接,实现超链接神奇的效果。二、新授活动一:制作书签超链接书签是网页中被标记的位置或被标记的选中文本。当我们在网页中标记了书签后,就可以设置一些关于这些书签的超链接,当浏览者点击这些超链接时,浏览窗口会迅速显示该书签所指向的网页内容。1、做一做。为“我喜欢的动物”网页设置书签超链接。教师演示操作,学生注意观察。步骤如下:①将提供的“第5课”文件夹中的“animal”文件夹拷贝到自己的文件中,并在FrontPage中打开该站点。②双击“文件夹列表”中的index.htm,打开主页;③设置“小猫的秘密”、“鱼儿的秘密”和“鸭子的秘密”三个标签。④设置“小猫”、“鱼儿”、“鸭子”三个超链接。学生上机操作,教师巡视指导。活动二:设置文件超链接我们还可以创建指向一个站点中的文件的超链接。1、做一做。为“我喜欢的动物”网页设置文件超链接设置“我喜欢的动物”主页中的“小猫的秘密”、“鱼儿的秘密”和“鸭子的秘密”三个标题的超链接,单击它们,浏览器会分别显示cat.htm、fish.htm、duck.htm。自学书上P29-30页中的内容,完成添加文件超链接,并预览效果。学生上机操作,教师巡视指导。指名学生上机演示,教师引导评价。9三、设置Email超链接1、做一做为“我喜欢的动物”主页中的“通信“剪贴画设置Email超链接教师演示操作,学生注意观察。步骤如下:①打开“我喜欢的动物”主页,右击网页中最后一行“通信”剪贴画,选择“超链接”命令;②在“创建超链接”对话框中,单击“创建发送电子邮件的超链接”按钮;③输入自己的Email地址;④单击“确定”按钮,保存网页,预览Email超链接效果。学生上机操作,教师巡视指导。展示作品,指导评价。三、试一试1、在FrontPage中打开“笨笨熊之家”网站的首页。2、根据你自己的情况,制作“我的爱好”网页(取名为mylike.htm),介绍你的兴趣与爱好。3、将“笨笨熊之家”主页中的文字“我的爱好”链接到mylike.htm网页。4、将主页中的文字“请给我多提意见!”链接到abc@21cn.com邮件地址。5、将主页中的文字“FrontPage”链接”。教学反思:10第6课用表格安排网页布局教学目的:1、会在网页中使用表格显示数据2、利用表格安排网页布局。教学重难点:利用表格安排网页布局。教学过程:一、引入FrontPage的表格是一个很重要的功能。我们不仅可以利用表格显示数据,而且还可以通过调整表格中的单元格的大小,来改变放在单元格中的文本和图片的版面位置,网页的总体布局。二、新授活动一:在网页中使用表格显示数据师:FrontPage的表格操作与Word的表格操作基本类似,主要有:表格的创建,行(或列)的插入或删除,单元格的拆分、合并、格式设置等。做一做:制作“我的课程表”网页(course.htm),如图1所示。教师演示操作,学生注意观察。学生参照书P34-36页上的14个步骤,自行完成“我的课程表”网页(course.htm)设计。学生上机操作,教师巡视指导。展示完整的作品,评价小结。活动二:利用表格安排网页布局。师:FrontPage里不仅可以在表格中嵌套表格,还可以插入文字或图片。因此,我们可以利用表格来安排网页布局,设计出构图精美的网页。做一做:用表格来安排“七巧板”网页布局,如37页图5所示。分析:该网页的布局是由四个表格组成,在表格中嵌套表格。先建立一个3行一列的表格来布局整个网页。接下来在表格1的第一行再嵌套一个1行2列的表格,在表格1的第二行再嵌套一个1行5列的表格,最后在表格1的第11三行嵌套一个2行1列的表格。教师演示操作,学生注意观察。学生参照书P38-39页上的11个步骤,自行完成“七巧板”网页布局设计。学生上机操作,教师巡视指导。小结。三、想一想在活动二中,只用一个表格可以完成如图5所示的布局吗?教学反思:12第7课让网页动起来教学目标:1、在网页中添加字幕。2、在网页中添加DHTML动态效果。教学重点:运用滚动字幕、悬停按钮美化自己的网页。教学难点:发扬探索精神,自主探究学习教学过程:一、作品展示,导入课题:师(提问):在前面我们大家的共同探讨中大家是否已经对制作一个网页有了一个具体的思路呢?生(回答):略师:大家看一看教师的这个网页中有哪些元素是大家所没有接触过的?生:运动的字!那些显示的图片!;师:这些元素的增加,大家感觉怎么样?生:很漂亮;有动感生:老师,这些都是怎么加上去的呀?二、新课教学1、在网页中添加字幕。师:网页中常常有一些滚动的文字,我们称之为“字幕”。在网页中添加字幕,如同在网页中插入图片。教师操作演示:(1)打开主页;(2)将光标移到网页的末尾,执行“插入”-“水平线”命令,插入一条水平线;(3)将插入点光标定位在水平线的下一行;(4)执行“插入”-“组件”-“字幕”命令,打开“字幕属性”对话框,在“文本”框中输入“欢迎光临笨笨熊之家,请多指教!”,单击“确定”按钮;(5)保存后,预览网页,观察字幕效果。字幕的字体、字号、颜色、背景等设置操作与WORD的一样。学生动手操作练习。132、在网页中添加DHTML动态效果。所谓DHTML动态效果,就是访问者在浏览网页的文字或图片时,随着单击鼠标或鼠标悬停或加载网页等事件发生,文字或图片就会相应地按设定的效果变化;事件消失,文字或图片恢复原样。教学操作演示:(1)用图像处理工具将一张图片处理成黑白图效果,并存到主页所在文件夹下的images文件夹中;(2)打开做好的主页,选中图片;(3)单击“格式”下拉菜单中的“动态HTML效果”命令,打开“DHTML效果”工具栏;(4)在“DHTML效果”工具栏的“开启”下拉框中,选择“鼠标悬停”事件;(5)在“应用”下拉框中,选择“交换图片”;(6)在“选择设置”下拉框中,单击“选择图片……”弹出“图片”对话框;在“图片”对话框中,选择要交换的图片文件,单击“确定”;(7)保存后,预览网页效果。学生动手操作练习。二、试一试。编辑“七巧板”主页,实现如下效果:浏览网页时,当鼠标指
本文标题:信息技术六年级下册教案1-15
链接地址:https://www.777doc.com/doc-2713582 .html