1、小学信息技术第六册备课第1课 制作一个简单的网页第一课时【教学目标】1、知识达成目标：.初步了解网页制作的过程，熟悉网页的各种元素。.通过建立“书海拾贝”网站和“锦绣中华”网站，学习制作网页的基本方法，掌握网页制作的一些技术和方法，能制作一个简单的网页。2、能力培养目标：.以建构主义理论为指导，以研究性学习为载体，培养学生自学、合作学习和动手能力。.学生通过亲身经历，提高分析和解决实际问题的能力。.体现信息技术与其它学科的整合理念，信息技术学科是同学们学习的好助手，为中华崛起而读书。3、情感孕育目标：.培养学生与他人协作的学习品质，加强集体主义的观念。.培养学生的科学探索精神与严谨的治学态度。
2、【教学重点】网页制作中的各种元素及其制作技术和方法【教学难点】网页站点的创建和网页文字输入的技巧。【授课类型】新授课【教学方法】教法：讲授法 演示法 任务驱动法 学法：操作实践法、小组协作研讨法【教学媒体】计算机局域网 多媒体投影仪 网络教室软件 本课相关资源【教学过程】创设情境 引出问题一、展示节约用水，爱我家园网站的主页（以课件形式）导语：以上是获得2005年电脑制作活动初中组网页制作全国一等奖的一件作品，从这件作品中人类已跨进21世纪，迎来了信息时代，在这个时代里，随着网络技术的发展和Internet的普及，我们通过浏览网页可方便地获取信息，在浏览器中所看到的每一幅画面都是一个网页，这些
3、网页有的美观大方，有的丰富多彩，有的个性鲜明。那么我们自己能不能制作出具有自己风格的网页，并在网上发布，以便进行广泛的信息交流呢？我们也可以设计出更好的作品，也可以在全国获奖！学生：可以。老师：今天我们就一起来学习模块5网页制作的第一节制作一个简单的网页。在讲课之前先分组，根据计算机教室和人数分成5、6个小组，小组合作学习。任务一：通过展示节约用水，爱我家园网站的主页，由同学从网站或者是课本中获取网站知识，提出关于网站的几个概念。由小组代表提出，并将小组学习情况记录小组档案。网页的概念：网页就是把用文字、图形、声音、影视等多种媒体形式表达的信息，以及分布在因特网上的相关信息，相互链接起来而构成
4、的一种信息表达方式。超链接标志：在网页中，有关联信息的词显示成蓝色并且有下划线，这个词称为超链接标志。当鼠标指针移到超链接标志上时，鼠标指针变成手的形状，这时单击鼠标左键就会跳转到另一个网页。主页：在网站中起着封面或目录作用的网页称为主页。任务二：开始制作网页前的准备在开始网页制作之前，首先确定网站的主题，根据主题需要有多少网页表现，以及网页之间的链接方式，以“书海拾贝”为网站主题，由同学根据课本确定他们的关系，并教师出示相关准备好的几个完成的网页。网页制作小博士：在制作网页之前，首先要收集素材，以免在制作网页时手忙脚乱。素材可以自己制作，还可以到光盘中或网络上去找，大家在使用这些素材时一定要
5、注明资料来源，尊重作者的版权，还应注意不使用盗版光盘或软件。研究问题 建构新知任务三：开始制作网页通过自学课本中开始制作网页相应的内容（1）了解网页制作工具FrontPage，单击开始任务栏上的“开始”-“程序”-Microsoft FrontPage，小组相互协作，研讨。由小组代表演示，并将小组学习情况记录小组档案。动动手：熟悉一下FrontPage窗口，要注意它特有的视图栏。观察工具栏上有哪些按钮图标与Word的相同，并将鼠标指针移到这些图标上停一会儿，当出现名称时，看看与Word中的名称是否相同。任务四：创建“书海拾贝”站点创建站点是难点，教师先讲解。第一步：在FrontPage窗口中，
6、单击菜单栏上的“文件”，再单击“文件”菜单中的“新建”，从弹出的的子菜单中单击“站点”，打开“新建”对话框。第二步：单击选中“空站点”；然后在“指定新站点的位置”框中输入保存网页的文件夹的路径和名称，本例输入“D:学生姓名书海拾贝”第三步：单击“确定”第四步：单击菜单栏上的“查看”，再单击“查看”中的“文件夹”，打开如图所示“文件夹列表”框。（由于我们建立的是空网站，所以目前站点中没有任何网页文件，只有默认生成的两个文件夹；“-Private”文件夹用来存放系统自动生成的文件，“images”文件夹用来存放图片文件。）第五步：单击菜单栏上的“查看”，再单击“查看”菜单中的“网页”，关闭“文件夹
7、列表”，返回网页编辑窗口。 讲解完后，由学生自己完成空网站的创建，各小组协作，并将完成情况记录小组档案。任务五：制作一个只有文字的网页由同学做一做：第一步：在FrontPage窗口中，单击工具栏上的“新建网页”，建立一个新网页。第二步：输入“书海拾贝”中的文字（操作方法同Word）第三步：单击工具栏上的“保存”按钮，弹出“另存为”，网页标题自动设置为“书海拾贝”，如果更改网页标题的内容，可以单击“更改”。第四步：在“文件名”框中输入“index”作为文件名，“保存类型”选择“Web页”，然后单击“保存”。请注意：输入网页内容时，敲回车键后，两段文字之间的行距会很大，要避免这种现象，可以按住“S
8、hift”键后再敲回车键，这时两段文字之间就是正常行距了。小博士：通常主页的文件名都是“index.htm”，网页标题又称网页名字，这个名字是指浏览该网页时显示在浏览器标题栏中的名字，而不是网页的文件名。讲解和学生自主学习完后，由学生自己完成，各小组协作，并将完成情况记录小组档案。小组自己组织浏览网页。参考课本P50四、浏览网页。任务六：在“书海拾贝”网站中新建两个网页。一个网页的标题为“成语故事”，文件名为“cygs.htm”；另一个网页标题为“历史典故”，文件名为“lsdg.htm”。由学生自己动手完成这两个网页的制作的创建，各小组比赛，并将完成情况记录小组档案。自主小结 归纳信息组织教学
9、1.提问：本节课同学们学到了哪些知识？掌握了哪些知识？2.学生回答，相互补充。教师评价本节内容制作一个简单的网页是贯穿于模块5网页制作的主线，与后面章节内容联系密切，学好本节知识就能为学习后面章节知识打下基础，而且随着现代社会的发展，我们每一个高中学生生活在现代社会中，无论以后走进大学校门或者毕业走上工作岗位，本节内容都是一个必备的知识和技能，而且本节也是本章的一个基础，亦是一个重点。课外研究 拓展综合1、 在D盘上学生姓名文件夹下创建一个“锦绣中华”站点。2、 打开“锦绣中华”站点，新建一个网页。在编辑区中输入以下文字，然后保存，文件名为“index.htm”，网页标题为“锦绣中华”。3、
10、再浏览器中看一下刚才建立的网页，以后我们把这个网页简称为“锦绣中华”网页。4、 我国是一个多民族的国家请收集介绍我国少数民族情况的文字和图片资料，并在D盘的“学生姓名”中的“练习素材”文件夹中新建一个“少数民族”文件夹，把这些资料保存起来。课后由组长将学生完成情况做好统计。第二课时：制作一个只有文字的简单网页教学目标1、知识目标：初步了解网页制作的过程，熟悉网页的各种元素。学习制作网页的基本方法，掌握网页制作的一些技术和方法，能制作一个简单的网页。2、能力目标：以建构主义理论为指导，以研究性学习为载体，培养学生自学、合作学习和动手能力。学生通过亲身经历，提高分析和解决实际问题的能力。3、情感目
11、标：培养学生与他人协作的学习品质，加强集体主义的观念。 教学重点： 网页制作中的各种元素及其制作技术和方法教学难点 网页站点的创建和网页文字输入的技巧。 教学方法： 任务驱动法、讲授法、演示法、操作实践法、小组协作研讨法 教学过程一、展示新浪网站的主页，激发兴趣老师：随着网络技术的发展和Internet的普及，我们通过浏览网页可方便地获取信息，在浏览器中所看到的每一幅画面都是一个网页，这些网页色彩丰富，内容充实，个性鲜明。那么我们自己能不能制作出具有自己风格的网页，并在网上发布，以便进行广泛的信息交流呢？学生：可以。老师：今天我们就一起来学习制作一个简单的网页的一节。在讲课之前先分组，根据计算
12、机教室和人数分成5、6个小组，小组合作学习。任务一：通过展示新浪网站的主页，由同学从网站或者是课本中获取网站知识，提出关于网站的几个概念。由小组代表提出，并将小组学习情况记录小组档案。网页的概念? 超链接标志? 主页？任务二：开始制作网页前的准备在开始网页制作之前，首先确定网站的主题，根据主题需要有多少网页表现，以及网页之间的链接方式，需要哪些素材？怎么收集？教师总结搜集的办法有哪些？任务三：了解制作工具学生自学课本了解网页制作工具FrontPage，单击开始任务栏上的“开始”-“程序”-Microsoft FrontPage。任务四：创建站点创建站点是难点，教师先讲解。第一步：在FrontP
13、age窗口中，单击菜单栏上的“文件”，再单击“文件”菜单中的“新建”，从出的的子菜单中弹单击“站点”，打开“新建”对话框。第二步：单击选中“空站点”；然后在“指定新站点的位置”框中输入保存网页的文件夹的路径和名称，本例输入“D：北京故宫”第三步：单击“确定”第四步：单击菜单栏上的“查看”，再单击“查看”中的“文件夹”，打开如图所示“文件夹列表”框。（由于我们建立的是空网站，所以目前站点中没有任何网页文件，只有默认生成的两个文件夹；“Private”文件夹用来存放系统自动生成的文件，“images”文件夹用来存放图片文件。）第五步：单击菜单栏上的“查看”，再单击“查看”菜单中的“网页”，关闭“文
14、件夹列表”，返回网页编辑窗口。讲解完后，由学生自己完成空网站的创建，各小组协作。任务五：制作一个只有文字的网页由同学做一做：第一步：在FrontPage窗口中，单击工具栏上的“新建网页”，建立一个新网页。第二步：输入网页中的文字（操作方法同Word）第三步：单击工具栏上的“保存”按钮。第四步：在“文件名”框中输入“index”作为文件名，“保存类型”选择“Web页”，然后单击“保存”。注意：输入网页内容时，敲回车键后，两段文字之间的行距会很大，要避免这种现象，可以按住“Shift”键后再敲回车键，这时两段文字之间就是正常行距了。任务六：在“北京故宫”网站中新建两个网页。一个网页的标题为“金水桥
15、”，文件名为“jinshuqiao.htm”；另一个网页标题为“故宫简介”，文件名为“gugongjianjie.htm”。由学生自己动手完成这两个网页的制作的创建，各小组比赛，并将完成情况记录小组档案。归纳总结1、提问：本节课同学们学到了哪些知识？掌握了哪些知识？2、学生回答，相互补充。教师：我们每一个高中学生生活在现代社会中，无论以后走进大学校门或者毕业走上工作岗位，本节内容都是一个必备的知识和技能，而且本节也是本章的一个基础，亦是一个重点。课外练习1、在桌面上创建一个“我的学校”站点，打开网站，新建一个主页，名称保存为“index.htm”。2、思考创建学校网站的思路流程？思考创建网站需
16、要哪些素材，怎么获得。3、创作完毕后，学生之间进行交流学习，相互评论，指出相互间优缺点？ 第三课时 对网页进行简单的修饰【教学目的】1知识目标（1）掌握用网页编辑软件打开网站和修改网页的基本方法。（2）学会对网页中的文字进行各种修饰。（3）学会为网页设置背景图片。（4）学会使用水平线美化网页。2技能目标通过学生探究学习过程中，掌握美化网页的基本操作。3情感目标（1）通过动手实践，培养学生的审美情趣。（2）培养学生在学习过程中自主探究、对比、举一反三的学习能力。（3）利用知识的迁移，培养学生的综合信息素养能力。【课时安排】1课时【教学重点与难点】（1）重点：引导学生正确打开站点。（2）难点：为网
17、页设置背景图片。【教学方法】对比法、任务驱动法【课前准备】网络、对比网页【教学设计】一、直接导入上节课我们建立“锦绣中华”网站及它的主页，大家能打开它吗？学生实践二、新授【站点的打开】分别找学生介绍自己的不同的打开方法（会出现直接打开站点文件夹现象和启动FrontPage软件后“文件”“打开站点”两种情况）初学者易出错点这两种情况中哪一种能对网页进行修改？试试看（通过出错并修正错误来学习新知识）一种是浏览方式，一种是编辑方式【任务】大家已经知道哪一种打开站点的方法能对不满意的网页进行修改了，接下来我们要对网页进行一些美化工作了。下面大家比较一下哪一张网页比较吸引你？并说说原因？广播展示对比网页
18、学生通过观察了解到：文字进行了字体变大着色、居中修饰、网页的背景变颜色。引导1：我们在学习文字处理软件时也对文档进行修饰，大家能不能也对我们的网页中的文字进行修饰呢？能不能也给我们的网页换个漂亮的背景呢？大家动手试试看学生进行实践活动广播展示学生网页文字修饰（展示的过程中提示学生：1尽量使用黑体、楷体、宋体、仿宋体、幼圆体这5种标准字体，以便网上其他计算机能顺利显示网页是的文字；2合理搭配网页中的文字与背景的颜色，以达到赏心悦目的效果。）引导2：在网页中还有一个细节之处不知大家发现了没有？（水平线）学生回答：我们也试着给自己的网页中添加水平线来美化我们的网页。学生动手实践并互相交流问题：能否将
19、水平线加粗变颜色呢？（右键的属性）学生动手发现【任务】：在网页中一种颜色做背景好像有点儿枯燥，能不能换一个淡雅一点的图片做背景呢？提示：图片做背景应该还在“背景”对话框中找。学生动手实践广播展示学生的发现注意点：1在网页中插入的图片或动画、音乐、小电影都要及时保存，并保存在网站images文件夹中，以防止发布到网上出现链接错误；2想看网页存完后的结果可以使用“预览”，所看即所得。【任务延伸】：大家使用图片修饰的是一张网页背景，那么我做了多张网页的背景也用这种方法就太累人了，能不能有一种“一劳永逸”的办法让所有的网页与第一张相同呢？办法是有的，“格式”菜单下的“主题”大家试试看注意点：1使用了主
20、题后，再使用背景是不能的，必须先删除所用的主题，方法是：“主题”对话框中使用“无主题”即可；2想应用所有的网页时选择“所有网页”这一项。三、教师总结1【举一反三】从“文字”颜色“网页”背景（单色）“网页”背景（图片）“多个网页”背景一致（主题），由浅入深，形成线与珠的关系。2使用右键的“快捷菜单”便利。四、作业打开你的素材库完成多彩民族的网页制作并做修饰（教师展示一张）展示学生作业并点评第四课时：丰富多彩的网页教学目标：1知识：在FrontPage2000中设置网页的背景和背景声音；在FrontPage2000网页中插入图像和设置图像属性；2技能：培养学生独立思考、动手实践的能力；培养学生自主
21、探究性、协作性学习能力；激发学生学习信息技术的兴趣，培养学生发现美、创造美的能力，提高学生的综合素质。3情感价值观：通过制作“心系奥运”的网页，让学生进一步了解奥运，感受奥运给人们生活带来的快乐，表达“心系奥运”之情。【教学重点：】在网页中设置网页的背景图像、背景声音及在网页中插入图像；【教学难点：】保存带图像的网页；【教学过程：】一、导入课题:1展示上堂课学生动手制作的第一个网页。2出示两至三个预先制作好的网页（设置了背景、背景音乐及插入了图片）。3提问：更喜欢哪种网页？想不想做出这样丰富多彩的网页？4导入课题让网页丰富多彩。二、思考：1提问：为什么喜欢第二种网页，不同在哪里？2出示本节课学
22、习目标：学会在网页中设置背景、背景音乐及插入图片和设置图片属性。三、讨论： 启动FrontPage，打开处于“E:网页”文件夹中的index.htm网页，完成1、为此网页设置背景颜色或者是背景图像（颜色、图像自定）；2、为此网页设置背景音乐（背景音乐自定）；3、 此网页中插入一个图像，调整其大小并让其居中显示（插入的图像自定）；4、保存网页并预览网页效果。注意：需要的素材位置：网上邻居teacher3素材文件夹相应的文件夹中获取。四、过程：（一）设置网页背景：1、提问：如何设置网页标题（复习）？2、示范操作设置网页标题引入“网页属性”对话框示范操作设置网页背景颜色或背景图案；（二） 设置网页背
23、景音乐：1、提出任务：如何在网页中设置背景音乐呢，2、提问：在什么情况下可以看到设置的网页标题，听到设置的背景音乐？3、小结：设置背景与背景音乐都必须首先打开“网页属性”的对话框，但需选择不同的选项卡，设置背景选择“背景”选项卡，设置背景音乐选择“常规”选项卡。（三） 插入图像与设置图像属性：1、图像是区别于文字的另一种表达信息的形式，具有直观和形象化的特点。那怎样在网页中插入图像呢？2、提问：前一段时间学习了在word2000中插入剪贴画或来自文件的图像，请位同学回答如何插入图像？3、示范操作：在forntpage中插入剪贴画或来自文件的图像（方法相同）。4、示范操作：改变图像大小及改变图像
24、位置，设置图像的“绝对定位”及设置图像的透明色。5、示范操作：保存带图像的网页。6、小结操作。五：归纳总结在网页中插入表格第五课时 插入表格一、教学目标知识方面：1使学生掌握在网页中生成表格的方法。2使学生掌握填写表格内容的方法。3使学生掌握调整表格的方法。技能方面：培养学生处理表格的能力。情感方面：培养学生自学意识。二、教学重点在网页中插入表格的方法。三、教学难点怎样在网页中插入表格。四、教学方法1演示法。2自学法。3实践法。五、教学手段与教学媒体多媒体网络教室。六、课时安排0.51课时。七、教学过程(见下表)教学内容、步骤与方法学生活动内容与方式预期效果与备注 一、导入课题 教师展示插入表
25、格后的网页作品(见图27-1)。图27-1教师提问：插入表格后，起到哪些作用?学生讨论后，教师归纳：插入表格可以使网页中的内容条理清晰。浏览者在访问你的网站时，可以更方便地找到感兴趣的材料。二、新课 1生成表格例1在wangzhi.htm网页中添加一个6行3列的表格。教师演示操作步骤：(1)打开网页文件wangzhi.htm；(2)单击菜单栏中的“表格”选项，打开它的下拉菜单；(3)单击下拉菜单中的“插入”选项，打开它的子菜单；(4)单击子菜单中的“表格”命令，打开“插入表格”对话框；(5)输入行数6和列数3；(6)在“对齐方式”文本框中选择“水平居中”；(7)单击“确定”按钮。 教师布置任务
26、：在自己制作的网页中创建一个表格，在表格中输入相应的内容。试一试，使用工具栏按钮创建表格，应该如何操作?学生观察图27-1。学生思考、回答问题。学生观察教师操作。学生上机实践，在网页中添加表格，并输入表格内容。学生明确学习任务。学生初步了解在网页中插入表格的一些作用。学生观看教师演示，亲自操作一遍，即可掌握在网页中生成表格的方法。 在表格中输入内容的方法与Word相同，学生通过实践即可掌握。通过试一试的方法，学生可以掌握使用工具栏按钮创建表格的方法。 2调整表格 教师介绍：为了使表格更加美观、实用，对表格中的单元格还需要进行必要的调整，操作方法与Word 2000相同。例2将表格第一列合并，并
27、插入一张图片。 教师布置任务：自学在网页中调整表格的方法，完成例2。三、课堂练习完成本课制作的wangzhi.htm网页文件中的表格制作。四、课堂小结师生共同小节本课所学内容，强调：在网页中使用表格，可以使网页内容更加清晰，如果应用得当，会提高网页的浏览效率；在表格中输入内容和调整表格的操作方法与Word 2000相同。五、布置作业在自己制作的网页中添加表格，并对表格进行修饰。学生听教师介绍。学生自学在网页中调整表格的方法，并上机实践完成例2。学生上机实践，完成课堂练习。学生参加小结。学生了解调整表格的方法。通过实践，学生可以掌握在网页中调整表格的基本方法。 绝大部分学生可以较顺利地完成课堂练
28、习。 复习巩固所学知识，建立新旧知识之间的联系。 培养学生规划表格的能力。第五课：网页超链接教案设计一、教学目标： 1、知识与技能： （1）、了解超链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超链接的创建方法。 （2）、掌握交互式按钮、框架网页内超链接的设置方法。 2、过程与方法： （1）、通过创建网页超链接的操作，使学生了解网页中创建超链接的基本方法，消除对网页链接的神秘感。 （2）、通过对不同对象设置超链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。 3、情感态度与价值观： （1）指导学生探索获得知识的途径和方法，培养学生主动获得知识的意识。二、教
29、学重点难点： 1、教学重点： （1）、超链接的含义及链接源和链接目标的含义。 （2）、超链接的制作方法链接到另一页面，链接到另一网站，链接到电子邮箱 2、教学难点： 超链接的各种制作方法。三、教学方法：任务驱动法、自主探究四、教学过程： 1、回顾知识、导入新课 引导学生回顾以前学过的相关知识和上网经历，让学生各抒已见，说出网站的魅力所在，引入本节主题超链接。 2、分析超链接类型，明确其概念 每一种超链接都有链接源和链接目标，我先上网演示各种超链接类型，如链接到另一页面，链接到另一网站，链接到电子邮箱，让学生明白什么是链接源，什么是链接目标。然后，进一步讲解根据目标的不同，可将链接分为三种：绝对网址的链接、相对网址的链接、书签式的链接。 明确概念后，开始创建超链接，教师先通过讲解演示不同链接方式使学生明白创建超链接的步骤。接下来，我把任务布置给学生，让学生把教师课前准备好的网页，文件资料链接起来，学生发挥自主学习的精神，自己完成相应的链接。 3、任务驱动、自主学习 （1）、出示任务一：在同一站点内不同页面之间建立链接。 教师巡视，及时指导，安排学生示范操作并讲解如何创建超链接。 （2）、出示
