1第1课认识网站与网页教学目的:1、了解万维网的基本架构。2、区分网页和网站的不同之处。3、掌握网页元素和网页构件的使用。教学重点:掌握网页元素和网页构件的使用。教学难点:理解网页中“超链接”的作用。教学准备:1、调试每台计算机2、打开计算机并由教师机控制3、由各组组长带队有秩序地进电脑室。教学过程:一、引入:2首先登录两个不同的网站,打开不同的网页,引发同学们对更喜欢哪一个网站哪一个网页的大讨论。然后提出“你为什么更喜欢这个网页(网站)?”“你想做出自己漂亮的网页吗?”等问题来引起学生的学习兴趣,从而导入新课。二、新授任务一:登录自己喜欢的网站,你认为网站与网页有什么不同?学生活动:登录网站,完成学习任务单的有关内容。交流讨论:网站与网页区别。任务二:你最喜欢哪一个网页?为什么?3学生活动:打开自己喜欢的网页,让大家一起欣赏,自己思考一下喜欢的理由交流讨论:自己喜欢的理由任务三:你最喜欢的那一个网页的页面有哪些元素组成?它们各有什么作用?学生活动:阅读教材,针对网页,找出网页的组成元素。交流讨论:网页构成元素的作用任务四:登录中华少儿网站、认识“超链接”通过单击“中华少儿网”主页中的“科学大观”目录,跳到“科学大观”的网页。42、学生上机操作,尝试打开自己感兴趣的栏目。小结。三、想一想1、网页可以由哪些元素组成?2、什么元素可以让你从当前网页跳转到其他网页或网站?教学反思:第2课创建网站建立第一个网页教学目的:1、会启动FrontPage软件2、识记FrontPage窗口各部分名称53、掌握建立一个站点的方法,制作一个简单的网页教学重点:掌握建立一个站点的方法,制作一个简单的网页教学难点:设置网页属性教学方法:演示法教学准备:安装FrontPage软件教学过程:一、导入大家一定很想开始制作自己的网页吧。其中FrontPage是一种比较容易入门的网页制作工具。下面我们就用它来制作我们的第一个网页吧。二、新授6活动一:认识FrontPage窗口1、启动FrontPage软件让学生试着用启动PowerPoint的方法,自行启动FrontPage软件。指名说出启动的方法,教师加以指导。2、FrontPage窗口的组成观察P6页图1,识记窗口中各部分的名称。出示P6页图1,指名说出各部分的名称3、介绍FrontPage窗口中的视图栏主要有:“网页”、“文件夹”、“报表”、“导航”、“超级链接”、“任务”等按钮。系统默认的视图方式是“网页”视图。74、感受“网页”视图中三个标签学生自己动手,分别选择“普通/HTML/预览”,感受不同的作用。活动二:建立一个站点制作网站时,一般先建立“站点”。实际上是一个文件夹,用于保存整个网站的网页、图片、动画等资源文件。做一做:在FrontPage中新建一个站点教师演示操作,学生观察步骤。学生上机操作,根据书上P7-8页中的步骤,将整个网站内容保存到D:\myweb文件夹下。活动三:制作一个简单的网页做一做:制作一个“笨笨熊之家”网页教师演示操作,学生观察步骤。8学生上机操作,根据书上P10-11页中的步骤,保存网页到D:\myweb文件夹中,文件名取index.htm。教师巡视指导。三、试一试制作一个介绍自己的网页。教学反思:第3课制作表格主页教学目的:1、会在网页中添加图片2、懂得设置网页的背景教学重点:会在网页中添加图片9教学难点:正确设置网页属性中的“背景”选项教学准备:1、安装FrontPage软件2、一张卡通熊图片、小花格图案图片一张教学过程:一、复习1、启动FrontPage软件有哪几种?2、FrontPage窗口的由哪几部分组成?二、新授活动一:在网页中添加图片插入图片前,一般要将图片文件夹保存在网页文件所在文件夹中的images文件10夹下,插入后,还要设置图片的大小、位置、效果等属性。做一做:插入一张卡通熊图片到网页中教师演示操作,学生观察步骤。学生上机操作,根据书上P13-14页中的步骤,插入一张卡通熊图片到网页中。教师巡视指导活动二:设置网页的背景网页背景默认是白色,也可以是图片,可通过“网页属性”对话框,设置网页背景。做一做:将“笨笨熊之家”网页的背景设置为小花格图案学生自学P15页中步骤,将网页的背景设置为小花格图案。11教教师巡视指导。展示已完成学生的作品,并说出完成的步骤。三、试一试:完成书上第P16页试一试中的题目。教学反思:第4课在网页中插入图片教学目的:1、使学生掌握在网页中插入图片、视频2、使学生懂得设置网页的背景音乐12教学重点:会在网页中插入flash动画、插入背景音乐教学难点:会在网页中插入视频教学准备:1、七巧板网页2、忆江南音乐、“嫦娥一号概况”视频教学过程:一、导入师:同学们,你们在浏览网站的时候,看到的网页除了图片和文字以外,还有没有看到什么、听到什么呢?师:同学们说得都很对。这节课就让我们来学习如何给网页添加动画与音乐,13插入动画、音乐以后,我们创建的网页就更加丰富多彩了。二、新授活动一:在网页中添加flash动画让学生了解FrontPage中不支持直接插入.swf格式的Flash动画文件,但可以按照如下方法间接插入。做一做:给“七巧板”网页添加Flash小游戏。教师演示操作,学生观察步骤。学生上机操作,根据书上P19-20页中的步骤,插入小游戏到网页中。教师巡视指导活动二:给“七巧板”网页添加背景音乐14同学们已经会给网页添加动画了,如果再配上音乐这个网页就更丰富了。我们现在就来学怎么设置网页的背景音乐,操作步骤与设置网页背景是类似的。学生上机操作,根据书上P21-22页中的步骤自学。教师巡视指导活动三:在网页中插入视频同学们学会了插入动画与背景音乐,现在再来学如何给网页插入视频就更简单了。教师演示操作,讲解,学生观察步骤。生按P23上机操作。教师巡视指导。三、试一试:15完成书上第P24页试一试中的题目。教学反思:第5课完善自己的网站教学目的:1、会在网页中制作书签超链接2、会设置文件超链接3、会在Email超链接教学重点:如何在网页中设置超链接,实现超链接的神奇效果。教学准备:1、安装FrontPage软件2、学习资源包16教学过程:一、复习1、在网页中插入FLASH动画?2、设置网页的背景音乐3、会在网页中插入视频二、新授活动一:制作书签超链接师:要将制作好的多个网页通过超链接有机地组织起来,构成一个网站,可以使用超链接。这节课我们就来学习如何在网页中设置超链接,实现超链接的神奇效果。请同学样先自学P25,了解什么是书签。学生反馈自学情况。教师边讲解边演示。17做一做:为“我喜欢的动物”网页设置书签超链接。教师演示操作,学生观察步骤。学生上机操作,根据书上P26-28页中的步骤,给“我喜欢的动物”网页添加书签并设置相应的超链接。教师巡视指导活动二:设置文件超链接在网页中我们可以创建指向一个站点的文件的超链接。单击指向一个网页文件的超链接,游览器将显示该网页;单击指向一个其他类型文件的超链接,系统会提示保存或打开该文件。做一做:为“我喜欢的动物”网页设置文件超链接。18小组合作:学生自学P29-30页中步骤,分别设置“我喜欢的动物”主页中的“小猫的秘密”、“鱼儿的秘密”、“鸭子的秘密”三个标题的超链接,单击它们,浏览器分别显示cat.htm\fish.htm\duck.htm。教师巡视指导。展示已完成学生的作品,并说出完成的步骤。活动三:在网页中设置Email超链接。师:Email超链接是链接目标为一个电子邮件地址的超链接。单击该链接,系统会自动新建一封空邮件给该邮件地址。19做一做:为“我喜欢的动物”主页中的“通信”剪贴画设置Email超链接。小组合作:学生自学完成P30-31页中的步骤。三、试一试:1、在FRONTPAGE中打开“笨笨熊之家”网站的首页。2、根据你自己的情况,制作“我的爱好”网页(取名为MYLIKE。HTM),介绍你的兴趣与爱好。3、将“笨笨熊之家”主页中的文字“我的爱好”链接到MYLIKE。HTM网页。4、将主页中的文字“请给我多提意见!”链接到“ABC@21CN。COM”邮件地址。205、将主页中的文字“FRONTPAGE”链接到“HTTP://”。教学反思:第6课用表格安排网页布局[教学内容]:用表格安排网页布局[教学目标]:1、在网页中使用表格显示数据;2、利用表格安排网页布局;21[教学重点]:在网页中使用表格显示数据;[教学难点]:利用表格安排网页布局;[教学准备]:frontpage、网络教室[教学过程]:一、导入表格不仅能够用来显示数据,还能做布局呢。今天我们就来学习表格制作网页二、新授活动一:在网页中使用表格显示数据。1)、新建网页。2)、表格-插入-表格打开“插入表格”对话框,3)、输入参数。4)、确定,插入一个6行9列的表格。225)、合并第一列6)、根据示例在相应位置插入图形和文字。7)、设置颜色和样式。8)、设置背景色。9)、标题为“我的课程表”,以“course.htm”为文件名,保存网页。活动二:利用表格安排网页布局。学生看书,根据书上步骤自己动手完成。三、学生活动学生自己设置完整,并说明设置步骤。教学反思:23第7课让网页动起来[教学内容]:给网页插入字幕、DHTML动态效果[教学目标]:1、给网页插入字幕2、插入DHTML动态效果3、感受制作网页带来的乐趣,培养学生的动手操作能力。[教学重、难点]:给网页插入字幕、DHTML动态效果。[教学准备]:frontpage、多媒体电脑室[教学过程]:一、导入24网页中常常有一些动态效果,今天我们就来学习怎样添加这些效果。二、新授活动一:在网页中添加字幕1)、打开自己的网站。2)、打开主页。3)、插入水平线。4)、打开字幕对话框,输入相应参数。单击确定。5)、保存网页,并预览效果。活动二:添加DHTML动态效果。1)、将“七巧板”图片处理成黑白效果,并存到主页所在文件夹下的IMAGES目录中;252)、单击格式-动态HTML效果打开“DHTML效果”工具栏。3)、根据要求设置相应参数。4)、保存网页,预览效果。三、学生活动自己添加其他DHTML动态效果。教学反思:第8课设计框架网页[教学内容]:框架网页的应用[教学目标]:1、了解框架网页的含义;2、初步掌握框架网页的制作方法;263、培养学生对信息技术的兴趣。[教学重点]:初步掌握框架网页的制作方法。[教学难点]:初步掌握框架网页的制作方法;[教学准备]:框架网页成品、网络教室[教学过程]:一、导入教师出示按本课练习要求完成的最终成品——一个连接了“笨笨熊之家”、“我喜欢的动物”、“我的课程表”和“七巧板”等网页的框架网页。师:谁来说说今天看到的网页有什么特点?【1.网页被分成了不同的区域,每个区域显27示不同的内容;2.内容上是把之前制作的几个网页联系起来了。】教师讲解框架网页的概念。导入课题。二、新授1.教师根据课本P45活动一的练习步骤演示创建框架网页的大致过程,并板书如下:1)、新建--网页—框架网页--目录。2)、在左边“目录”框架中—新建网页—安排目录内容。3)、在右边主框架中—设置初始页面的链接。4)、分别设置各个标题的超链接与目标框架。282.学生根据老师演示及课本说明来完成课本P45的活动一。教师巡视,个别指导。3.让学生自己看课本P51的活动二,完成对练习的保存工作。三、小结教师:1.今天学习了的主要内容是什么?2.框架网页的特点是什么?3.制作框架网页的大致步骤是什么?教学反思:29第9课初识机器人教学目标1、了解什么是机器人2、了解机器人的组成教学重点什么是机器人教学难点了解机器人的组成教学过程“机器人”是20世纪才出现的新名词。1920年,捷克剧作家卡雷尔·恰佩克在他的《罗萨姆万能机器人公司》剧30本中,第一次提出了robot(中文译作:机器人)这个词,从此世界上有了机器人这个概念,robot被当成了机器人一词的起源。1、什么是机器人?所谓机器人